refactor: update Hero3DRobotics and RoboticsSplineShowcase components for improved styling and layout

- Adjusted padding, opacity, and transform properties for robot images in Hero3DRobotics.
- Updated sizes for images to enhance responsiveness.
- Modified floor reflection styles for better visual consistency.
- Refactored RoboticsSplineShowcase to use inline styles for layout and design consistency.
- Enhanced text styles and button designs for better user experience.
- Improved grid layout for better responsiveness across different screen sizes.

src/app/robots/page.tsx

@@ -2,6 +2,7 @@ import type { Metadata } from 'next';
 import { Navbar } from '@/components/Navbar';
 import { FooterAndContact } from '@/components/FooterAndContact';
 import { CatalogClient } from './CatalogClient';
+import { RoboticsSplineShowcase } from '@/components/sections/robotics-spline-showcase';
 import { ROBOTS } from '@/data/robots';
 
 export const metadata: Metadata = {
@@ -14,17 +15,30 @@ export default function RobotsPage() {
   return (
     <>
       <Navbar />
-      <main style={{ paddingTop: 'clamp(6rem, 10vw, 8rem)', paddingBottom: 'clamp(4rem, 8vw, 6rem)' }}>
-        <div className="container-wide" style={{ display: 'flex', flexDirection: 'column', gap: '2.5rem' }}>
+      <main>
+        <div style={{ paddingTop: 'clamp(5rem, 8vw, 7rem)' }}>
+          <RoboticsSplineShowcase />
+        </div>
+
+        <div
+          className="container-wide"
+          style={{
+            display: 'flex',
+            flexDirection: 'column',
+            gap: '2.5rem',
+            paddingTop: 'clamp(3rem, 6vw, 5rem)',
+            paddingBottom: 'clamp(4rem, 8vw, 6rem)',
+          }}
+        >
           <div style={{ display: 'flex', flexDirection: 'column', gap: '1rem', maxWidth: 760 }}>
-            <span className="eyebrow">Robot Catalog · Dubai · UAE</span>
-            <h1 style={{ margin: 0, fontSize: 'clamp(2rem, 5vw, 3.4rem)', fontWeight: 300, lineHeight: 1.05, letterSpacing: '-0.03em' }}>
+            <span className="eyebrow">Catalog · Filter & Browse</span>
+            <h2 style={{ margin: 0, fontSize: 'clamp(1.6rem, 3.6vw, 2.4rem)', fontWeight: 400, lineHeight: 1.1, letterSpacing: '-0.02em' }}>
               <span className="text-gradient" style={{ fontWeight: 500 }}>
-                Robots ready to deploy across the UAE.
+                {ROBOTS.length}+ models across the UAE portfolio.
               </span>
-            </h1>
+            </h2>
             <p style={{ margin: 0, color: '#DEE0F0', fontSize: 'clamp(0.95rem, 2vw, 1.05rem)', lineHeight: 1.7 }}>
-              Browse {ROBOTS.length}+ models across our portfolio. Filter by brand or category, then request a price or book a live demo at our Dubai showroom.
+              Filter by brand or category, then request a UAE quotation or book a live demo at our Dubai showroom.
             </p>
           </div>