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/app/contact/page.tsx

@@ -21,14 +21,14 @@ export default function ContactPage() {
             <h1 style={{ margin: 0, fontSize: 'clamp(2rem, 5vw, 3.2rem)', fontWeight: 300, lineHeight: 1.05, letterSpacing: '-0.03em' }}>
               <span className="text-gradient" style={{ fontWeight: 500 }}>Talk to our Dubai robotics team.</span>
             </h1>
-            <p style={{ margin: 0, color: '#cbc4b3', fontSize: 'clamp(0.95rem, 2vw, 1.05rem)', lineHeight: 1.7 }}>
+            <p style={{ margin: 0, color: '#DEE0F0', fontSize: 'clamp(0.95rem, 2vw, 1.05rem)', lineHeight: 1.7 }}>
               Tell us about your venue, timeline, and use case. We will recommend a robot, share availability, and book a live demo at our Dubai showroom.
             </p>
 
             <div className="card" style={{ padding: 'clamp(1.5rem, 4vw, 2rem)', display: 'flex', flexDirection: 'column', gap: '1rem' }}>
               <ContactRow label="Phone" value="+971 55 948 2728" href="tel:+971559482728" />
               <ContactRow label="Office" value="+971 4 349 9319" href="tel:+97143499319" />
-              <ContactRow label="Email" value="info@yslootahtech.com" href="mailto:info@yslootahtech.com" />
+              <ContactRow label="Email" value="info@yslootahrobotics.com" href="mailto:info@yslootahrobotics.com" />
               <ContactRow label="WhatsApp" value="+971 55 948 2728" href="https://wa.me/971559482728" external />
               <ContactRow label="Address" value="Office 408, City Bay Business Center, Dubai, UAE" href="https://maps.google.com/?q=Office+408+City+Bay+Business+Center+Dubai" external />
             </div>
@@ -60,13 +60,13 @@ function ContactRow({ label, value, href, external = false }: { label: string; v
         alignItems: 'center',
         gap: '1rem',
         padding: '0.75rem 0',
-        borderBottom: '1px solid rgba(196, 162, 101,0.1)',
+        borderBottom: '1px solid rgba(39, 63, 148,0.1)',
         textDecoration: 'none',
-        color: '#f5f1e8',
+        color: '#FBFBFD',
       }}
     >
-      <span style={{ fontSize: '0.7rem', letterSpacing: '0.22em', textTransform: 'uppercase', color: '#94908a' }}>{label}</span>
-      <span style={{ fontSize: '0.95rem', color: '#f5f1e8', textAlign: 'right' }}>{value}</span>
+      <span style={{ fontSize: '0.7rem', letterSpacing: '0.22em', textTransform: 'uppercase', color: '#8891C7' }}>{label}</span>
+      <span style={{ fontSize: '0.95rem', color: '#FBFBFD', textAlign: 'right' }}>{value}</span>
     </a>
   );
 }