Integrations Orbit Hero
Integrations-angled brand hero with app/tool tiles orbiting a square product preview on counter-rotating concentric rings.
Integrations Orbit Hero
Integrations-angled brand hero with app/tool tiles orbiting a square product preview on counter-rotating concentric rings.
Installation
$npx shadcn@latest add @vandoko/vkb-hero-09Synthesis
Design synthesis (not a recolor): shadcnblocks structure + Mobbin form (landing-page15 integrations platform — IFTTT / Zapier / Wrike) + Vandoko color & content (oklch tokens, cyan as signal, brand-true copy).
Lineage
| Property | Value |
|---|---|
| Source | @shadcnblocks/hero18 |
| Version | 1.0.0 |
| Curated | 2026-05-27 |
| License | Commercial |
Sources
- shadcnblocks — Hero 18 - Integrations hero with orbiting icon tiles and square preview (payload)
- Mobbin (page-coherent form spec): IFTTT · Zapier · Wrike
Modifications
- renamed Hero18 → VkbHero09; registry-alias imports + oklch semantic tokens only
- integrations-angled brand hero with app/tool tiles orbiting a square product preview on counter-rotating concentric rings
- cyan reserved as the lone signal on the primary CTA and the active orbit tile
Ported by shadcnblocks-pages-importer v1.2.0 → component-creator (landing-page15, two-front campaign).
Related Components
Contained Media Slide Hero
Brand-promise hero whose contained framed image cross-fades as you hover the three Vandoko discipline slides.
Editorial Ledger Hero
Asymmetric 7/5 editorial hero stating the Vandoko brand promise as an oversized three-line headline, with a ghosted index numeral, a single cyan hairline under-mark, and an offset work-media panel lifted by one focused cyan glow.