29 k vues
Quantum Core
Quantum Core : section hero animée pensée pour une landing page SaaS, construite avec React, Tailwind CSS, TypeScript.
# PROMPT — Recreate the "Apogee" Hero Section Exactly Build a pixel-exact, fully mobile-responsive hero landing section called **"Apogee"**. Follow every specification below literally — exact hex values, exact pixel numbers, exact class names, exact animation delays, exact copy. Do not substitute, round, simplify, or "improve" any value. Where a bracketed Tailwind arbitrary value is given (e.g. `text-[15.5px]`), use that arbitrary value verbatim rather than the nearest Tailwind preset. --- ## 1. STACK & PROJECT SETUP - **Vite 5** + **React 18.3** + **TypeScript 5.5** + **Tailwind CSS 3.4** + **PostCSS/Autoprefixer** - Icons: **`lucide-react`** (v0.446) — use only `ChevronDown`, `Menu`, `X` - `package.json` type: `"module"`. Scripts: `dev: vite`, `build: vite build`, `lint: eslint .`, `preview: vite preview`, `typecheck: tsc --noEmit -p tsconfig.app.json`
Débloquer le Prompt Studio à vie
580 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
- Suisse Intl, Suisse Int
- Palette
