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
@@ -0,0 +1,55 @@
+import type { Metadata } from 'next';
+import { Navbar } from '@/components/Navbar';
+import { FooterAndContact } from '@/components/FooterAndContact';
+import { MotionSection } from '@/components/ui/MotionSection';
+import { DemoCTA } from '@/components/robotics/DemoCTA';
+import { WhyUs } from '@/components/robotics/WhyUs';
+import { FloatingTechPanel } from '@/components/robotics/FloatingTechPanel';
+
+export const metadata: Metadata = {
+  title: 'About YS Lootah Robotics — Exclusive UAE Access to Unitree & Pudu',
+  description:
+    'YS Lootah Robotics holds exclusive UAE sales rights for selected Unitree and Pudu Robotics solutions — with a Dubai-based team managing sales, demo, configuration, and deployment.',
+};
+
+export default function AboutPage() {
+  return (
+    <>
+      <Navbar />
+
+      <main style={{ paddingTop: 'clamp(6rem, 10vw, 8rem)', paddingBottom: 'clamp(4rem, 8vw, 6rem)' }}>
+        <div className="container-wide" style={{ display: 'flex', flexDirection: 'column', gap: 'clamp(3rem, 6vw, 5rem)' }}>
+          <div style={{ display: 'flex', flexDirection: 'column', gap: '1.25rem', maxWidth: 820 }}>
+            <span className="eyebrow">About · Exclusive UAE Access</span>
+            <h1 style={{ margin: 0, fontSize: 'clamp(2rem, 5vw, 3.4rem)', fontWeight: 300, lineHeight: 1.05, letterSpacing: '-0.03em' }}>
+              <span className="text-gradient" style={{ fontWeight: 500 }}>The UAE&apos;s dedicated destination for Unitree and Pudu Robotics.</span>
+            </h1>
+            <p style={{ margin: 0, color: '#cbc4b3', fontSize: 'clamp(0.95rem, 2vw, 1.05rem)', lineHeight: 1.7 }}>
+              YS Lootah Robotics is the robotics arm of the YS Lootah group — a UAE-based technology partner that holds exclusive sales rights in the UAE for selected Unitree and Pudu Robotics solutions. Our Dubai team manages sales, live demos, configuration, deployment, and ongoing service across the UAE.
+            </p>
+            <p style={{ margin: 0, color: '#94908a', fontSize: '0.92rem', lineHeight: 1.7 }}>
+              Brand names and product trademarks are property of their respective owners. Available exclusively in the UAE through YS Lootah Robotics.
+            </p>
+          </div>
+
+          <MotionSection>
+            <FloatingTechPanel />
+          </MotionSection>
+
+          <MotionSection>
+            <div style={{ display: 'flex', flexDirection: 'column', gap: '1.5rem' }}>
+              <h2 style={{ margin: 0, fontSize: 'clamp(1.5rem, 3vw, 2.2rem)', fontWeight: 400, letterSpacing: '-0.02em' }}>
+                <span className="text-gradient" style={{ fontWeight: 500 }}>Why work with us</span>
+              </h2>
+              <WhyUs />
+            </div>
+          </MotionSection>
+
+          <DemoCTA />
+        </div>
+      </main>
+
+      <FooterAndContact />
+    </>
+  );
+}