Heroes & Sections
Benefits Checklist
Copy column paired with a one or two column checklist of benefits.
$ velocityx add benefits-checklist Built for astro.
Full docs for Benefits Checklist →
Needs a licence key —
subscribe here, then
velocityx loginonce.
What's included
Everything you need, nothing you'll rip out later
Every Velocity X fork ships with the full stack below, not a cut-down starter.
See the full stack- Astro 5 + React 19 islands
- Tailwind 3.3.3 locked design tokens
- Supabase-ready auth + data layer
- JSON-driven category and item pages
- Netlify deploy pipeline, pre-wired
- SEO: sitemap, schema, meta caps
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| eyebrow | string | No | ||
| title | string | Yes | ||
| description | string | No | ||
| headingLevel | 1 | 2 | 3 | 4 | 5 | 6 | Yes | ||
| benefits | string[] | Yes | ||
| cta | { label: string; href: string } | No | ||
| columns | 1 | 2 | No | 2 | |
| className | string | No | '' |
File this creates
The CLI writes this path into your project, relative to its root — nothing else moves.
components/velocity/benefits-checklist/BenefitsChecklist.astro Using the Benefits Checklist component
Install it with velocityx add benefits-checklist.
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.
Accessible 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.
astroFinal-page CTA with a subtle CSS dot-grid pattern masked behind the copy.
astro