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
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.
Last updated