13 k vues
F1 Racing Hub
F1 Racing Hub : page complète animée pensée pour une landing page SaaS, construite avec React, Tailwind CSS, TypeScript.
# Recreate This Page Exactly — Lewis Hamilton / Silverstone F1 Hero ## Tech stack - React + TypeScript + Vite - Tailwind CSS (config extends `fontFamily.sans` = `['"Albert Sans"', 'sans-serif']`, plus custom `f1.dark = rgb(41,41,41)` and `f1.yellow = rgb(237,180,11)`) - lucide-react for icons (X, Menu used) - Google Font: **Albert Sans** weights 300;400;500;600;700;800, loaded in index.html via `https://fonts.googleapis.com/css2?family=Albert+Sans:wght@300;400;500;600;700;800&display=swap` - Body background: `#0a0e1c`, antialiased ## Overall layout A full-screen hero section (`relative w-full overflow-hidden font-sans`) with a page background image and dark overlay, then two responsive layouts: **Page background image (used for both page and inside phone screens):**
Débloquer le Prompt Studio à vie
116 lignes masquées : architecture complète, classes Tailwind, animations et intégration vidéo.
Accès illimité à tous les prompts · Studio inclus · Paiement unique
- Typographies
- Albert Sans
- Palette
.webp)