Group the products into a categorised nav menu, from one source #28

The seven products are listed twice and neither list knows about the other. app/page.tsx holds SHIPPED plus the two focus cards, and components/Navbar.tsx holds a Products hash link that jumps to that section. Adding a product means editing both, and the nav has only one anchor to offer.

Move the catalog into lib/products.js with a category per entry, and have the navbar and the landing section both read it. Categories:

• Agent infrastructure: Selat, Omni
• Model routing: Heimsense
• Dev workflow: AI PR Describer, ForgePod
• Desktop and foundations: Bubo, Design System

Products then becomes a full width dropdown with those four columns. Hover or click to open, Escape or an outside click to close, and the mobile panel gets the same grouping without the hover. Every link points at a destination that already exists, so this adds no pages.

The "Also shipped" rows on the landing pick up the same grouping, so the menu and the page cannot drift apart.