Cta3

The Cta3 component displays a call-to-action section with a headline, a primary button, marquee text, and optional background images, utilizing Material UI for layout and styling, and react-fast-marquee for scrolling elements.

All available props for the Cta3 component are defined and handled within Component usage path file. This allows for easy modifications to the content of the cta section.

Component path: src/blocks/cta/Cta3.tsx

Component usage path: src/app/blocks/cta/cta3/page.tsx

Preview link: https://www.saasable.io/blocks/cta/cta3

Props Details

Prop
Type
Description
Displayed as

bgImage1

BgImageProps (Optional)

URL of the background image for the first GraphicsCard. Optional.

Sets the background image of the first card.

bgImage2

BgImageProps (Optional)

URL of the background image for the second GraphicsCard. Optional.

Sets the background image of the second card.

heading

string

Main heading text displayed in the first GraphicsCard. Required.

Displays the primary heading in the first card.

primaryBtn

ButtonProps

Properties for the primary button, such as text, style, and click handlers. Required.

Renders a prominent button in the first card.

marquees

MarqueesDataProps[]

Array of objects containing data for multiple Marquee components, each with tag information. Required.

Renders scrolling tags in the second card.

PreviousCta2NextCta4