Components

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.

Preview
Open in
Loading preview...

Installation

Terminal
$npx shadcn@latest add @vandoko/vkb-hero-07

Synthesis

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

PropertyValue
Source@shadcnblocks/hero281
Version1.0.0
Curated2026-05-25
LicenseCommercial

Sources

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).

On this page