Add Instagram post fetching functionality and local JSON fallback

- Introduced a new TypeScript file `bu-sunaidah-fetch.ts` to handle fetching the latest Instagram posts for Bu Sunaidah.
- Implemented a scraping method to attempt to retrieve posts directly from Instagram, with a fallback to a local JSON file `bu-sunaidah-posts.json`.
- Added a new JSON file containing recent Instagram post URLs and captions.
- Included a new image asset `unitree-l2.jpg` for accessories.

src/app/robots/page.tsx

@@ -5,6 +5,7 @@ import { Navbar } from '@/components/Navbar';
 import { FooterAndContact } from '@/components/FooterAndContact';
 import { CatalogClient } from './CatalogClient';
 import { AccessoriesShowcase } from '@/components/robotics/AccessoriesShowcase';
+import { RoboticsSplineShowcase } from '@/components/sections/robotics-spline-showcase';
 import { CTAButton } from '@/components/ui/CTAButton';
 import { ROBOTS } from '@/data/robots';
 import { ACCESSORIES } from '@/data/accessories';
@@ -32,6 +33,11 @@ export default function RobotsPage() {
       <Navbar />
 
       <main className="rb-main">
+        {/* SPLINE SHOWCASE — top-of-page robot + hand animation */}
+        <div className="rb-spline-wrap">
+          <RoboticsSplineShowcase />
+        </div>
+
         <div className="container-wide rb-stack">
           {/* BREADCRUMBS */}
           <nav aria-label="Breadcrumb" className="rb-crumbs">
@@ -126,6 +132,9 @@ export default function RobotsPage() {
           padding-top: clamp(5rem, 9vw, 7rem);
           padding-bottom: clamp(3rem, 6vw, 5rem);
         }
+        .rb-spline-wrap {
+          margin-bottom: clamp(2rem, 4vw, 3rem);
+        }
         .rb-stack {
           display: flex;
           flex-direction: column;