# CTA Section

Source: https://lumeo.nativ.sh/components/cta-section

# 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

Preview Code

Basic CTA

## Ready to build with Lumeo?

Install the package and ship your first component in minutes.

Get started Read the docs

Copy Code

Preview Code

Single Action

## Join the newsletter

Monthly updates on new components and releases. No spam.

Subscribe

Copy Code

Preview Code

Custom Title Slot

## Start shipping today

Use TitleSlot when you need custom title markup.

Get started

Copy Code

## 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](/components/hero) — Opening hero band for the top of the page
-   [Feature Grid](/components/feature-grid) — Feature highlights section
-   [Button](/components/button) — Used inside the Actions slot