CTA Section
A closing call-to-action band on our grid or aurora background with email capture or buttons, a drawn product peek or stat row, plus a compact dismissible banner.
Preview
Start this Monday
Give your team a calmer week
Set up Pebble in fifteen minutes. Your first plan drafts itself from the work you already have.
Free for 21 days · No card needed
Ready when your team is
Join the teams that plan their week in one place.
- teams
- 4,000+
- more shipped
- 18%
- to set up
- 15 min
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title | ReactNode | — | Headline; names the section. |
| description | ReactNode | — | Subcopy. |
| eyebrow | ReactNode | — | Small label with an ember dot. |
| onSubscribe | (email) => Promise<void | { error }> | — | Email capture with validation and a success state; replaces actions. |
| submitLabel | string | "Get started" | Label of the email submit key. |
| actions | ReactNode | — | Buttons when there is no email capture. |
| note | ReactNode | — | Fine print under the actions. |
| peek | ReactNode | — | Drawn product peek beside the copy (decorative). |
| stats | { value, label }[] | — | Stat row under the copy. |
| background | "grid" | "aurora" | "none" | "grid" | Background layer: our GridBackground dots, AuroraBackground, or plain. |
| headingLevel | 2 | 3 | 2 | Heading level of the title. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.