feat(pulse-3d-landing): landing 3D completa — Atomic Design + Three.js + Design Tokens

- Atoms: Button, Badge, Card, GradientText, FloatingText, LightGlow, ThemeToggle, Typography - Molecules: FloatingMesh, ParticleField, FeatureCard3d - Organisms: HeroScene3d, FeaturesScene3d - Templates: SceneCanvas, ThreePage (canvas + overlay 2D) - Pages: App.tsx — Hero + FeaturesOverview + About + CTA wireframes - Design Tokens completo: space/font/color/shadow/radius/material3d/camera3d/animation - Globals CSS: reset, grid, scrollbar, focus-visible, light/dark mode - Vite + React 18 + TypeScript + @react-three/fiber + drei + framer-motion - npm install + dev server OK - node_modules em .gitignore — commit apenas código fonte - Repo standalone: pulse-3d-landing/
2026-05-20 19:52:53 -03:00
parent 1d26482872
commit b49ed7c257
31 changed files with 4955 additions and 1 deletions
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang='pt-BR'>
+<head>
+  <meta charset='UTF-8' />
+  <meta name='viewport' content='width=device-width,initial-scale=1' />
+  <meta name='theme-color' content='#050510' />
+  <title>Pulse 3D — Landing Page Imersiva</title>
+  <link rel='icon' href='/favicon.svg' type='image/svg+xml' />
+  <style>
+    #loading {
+      position:fixed; inset:0; z-index:9999;
+      display:flex; flex-direction:column; align-items:center; justify-content:center;
+      background:#050510; color:#93c5fd;
+      font-family:'Inter',sans-serif; font-size:14px; letter-spacing:.1em;
+      gap:16px;
+    }
+    #loading bar {
+      width:200px; height:3px; background:#1e293b; border-radius:99px; overflow:hidden;
+    }
+    #loading span { display:block; height:100%; background:linear-gradient(90deg,#2563eb,#7c3aed); animation:load 1.2s ease-in-out infinite; }
+    @keyframes load { 0%{width:0;margin-left:0}50%{width:60%}100%{width:0;margin-left:100%} }
+  </style>
+</head>
+<body>
+  <div id='loading'>
+    <div>⚡ PULSE 3D</div>
+    <div><span></span></div>
+    <div style='font-size:11px;color:#64748b;letter-spacing:.15em'>CARREGANDO CENA 3D</div>
+  </div>
+  <div id='root'></div>
+  <script type='module' src='/src/main.tsx'></script>
+</body>
+</html>