Split landing hero into interactive webcam grid

- Move hero into its own client component - Add webcam-backed pixel grid background - Update landing wiring and content test coverage
2026-05-06 09:10:14 +02:00
parent 2032395472
commit 9faca2a859
6 changed files with 761 additions and 76 deletions
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,5 +1,6 @@
 ---
-import { Landing } from "@/components/landing";
+import { LandingHeroSection } from "@/components/landing-hero-section";
+import { LandingRest } from "@/components/landing";
 import "@/styles/global.css";
 ---

@@ -17,6 +18,9 @@ import "@/styles/global.css";
      defer></script>
  </head>
  <body>
-    <Landing />
+    <main class="min-h-screen overflow-hidden bg-background text-foreground">
+      <LandingHeroSection client:media="(min-width: 1024px)" />
+      <LandingRest />
+    </main>
  </body>
 </html>