first

2026-04-10 15:31:59 +04:00
parent 87d2688eeb
commit ec0f991a30
55 changed files with 10218 additions and 0 deletions
@@ -0,0 +1,39 @@
+"use client";
+
+import { useRef } from "react";
+import { ClientOnly } from "@/components/ClientOnly";
+import { ScrollScene } from "@/components/ScrollScene";
+import { ScrollOverlays } from "@/components/ScrollOverlays";
+import { ConfiguratorSection } from "@/components/ConfiguratorSection";
+
+export default function HomePage() {
+  const scrollContainerRef = useRef<HTMLDivElement>(null);
+
+  return (
+    <>
+      {/* Fixed 3D scene behind everything */}
+      <ClientOnly>
+        <ScrollScene scrollContainerRef={scrollContainerRef} />
+      </ClientOnly>
+
+      {/* Text overlays that fade based on scroll */}
+      <ScrollOverlays />
+
+      {/* Scroll spacer with snap sections -- 7 sections for the landing */}
+      <div ref={scrollContainerRef} style={{ position: "relative", zIndex: 1, pointerEvents: "none" }}>
+        <div className="snap-section" />
+        <div className="snap-section" />
+        <div className="snap-section" />
+        <div className="snap-section" />
+        <div className="snap-section" />
+        <div className="snap-section" />
+        <div className="snap-section" />
+      </div>
+
+      {/* Configurator section */}
+      <div style={{ position: "relative", zIndex: 20 }}>
+        <ConfiguratorSection />
+      </div>
+    </>
+  );
+}