Superdesign — Red Noir — Référence de design web et prompt

# SUPERDESIGN "RED NOIR" LANDING PAGE — PROJECT PROMPT

BUILD A SINGLE-PAGE REACT + TANSTACK START + TYPESCRIPT + TAILWIND APP THAT EXACTLY RECREATES THE "RED NOIR" SUPERDESIGN AI LANDING PAGE SPECIFIED BELOW. THE GOAL IS A SAME-TO-SAME, PIXEL-FAITHFUL RECREATION OF THE REFERENCE. USE LUCIDE-REACT FOR ICONS (THE REFERENCE USES `lucide:*` ICONS VIA ICONIFY — MAP EACH TO THE MATCHING `lucide-react` COMPONENT). IMPLEMENT THE PAGE IN `SRC/ROUTES/INDEX.TSX` WITH HELPER COMPONENTS IN `SRC/COMPONENTS/`. USE THE EXACT COLORS, FONTS, SIZES, AND ANIMATION TIMINGS GIVEN. DO NOT INVENT EXTRA SECTIONS OR DESIGN TOKENS.

REFERENCE LIVE URL: https://component-4739694a-be35-4493-bdef-f43fd1d095ec.preview.superdesign.dev/?projectId=c636c30f-5d52-41e7-a197-20eb42f1c72d

---

## DESIGN LANGUAGE — "RED NOIR"

- Pure black canvas (`#000000`) with a deep maroon top glow (vertical gradient `from #1a0505 to black`).
- Single saturated accent: **`--accent-red: #ef233c`** (with glow `rgba(239,35,60,0.5)`). NOTHING else is colored except small per-card icon accents (blue `#3b82f6`, yellow `#facc15`/`text-yellow-400`, purple `#a855f7`/`text-purple-400`) inside the bento grid.