Cta9

Cta9 component creates a call-to-action section with a responsive layout, heading and caption alongside a prominent button, and an image with a gradient overlay that adjusts based on text direction

All available props for the Cta9 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/Cta9.tsx

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

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

Props Details

Prop	Type	Description	Displayed as
heading	string	The main headline text for the call-to-action section.	Displayed prominently at the top.
caption	string	Secondary text providing additional context or details below the heading.	Positioned below the heading.
primaryBtn	ButtonProps	Properties for the primary button, including text, color, size, and variant.	Rendered below the caption as a CTA.
image	ImageCommonProps	Properties related to the background image, including source, alt text, and styling.	Used for displaying a styled background image.