React Solution Cards
The "discover our products" grid from every industrial homepage: a header with a kicker, headline, and an outline CTA, over a grid of image-topped cards. Each card carries a platform badge pinned over its image, a title, a description, and a "Learn more" link. Restrained — hairline borders, sharp corners, no gradients on the chrome.
Marketplace
Discover products and services
Explore a modular, interoperable catalog of products, services, and solutions to scale your operations and fuel your digital transformation.
Go to marketplace
Kelvin PlatformFab OS
Plan, schedule, and monitor the fab floor — from lot dispatch and equipment uptime to yield and scrap, in one operations layer.
Learn more
Kelvin PlatformTwin Studio
Build and calibrate digital twins of your process, bind them to live telemetry, and validate changes before they hit the line.
Learn more
Kelvin PlatformEdge Runtime
Deploy, version, and manage inference models on AXM silicon — over-the-air, with rollback and on-device security built in.
Learn moreInstallation
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | — | Section heading |
| eyebrow / subtitle | string | — | Kicker + intro paragraph |
| action | { label, href? } | — | Outline CTA under the header |
| cards | SolutionCard[] | — | { image?, badge?, badgeIcon?, title, description?, cta?, href? } |
| columns | 2 \ | 3 \ | 4 |
Pass an <img className="w-full object-cover"> (or any node) as each card's image; the badge floats over its top-left corner.