Sequence
docs
Astro components

Call to actions

Components for Call to Action sections.

Various styles of Call to Action sections to drive user engagement.

CTA Boxed

A boxed container style for CTAs.

Usage

---
import CtaBoxed from '@/components/cta/CtaBoxed.astro';
---

<CtaBoxed>
  <h2>Get Started Today</h2>
  <Button>Sign Up</Button>
</CtaBoxed>

CTA Default

The default full-width style CTA.

Usage

---
import CtaDefault from '@/components/cta/CtaDefault.astro';
---

<CtaDefault>
  <h2>Ready to launch?</h2>
</CtaDefault>

CTA Large

A larger, more prominent CTA section.

Usage

---
import CtaLarge from '@/components/cta/CtaLarge.astro';
---

<CtaLarge>
  <h1>Build your dream project</h1>
</CtaLarge>

On this page