.webp)
27 k vues
Sentinel AI
Sentinel AI : section hero animée pensée pour une landing page SaaS, construite avec React, Tailwind CSS, TypeScript.
Create a full-screen dark hero landing page for a security company called "SENTINEL AI" using React, Vite, TypeScript, Tailwind CSS, shadcn/ui, and an embedded Spline 3D scene as the background. The tech stack uses @splinetool/react-spline and @splinetool/runtime for the 3D embed. Here is every detail:
FONT:
Google Fonts "Sora" with weights 300, 400, 500, 600, 700. Load it in index.html:
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&display=swap" rel="stylesheet">
Set font-sora as the body font via Tailwind config: fontFamily: { sora: ["Sora", "sans-serif"] } and apply font-sora antialiased on body.
COLOR THEME (all HSL CSS custom properties, dark only, no light mode):Débloquer le Prompt Studio à vie
78 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
- Sora
.webp)
.webp)
.webp)