Call-to-action sections

Closing bands, inline prompts, newsletter and waitlist captures.

The closing CTA is the section people scroll to when they have already decided. It should restate the offer in one line and ask for exactly one thing — an email, a signup, a demo — with no navigation competing next to it. The variants here cover the full-bleed band, the boxed card and the inline prompt for the middle of a long page.

7 matching7 blocksFree to copy
Open the full page for this block

Newsletter Capture Band

Email capture with a four-state submission machine and an aria-live status line, so the outcome is announced and not just shown.

CTA Sections134 lines1 dep

Community Link Band

A closing CTA of three link cards pointing at GitHub, chat and social — somewhere to go for the visitor who is not ready to convert.

CTA Sections100 lines1 dep
Open the full page for this block

Closing CTA Panel

A rounded gradient panel that restates the offer for the reader who scrolled past everything — heading left, both CTAs right, reassurance points underneath.

CTA Sections103 lines1 dep
Open the full page for this block

Sticky Conversion Bar

The call to action that follows a long page down — held back until the reader is past a scroll threshold, dismissible, and spaced so it never covers the content it is selling.

CTA Sections178 lines1 dep
Open the full page for this block

In-article CTA Card

The offer that sits inside the column instead of interrupting it — a labelled aside a screen reader can skip in one keystroke, tied to the paragraph above it, with the friction admitted before the click.

CTA Sections132 lines1 dep
Open the full page for this block

Referral Waitlist Form

A waitlist capture that shows position and referral credit, turning a dead-end confirmation into the one action that moves the queue.

CTA Sections174 linesNo deps
Open the full page for this block

Demo Request Form

A demo request that offers the self-serve escape first, so the people who did not want a call do not book one.

CTA Sections168 linesNo deps

Questions about call-to-action sections

How many CTAs should a landing page have?
One offer repeated, not several competing. The same action in the hero, once mid-page and once at the end outperforms three different asks, because each new ask restarts the decision.
Do these include the form handling?
They are the markup and the states — idle, submitting, success, error — with the submit handler as a prop. Wiring them to a real endpoint is yours, deliberately: everybody's capture destination is different.
Are these call-to-action sections free to use?
All 7 are free to copy and use in your own projects, including commercial ones. A Pro licence exists for redistribution — shipping them inside a product other people buy — and the full terms are on the licence page.
How do I add one to my project?
Install it with the CLI: `npx hoverlab add newsletter-signup` writes the component and its dependencies into your project. Every artifact here also has a copy button for the raw source, and an "Open in sandbox" link if you would rather try it first.