feat: add robotics showcase components and UI enhancements

- Introduced FounderSection component to highlight leadership and vision.
- Created ServicesGrid component to display various robotics services offered.
- Developed RoboticsScrollShowcase for showcasing robots with interactive elements.
- Implemented RoboticsSplineShowcase featuring a 3D Spline scene for enhanced user experience.
- Added reusable Card component for consistent styling across sections.
- Integrated ContainerScroll for animated scrolling effects in the showcase.
- Built SplineScene component for lazy loading Spline 3D scenes.
- Added Spotlight component for interactive hover effects.
- Created utility function for class name merging to streamline styling.

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: '#94908a',
+                  color: '#8891C7',
                   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: '#0a0907', margin: 0 }}>
+              <h2 style={{ fontSize: '0.9rem', fontWeight: 600, color: '#0a0a0c', 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: '#94908a',
+                  color: '#8891C7',
                   cursor: 'pointer',
                   fontSize: '0.9rem',
                   display: 'flex',
@@ -155,7 +155,7 @@ export function CheckoutOverlay() {
                     }} />
                     <span style={{
                       fontSize: '0.65rem',
-                      color: isActive ? '#2563eb' : isComplete ? '#3b82f6' : '#6b6862',
+                      color: isActive ? '#2563eb' : isComplete ? '#3b82f6' : '#6a73a5',
                       fontWeight: isActive ? 600 : 400,
                       textAlign: 'center',
                     }}>
@@ -216,7 +216,7 @@ export function CheckoutOverlay() {
                   </button>
                 </div>
               ) : (
-                <span style={{ color: '#94908a' }}>Initializing secure payment...</span>
+                <span style={{ color: '#8891C7' }}>Initializing secure payment...</span>
               )}
             </div>
           ) : null}