CTA

The CTA (Call to Action) component is designed to drive user conversions at the end of a page or section.

Usage

import CTA from '~/components/sections/CTA.astro';

<CTA 
  title="Ready to get started?"
  description="Join thousands of happy users today."
  primaryBtnText="Sign Up"
  primaryBtnLink="/signup"
  secondaryBtnText="Learn More"
  secondaryBtnLink="/about"
/>

Variants

Default

The default variant occupies the full width with a prominent background glow.

Build faster today

Stop wasting time on boilerplate. Use our templates to ship your next project in record time.

Register through the designated link Apply with your registered ID

This site provides simulator functionality only. Actual trading carries risk and is your own responsibility. Not for users under 18.

Boxed

The boxed variant is contained within a card, useful for placing inside other layouts.

Ready to Launch?

Get started with our premium templates.

Register through the designated link Apply with your registered ID

Props

| Prop | Type | Default | Description | | :--- | :--- | :--- | :--- | | variant | 'default' \| 'boxed' | 'default' | Layout style of the section. | | title | string | undefined | Heading text. | | description | string | undefined | Subtext description. | | primaryBtnText | string | undefined | Text for the primary button. | | primaryBtnLink | string | undefined | URL for the primary button. | | secondaryBtnText | string | undefined | Text for the secondary button. | | secondaryBtnLink | string | undefined | URL for the secondary button. |