CTA Section
A tinted, centered call-to-action band with a title, optional subtitle, and an Actions slot for primary and secondary buttons. Part of the Splash Kit.
When to Use
- The closing call-to-action band of a landing or marketing page
- "Ready to get started?" prompts before the footer
- Newsletter or sign-up nudges that need visual separation from the surrounding content
Ready to build with Lumeo?
Install the package and ship your first component in minutes.
Join the newsletter
Monthly updates on new components and releases. No spam.
Start shipping today
Use TitleSlot when you need custom title markup.
API Reference
CTASection
| Property | Type | Default | Description |
|---|---|---|---|
| Title | string? | — | The call-to-action heading, rendered as an h2. |
| TitleSlot | RenderFragment? | — | Custom title markup, rendered after Title for full control. |
| Subtitle | string? | — | Supporting paragraph below the title. |
| Actions | RenderFragment? | — | Call-to-action buttons, centered below the subtitle. |
| Class | string? | — | Additional CSS classes appended to the root section. |
Related Components
- Hero — Opening hero band for the top of the page
- Feature Grid — Feature highlights section
- Button — Used inside the Actions slot