KB-330 · HERO/HANDSET/STAGE
Handset Stage Hero
A device-led hero for a mobile app: the copy yields the right half to the product itself — the library's handset vignette rising onto a plinth on mount, two proof chips drifting beside it on clocks that never move in step. For products whose whole argument is the thing in your hand, the screenshot is the pitch and the copy is the caption.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/hero-handset-stage
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| cards / appName | HandsetCard[] · string | — | The scene the handset scrolls through. |
| proofs | { value, label, suffix? }[] | — | Rolling figures on the chips. |
| headline / copy / cta / secondary | string | — | The copy column. |