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.

src/components/RobotCanvas.tsx

@@ -29,7 +29,7 @@ function Loader() {
           borderRadius: '50%',
           animation: 'spin 1s linear infinite',
         }} />
-        <p style={{ fontSize: '0.875rem', color: '#64748b', fontFamily: 'system-ui, sans-serif' }}>
+        <p style={{ fontSize: '0.875rem', color: '#6b6862', fontFamily: 'system-ui, sans-serif' }}>
           {progress.toFixed(0)}% loaded
         </p>
       </div>
@@ -53,7 +53,7 @@ function SceneContent({ onCapture }: { onCapture: (gl: WebGLRenderer, scene: Sce
       <ambientLight intensity={0.8} />
       <directionalLight position={[5, 5, 5]} intensity={1.8} color="#ffffff" castShadow shadow-mapSize={[1024, 1024]} />
       <directionalLight position={[-4, 3, 2]} intensity={0.8} color="#e8f0ff" />
-      <directionalLight position={[0, 3, -5]} intensity={0.8} color="#94a3b8" />
+      <directionalLight position={[0, 3, -5]} intensity={0.8} color="#94908a" />
       <spotLight position={[0, 8, 0]} intensity={1.0} angle={0.6} penumbra={0.5} color="#ffffff" />
       <directionalLight position={[0, 2, 5]} intensity={0.7} color="#ffffff" />
       <RobotModel />
@@ -148,7 +148,7 @@ export function RobotCanvas() {
       <button
         onClick={handleSnapshot}
         disabled={isCapturing}
-        style={{ ...btnBase, left: '1rem', backgroundColor: 'rgba(255,255,255,0.8)', border: '1px solid #e2e8f0', color: '#1a1a2e' }}
+        style={{ ...btnBase, left: '1rem', backgroundColor: 'rgba(255,255,255,0.8)', border: '1px solid #e8e0cf', color: '#0a0907' }}
         aria-label="Capture 3D scene snapshot"
       >
         <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
@@ -163,8 +163,8 @@ export function RobotCanvas() {
           ...btnBase,
           left: '8.5rem',
           backgroundColor: shareStatus === 'copied' ? 'rgba(34,197,94,0.1)' : 'rgba(255,255,255,0.8)',
-          border: `1px solid ${shareStatus === 'copied' ? '#86efac' : '#e2e8f0'}`,
-          color: shareStatus === 'copied' ? '#16a34a' : '#1a1a2e',
+          border: `1px solid ${shareStatus === 'copied' ? '#86efac' : '#e8e0cf'}`,
+          color: shareStatus === 'copied' ? '#16a34a' : '#0a0907',
         }}
         aria-label="Share configuration link"
       >