React Insights Section
The resource hub from a corporate site: an "In this section" side nav next to a header and a grid of image cards — each a vibrant visual, a linked title with an arrow, and a short description. The image slot takes any node, so the demo drops in vibrant gradient artwork (self-contained SVG, no external dependency); swap in your own photography or illustration. The side nav is optional and collapses above the grid on mobile.
Insights and innovation
Get the expert insight you need to break down the barriers holding your team back.
A deep bench of research — from device physics to edge inference — shaping what silicon and tools do next.
Deep dives on instrumentation, EDA, and the systems behind modern hardware.
We help spearhead the global standards that keep engineering interoperable and safe.
Installation
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | — | Section heading |
| subtitle | string | — | Intro paragraph |
| nav | { label, href, active? }[] | — | "In this section" side links (optional) |
| navTitle | string | "In this section:" | Label above the side nav |
| cards | InsightsCard[] | — | { image?, title, href?, description? } |
| columns | 2 \ | 3 | 3 |
Pass each card's image as an <img className="aspect-[16/10] w-full object-cover"> (or any node). Omit nav to render the header and grid full-width.