React Bento Hero
A landing hero with a story below the fold: a centered headline, subtitle, and email capture, over a bento grid — a tall media card with a play button, a stack of feature cards, an integrations orbit, and an analytics card. Adapted to the house language: light-first, with deep-navy media and analytics cards for contrast, sharp corners, and petrol accents. The email field confirms on submit; the integration nodes and radial chart are dependency-free.
Kelvin OS
We build the infrastructure for the future of engineering
From instrument dashboards to edge inference, we ship the tools that help hardware teams design, monitor, and scale.
Stay in the loop
We'll never share your email address.
Kelvin, explained
Scalable systems
Architectures that grow with your product.
Real-time processing
Sub-millisecond sensing and control at the edge.
Custom solutions
Tailored dashboards, tools, and integrations.
AI-assisted
Bring on-device inference to your product.
Analytics
Designed to help you make informed engineering decisions.
Not your average bar chart — more than graphs and numbers.
Any integration you can imagine
Connect the tools your team already runs on.
Installation
Props
| Prop | Type | Description |
|---|---|---|
| title | ReactNode | Centered headline |
| eyebrow / subtitle | string | Kicker + intro paragraph |
| { label?, placeholder?, note?, onSubmit? } | Email capture (confirms on submit) | |
| media | { title, label?, duration?, visual? } | Tall deep media card with a play button |
| features | { icon?, title, description? }[] | Stack of feature cards |
| integrations | { title, description?, center?, nodes? } | Orbit card; nodes are placed around the ring |
| analytics | { title, description?, footnote?, visual? } | Deep analytics card (pass a chart node) |
Every bento region is optional — omit any of media, features, integrations, or analytics and the grid reflows. The visual slots (media background, integration nodes, analytics chart) take any node, so drop in a real video thumbnail, brand icons, or a live chart.