Blocks

A marketing hero with an eyebrow, a headline, a supporting paragraph, two calls to action and a frame for a real product screenshot. Every part is composed by you, so the section carries your copy instead of a placeholder.

A pricing section with three tiers, a monthly and annual toggle the caller controls, and a featured tier marked by a stronger border and a small label rather than a coloured card. Each tier takes its own price, so the toggle is a few lines of your own state.

A complete agent conversation interface: a reader-aware message scroller, message rows with tool and reasoning groups, and an auto-growing prompt input with model selection and send/stop states.

A complete analytics screen: collapsible navigation, a metric row with sparklines, a filterable area chart, and a sortable activity table. Everything is a plain component you can take apart.

A complete billing screen: plan comparison, a payment method with a real card form, an invoice history table with per-row actions, and a usage meter against the plan allowance.