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

@@ -29,7 +29,7 @@ function Loader() {
           borderRadius: '50%',
           animation: 'spin 1s linear infinite',
         }} />
-        <p style={{ fontSize: '0.875rem', color: '#6b6862', fontFamily: 'system-ui, sans-serif' }}>
+        <p style={{ fontSize: '0.875rem', color: '#6a73a5', 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="#94908a" />
+      <directionalLight position={[0, 3, -5]} intensity={0.8} color="#8891C7" />
       <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 #e8e0cf', color: '#0a0907' }}
+        style={{ ...btnBase, left: '1rem', backgroundColor: 'rgba(255,255,255,0.8)', border: '1px solid #e8e0cf', color: '#0a0a0c' }}
         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">
@@ -164,7 +164,7 @@ export function RobotCanvas() {
           left: '8.5rem',
           backgroundColor: shareStatus === 'copied' ? 'rgba(34,197,94,0.1)' : 'rgba(255,255,255,0.8)',
           border: `1px solid ${shareStatus === 'copied' ? '#86efac' : '#e8e0cf'}`,
-          color: shareStatus === 'copied' ? '#16a34a' : '#0a0907',
+          color: shareStatus === 'copied' ? '#16a34a' : '#0a0a0c',
         }}
         aria-label="Share configuration link"
       >