Valmax — Photography Studio — Référence de design web et prompt

# VALMAX PHOTOGRAPHY LANDING PAGE

BUILD A SINGLE-PAGE REACT + VITE + TYPESCRIPT + TAILWIND V4 APP (SHADCN-UI BASE) THAT EXACTLY RECREATES THE VALMAX PHOTOGRAPHY LANDING PAGE DESCRIBED BELOW. USE FRAMER-MOTION AND LUCIDE-REACT. IMPLEMENT THE PAGE INSIDE `SRC/COMPONENTS/VALMAXLANDING.TSX` AND MOUNT IT FROM `SRC/ROUTES/INDEX.TSX` (TANSTACK START). DO NOT INTRODUCE CUSTOM TAILWIND COLOR TOKENS FOR COMPONENTS — USE THE SEMANTIC THEME TOKENS DEFINED IN `SRC/STYLES.CSS` PLUS THE LITERAL OKLCH/HEX/RGBA VALUES LISTED BELOW.

## GLOBAL SETUP

- STACK: TANSTACK START V1, REACT 19, TAILWIND V4 (SINGLE `SRC/STYLES.CSS` WITH `@IMPORT "TAILWINDCSS" SOURCE(NONE)` AND `@SOURCE "../SRC"`), FRAMER-MOTION, LUCIDE-REACT. PATH ALIAS `"@/..."` → `"SRC/..."`.
- `SRC/STYLES.CSS` IMPORTS TAILWINDCSS AND TW-ANIMATE-CSS, PLUS GOOGLE FONT "POPPINS" WEIGHTS 300/400/500/600/700.
- `@THEME INLINE` REGISTERS FONT TOKENS: `--FONT-DISPLAY` = `'NEUE HAAS GROTESK DISPLAY PRO', 'NEUEHAASDISPLAY', 'HELVETICA NEUE', 'HELVETICA', 'ARIAL', SYSTEM-UI, SANS-SERIF`. `--FONT-BODY` = `'POPPINS', SYSTEM-UI, SANS-SERIF`. RADIUS TOKENS ARE DERIVED FROM `--RADIUS` (0.625REM). COLOR TOKENS (`--COLOR-BACKGROUND` … `--COLOR-RING`) ARE BOUND TO ROOT VARIABLES.
- `:ROOT` VARIABLES (LIGHT-MODE = DARK-MODE HERE, THE SITE IS PERMANENTLY DARK):
  - `--RADIUS: 0.625REM;`
  - `--BACKGROUND: OKLCH(0.06 0 0);`