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

src/app/configure/page.tsx

@@ -1,43 +1,20 @@
 'use client';
 
-import Link from 'next/link';
 import { ConfiguratorSection } from '@/components/ConfiguratorSection';
+import { Navbar } from '@/components/Navbar';
+import { FooterAndContact } from '@/components/FooterAndContact';
 
 export default function ConfigurePage() {
   return (
     <>
-      {/* Back button */}
-      <Link
-        href="/"
-        style={{
-          position: 'fixed',
-          top: '1rem',
-          right: '1rem',
-          zIndex: 100,
-          display: 'inline-flex',
-          alignItems: 'center',
-          gap: '0.5rem',
-          padding: '0.5rem 1rem',
-          borderRadius: '2rem',
-          background: 'rgba(255, 255, 255, 0.9)',
-          backdropFilter: 'blur(12px)',
-          WebkitBackdropFilter: 'blur(12px)',
-          border: '1px solid rgba(0, 0, 0, 0.08)',
-          boxShadow: '0 2px 12px rgba(0, 0, 0, 0.06)',
-          color: '#374151',
-          fontSize: '0.8rem',
-          fontWeight: 500,
-          textDecoration: 'none',
-          transition: 'all 0.2s ease',
-        }}
-      >
-        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
-          <line x1="19" y1="12" x2="5" y2="12" /><polyline points="12 19 5 12 12 5" />
-        </svg>
-        Back
-      </Link>
+      <Navbar />
+      
+      {/* Configurator section takes up full height minus navbar height roughly, or we just let it take its normal height */}
+      <div style={{ minHeight: '100vh', paddingTop: '80px' }}>
+        <ConfiguratorSection />
+      </div>
 
-      <ConfiguratorSection />
+      <FooterAndContact />
     </>
   );
 }