feat: initialize Lootah Robotics web application with 3D configurator and scroll-driven UI components

2026-04-20 11:36:04 +04:00
parent 6c5f1f7f15
commit 9394b58b0e
18 changed files with 981 additions and 125 deletions
@@ -4,12 +4,16 @@ import { useRef } from "react";
 import { ClientOnly } from "@/components/ClientOnly";
 import { ScrollScene } from "@/components/ScrollScene";
 import { ScrollOverlays } from "@/components/ScrollOverlays";
+import { FooterAndContact } from "@/components/FooterAndContact";
+import { Navbar } from "@/components/Navbar";

 export default function HomePage() {
  const scrollContainerRef = useRef<HTMLDivElement>(null);

  return (
    <>
+      <Navbar />
+      
      {/* Fixed 3D scene behind everything */}
      <ClientOnly>
        <ScrollScene scrollContainerRef={scrollContainerRef} />
@@ -28,6 +32,10 @@ export default function HomePage() {
        <div className="snap-section" />
        <div className="snap-section" />
      </div>
+
+      <div className="snap-section" style={{ scrollSnapAlign: 'start' }}>
+        <FooterAndContact />
+      </div>
    </>
  );
 }