Promo-Pill Hero
A centered static promo-pill hero with an announcement pill, oversized headline, dual pill CTAs, trust microcopy, and an inline framed product-UI mock.
Promo-Pill Hero
A centered static promo-pill hero with an announcement pill, oversized headline, dual pill CTAs, trust microcopy, and an inline framed product-UI mock.
Installation
$npx shadcn@latest add @vandoko/vkb-hero-04Synthesis
Design synthesis (not a recolor): shadcnblocks structure + Mobbin form (v0 / Coda / Linear landing language) + Vandoko color & content (oklch tokens, cyan as signal, brand-true copy).
Lineage
| Property | Value |
|---|---|
| Source | @shadcnblocks/hero21 |
| Version | 1.0.0 |
| Curated | 2026-05-25 |
| License | Commercial |
Sources
Modifications
- flattened source prop-bag to a single flat Props
- stripped external img product shots → inline ProductMock framed surface
- promo pill: bg-muted tag with a size-1.5 bg-primary signal dot
- Vandoko voice copy + plain trust microcopy
- kit form: font-semibold tracking-tight leading-[1.05] headline, rounded-full size-lg CTAs + ArrowRight, py-24 md:py-32
- dropped source Badge dep
Ported by shadcnblocks-pages-importer v1.2.0 → component-creator (page-decompose pilot).
Related Components
Editorial Outcome Hero
Warm-light editorial hero with an oversized tight-leading headline, dual pill CTAs, a three-column hover feature row, and a crossfading framed product preview with slide dots.
Email Signup Collage Hero
Two-column hero pairing a work-email signup card with an overlapping three-image collage and playful oklch accent marks.