feat: add AccessoriesShowcase component and accessories data

- Implemented the AccessoriesShowcase component for displaying various robotic accessories with filtering options.
- Created a new data file for accessories, including types, groups, and detailed information for each accessory.
- Introduced FilterChip and AccessoryCard components for better UI representation of accessories.

src/app/industries/[slug]/page.tsx

@@ -140,8 +140,8 @@ export default async function IndustryDetailPage({ params }: { params: Promise<P
                 {/* Right visual: industry hero image */}
                 <aside className="ip-hero-visual">
                   <Image
-                    src={industry.image}
-                    alt={industry.imageAlt}
+                    src={content.heroImage?.src ?? industry.image}
+                    alt={content.heroImage?.alt ?? industry.imageAlt}
                     fill
                     sizes="(max-width: 920px) 100vw, 520px"
                     className="ip-hero-visual-img"

src/app/robots/page.tsx

@@ -2,13 +2,15 @@ import type { Metadata } from 'next';
 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 { ROBOTS } from '@/data/robots';
+import { ACCESSORIES } from '@/data/accessories';
 
 export const metadata: Metadata = {
   title: 'Robots Catalog YS Lootah Robotics Dubai',
   description:
-    'Explore selected humanoid, quadruped, service, delivery, hospitality, and cleaning robots from Unitree and Pudu available in the UAE through YS Lootah Robotics.',
+    'Explore selected humanoid, quadruped, industrial, service, delivery, hospitality, and cleaning robots — plus dexterous hands, arms, sensors, and accessories — from Unitree and Pudu available in the UAE through YS Lootah Robotics.',
 };
 
 export default function RobotsPage() {
@@ -25,7 +27,7 @@ export default function RobotsPage() {
           style={{
             display: 'flex',
             flexDirection: 'column',
-            gap: '2.5rem',
+            gap: 'clamp(2.5rem, 5vw, 4rem)',
             paddingTop: 'clamp(3rem, 6vw, 5rem)',
             paddingBottom: 'clamp(4rem, 8vw, 6rem)',
           }}
@@ -34,7 +36,7 @@ export default function RobotsPage() {
             <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.length}+ models across the UAE portfolio.
+                {ROBOTS.length} robots across the UAE portfolio.
               </span>
             </h2>
             <p style={{ margin: 0, color: '#DEE0F0', fontSize: 'clamp(0.95rem, 2vw, 1.05rem)', lineHeight: 1.7 }}>
@@ -43,6 +45,21 @@ export default function RobotsPage() {
           </div>
 
           <CatalogClient />
+
+          <section id="accessories" style={{ display: 'flex', flexDirection: 'column', gap: '1.5rem', scrollMarginTop: 'clamp(80px, 12vh, 120px)' }}>
+            <div style={{ display: 'flex', flexDirection: 'column', gap: '0.85rem', maxWidth: 760 }}>
+              <span className="eyebrow">Add-ons · Accessories</span>
+              <h2 style={{ margin: 0, fontSize: 'clamp(1.5rem, 3.4vw, 2.2rem)', fontWeight: 400, lineHeight: 1.1, letterSpacing: '-0.02em' }}>
+                <span className="text-gradient" style={{ fontWeight: 500 }}>
+                  {ACCESSORIES.length} accessories — dexterous hands, arms, sensors, IoT modules.
+                </span>
+              </h2>
+              <p style={{ margin: 0, color: '#DEE0F0', fontSize: 'clamp(0.92rem, 2vw, 1.02rem)', lineHeight: 1.65 }}>
+                Robot platforms get their full capability from accessories. Browse Unitree dexterous hands and arms, perception sensors, and Pudu dispatch, docking, modular attachments, and building IoT modules.
+              </p>
+            </div>
+            <AccessoriesShowcase />
+          </section>
         </div>
       </main>
       <FooterAndContact />