Shelf
The first landing page in the library, and mostly a test that the pieces fit together. Four of its five sections are existing blocks used as they are; only the hero was written for this page. Scroll inside the frame, switch widths, or use Open page to see it at full size.
Built from
- Header: Capsule Navbar, with the brand and links swapped.
- Product shot: Category Table, opened on its first row so the page shows the interaction before anyone touches it.
- Call to action: Wipe Button, inside a raised card.
- Footer: Arc Footer, neutral with no accent.
The hero
Centred copy over the live table instead of a screenshot. The glow behind it
is a radial gradient in --muted with an SVG grain on top, so it stays
smooth in both themes. One word of the heading is set in Redaction italic;
everything else stays in Inter.
The hero lives next to the page in components/landing-pages/shelf/hero.tsx.
When a second page wants the same layout, it moves to components/blocks/hero
and gets its own page.