KB-202 · HERO/LAUNCH/BEACON
Launch Beacon Hero
A centered launch hero: one announcement, one claim, one action. The stack lands on the cascade over a contour wavefield held at low opacity, and the proof row carry-rolls its numbers in — a number that arrives reads as measured where a printed one reads as claimed.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/hero-launch-beacon
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| notice / headline / copy | string | — | Announcement chip, two-line headline, and the standfirst. |
| metrics | BeaconMetric[] | — | The proof row — value, suffix, label; numbers roll in. |
| primaryCta / secondaryCta / onPrimary / onSecondary | string · () => void | — | Both actions; secondary renders as a ghost. |