KB-280 · HERO/PRICE/FORWARD
Price Forward Hero
A hero that leads with the price. Most pages spend the fold establishing that they are worth asking about; this one answers the question the visitor came with and lets the rest of the page earn the number afterwards. It only works with simple pricing and nothing hidden below.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/hero-price-forward
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| price / currency / period | number · string | — | The number, on its own plate. |
| includes / footnote | string[] · string | — | What it covers, and the line that makes it believable. |