# Cta1

{% hint style="info" %}
All available props for the Cta1 component are defined and handled within **Component usage path** file. This allows for easy modifications to the content of the cta section.
{% endhint %}

**Component path**: `src/blocks/cta/Cta1.tsx`

**Component usage path:**  `src/app/blocks/cta/cta1/page.tsx`

**Preview link:** [**https://www.saasable.io/blocks/cta/cta1**](https://www.saasable.io/blocks/cta/cta1)

## Props Details

| Prop           | Type                      | Description                                                                           | Displayed as                                     |
| -------------- | ------------------------- | ------------------------------------------------------------------------------------- | ------------------------------------------------ |
| **bgImage**    | `BgImageProps` (Optional) | URL of the background image for the `GraphicsCard`. Optional.                         | Sets the background image of the card.           |
| **heading**    | `string`                  | Main heading text displayed in the card. Required.                                    | Displays the primary message in the card.        |
| caption        | `string` (Optional)       | Subtitle or secondary text below the heading.                                         | Displayed below the heading.                     |
| **primaryBtn** | `primaryBtn` (Optional)   | Properties for the primary button, such as text, style, and click handlers. Required. | Renders a button for user interaction or action. |