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/CheckoutOverlay.tsx

@@ -103,7 +103,7 @@ export function CheckoutOverlay() {
                   borderRadius: '0.375rem',
                   border: '1px solid rgba(0, 0, 0, 0.08)',
                   background: 'transparent',
-                  color: '#94a3b8',
+                  color: '#94908a',
                   cursor: 'pointer',
                   fontSize: '0.75rem',
                   transition: 'all 0.2s ease',
@@ -111,7 +111,7 @@ export function CheckoutOverlay() {
               >
                 Back
               </button>
-              <h2 style={{ fontSize: '0.9rem', fontWeight: 600, color: '#1a1a2e', margin: 0 }}>
+              <h2 style={{ fontSize: '0.9rem', fontWeight: 600, color: '#0a0907', margin: 0 }}>
                 Checkout
               </h2>
               <button
@@ -122,7 +122,7 @@ export function CheckoutOverlay() {
                   borderRadius: '50%',
                   border: '1px solid rgba(0, 0, 0, 0.08)',
                   background: 'transparent',
-                  color: '#94a3b8',
+                  color: '#94908a',
                   cursor: 'pointer',
                   fontSize: '0.9rem',
                   display: 'flex',
@@ -155,7 +155,7 @@ export function CheckoutOverlay() {
                     }} />
                     <span style={{
                       fontSize: '0.65rem',
-                      color: isActive ? '#2563eb' : isComplete ? '#3b82f6' : '#64748b',
+                      color: isActive ? '#2563eb' : isComplete ? '#3b82f6' : '#6b6862',
                       fontWeight: isActive ? 600 : 400,
                       textAlign: 'center',
                     }}>
@@ -216,7 +216,7 @@ export function CheckoutOverlay() {
                   </button>
                 </div>
               ) : (
-                <span style={{ color: '#94a3b8' }}>Initializing secure payment...</span>
+                <span style={{ color: '#94908a' }}>Initializing secure payment...</span>
               )}
             </div>
           ) : null}