Heroes & Sections
Hero — Email Capture
Centred hero with an inline plain-HTML email capture form wired to any form action.
$ velocityx add hero-email-capture Built for astro.
Full docs for Hero — Email Capture →
Needs a licence key —
subscribe here, then
velocityx loginonce.
Early access
Be first to try Velocity X for your agency
We're onboarding 20 agencies this quarter. Drop your email to get a slot.
No spam. Unsubscribe anytime.
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| eyebrow | string | No | ||
| title | string | Yes | ||
| sub | string | No | ||
| headingLevel | 1 | 2 | 3 | 4 | 5 | 6 | Yes | ||
| formAction | string | No | '#' | |
| formMethod | 'get' | 'post' | No | 'post' | |
| inputName | string | No | 'email' | |
| placeholder | string | No | 'you@company.com' | |
| buttonLabel | string | No | 'Get early access' | |
| disclaimer | string | No | 'No spam. Unsubscribe anytime.' | |
| className | string | No | '' |
File this creates
The CLI writes this path into your project, relative to its root — nothing else moves.
components/velocity/hero-email-capture/HeroEmailCapture.astro Using the Hero — Email Capture component
Install it with velocityx add hero-email-capture.
The CLI writes the source straight into your project — no runtime dependency, no registry
lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.
Related components
More from Heroes & Sections.
Copy column paired with a one or two column checklist of benefits.
astroAccessible comparison table with a highlighted column and horizontal scroll on mobile.
astroFull-bleed brand-gradient CTA banner, the project's single-use-per-page gradient moment.
astroCentred call-to-action card with one or two buttons.
astro