Carousel Feature-Grid Hero
Lead hero with a bold accent-keyword headline, a three-up feature grid, paired CTAs, and a framed product carousel (embla autoplay) with a slide label + dot pager over a single soft cyan glow.
Vandoko Hero — Carousel + Feature Grid
Lead hero with a bold accent-keyword headline, a three-up feature grid, paired CTAs, and a framed product carousel (embla autoplay) with a slide label + dot pager over a single soft cyan glow.
Installation
$npx shadcn@latest add @vandoko/vkb-hero-07Synthesis
Design synthesis (not a recolor): shadcnblocks structure + Mobbin form (Airwallex / OpenTable / Google Maps Platform confident product-marketing language) + Vandoko color & content (oklch tokens, cyan as signal, brand-true copy).
Lineage
| Property | Value |
|---|---|
| Source | @shadcnblocks/hero281 |
| Version | 1.0.0 |
| Curated | 2026-05-25 |
| License | Commercial |
Sources
- shadcnblocks — Hero 281 - Hero with feature grid and product carousel (payload)
- Mobbin (page-coherent form spec): Airwallex · OpenTable · Google Maps Platform
Modifications
- renamed Hero281 → VkbHero07; registry-alias imports + oklch semantic tokens only
- headline carries ONE accent keyword in text-primary; ONE focused cyan glow behind the carousel media
- embla autoplay carousel with a CarouselApi-driven slide label + dot pager (active dot is the cyan signal)
- framed media in rounded-2xl border bg-card shadow-lg ring-1 ring-primary/10 surfaces
- rebuilt copy as a brand-true Vandoko sprint pitch (Strategy/One system/Production)
Ported by shadcnblocks-pages-importer v1.2.0 → component-creator (landing-page17, two-front campaign).
Related Components
Editorial Lattice Collage Hero
Split hero with an oversized editorial headline, paired CTAs, and a masonry lattice collage of rounded media tiles on the dark Vandoko canvas.
Contained Media Slide Hero
Brand-promise hero whose contained framed image cross-fades as you hover the three Vandoko discipline slides.