feat: add robotics components and data structures

- Introduced RobotProductCard component for displaying robot details. - Added WhyUs component highlighting key reasons for choosing our robotics solutions. - Implemented CursorSpotlight for enhanced user interaction. - Created GlassPanel for a stylish UI element. - Developed MotionSection for animated section visibility. - Added PremiumButton for versatile button options. - Established data structures for industries and robots, including detailed specifications and use cases. - Included utility functions for retrieving robots by slug and category.
2026-05-20 17:22:47 +04:00
parent 2eac53dac3
commit 92cf4aba3b
87 changed files with 6887 additions and 1430 deletions
@@ -1,20 +1,50 @@
-'use client';
-
-import { ConfiguratorSection } from '@/components/ConfiguratorSection';
-import { Navbar } from '@/components/Navbar';
-import { FooterAndContact } from '@/components/FooterAndContact';
-
-export default function ConfigurePage() {
-  return (
-    <>
-      <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>
-
-      <FooterAndContact />
-    </>
-  );
-}
+'use client';
+
+import { ConfiguratorSection } from '@/components/ConfiguratorSection';
+import { Navbar } from '@/components/Navbar';
+import { FooterAndContact } from '@/components/FooterAndContact';
+
+export default function ConfigurePage() {
+  return (
+    <>
+      <Navbar />
+
+      <header
+        style={{
+          position: 'relative',
+          paddingTop: 'clamp(6rem, 10vw, 8rem)',
+          paddingBottom: 'clamp(1.5rem, 3vw, 2.5rem)',
+          paddingLeft: 'clamp(1rem, 4vw, 2rem)',
+          paddingRight: 'clamp(1rem, 4vw, 2rem)',
+          background:
+            'radial-gradient(ellipse 60% 80% at 50% 0%, rgba(196, 162, 101,0.12), transparent 60%), linear-gradient(180deg, #050505 0%, #030303 100%)',
+          borderBottom: '1px solid rgba(196, 162, 101,0.12)',
+        }}
+      >
+        <div style={{ maxWidth: 1320, margin: '0 auto', display: 'flex', flexDirection: 'column', gap: '0.75rem' }}>
+          <span className="eyebrow">Configurator · Unitree G1 humanoid · Dubai</span>
+          <h1
+            style={{
+              margin: 0,
+              fontSize: 'clamp(1.6rem, 3.6vw, 2.4rem)',
+              fontWeight: 300,
+              letterSpacing: '-0.02em',
+              lineHeight: 1.1,
+            }}
+          >
+            <span className="text-gradient" style={{ fontWeight: 500 }}>Configure your robot.</span>
+          </h1>
+          <p style={{ margin: 0, color: '#94908a', fontSize: 'clamp(0.85rem, 1.6vw, 0.95rem)', lineHeight: 1.6, maxWidth: 720 }}>
+            Choose persona, attire, colors, and accessories — visualize your Unitree G1 humanoid before you request a quotation from YS Lootah Robotics.
+          </p>
+        </div>
+      </header>
+
+      <div style={{ minHeight: '100vh', background: '#ffffff' }}>
+        <ConfiguratorSection />
+      </div>
+
+      <FooterAndContact />
+    </>
+  );
+}