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/data/industries.ts

@@ -25,8 +25,8 @@ export const INDUSTRIES: Industry[] = [
     matchCategories: ['hospitality', 'service', 'delivery'],
     accent: '#DEE0F0',
     icon: 'hotel',
-    image: '/industries/hospitality.webp',
-    imageAlt: 'Pudu service robot in a hospitality venue',
+    image: '/industries/cards/hospitality.webp',
+    imageAlt: 'Service robot delivering in a UAE hospitality venue',
   },
   {
     id: 'restaurants',
@@ -38,8 +38,8 @@ export const INDUSTRIES: Industry[] = [
     matchCategories: ['delivery', 'service', 'hospitality'],
     accent: '#8891C7',
     icon: 'utensils',
-    image: '/industries/restaurants-cafes.webp',
-    imageAlt: 'Pudu food delivery robot in a restaurant environment',
+    image: '/industries/cards/restaurants-cafes.webp',
+    imageAlt: 'Tray-runner delivery robot serving a UAE restaurant floor',
   },
   {
     id: 'hotels',
@@ -51,8 +51,8 @@ export const INDUSTRIES: Industry[] = [
     matchCategories: ['delivery', 'hospitality', 'service'],
     accent: '#273F94',
     icon: 'hotel',
-    image: '/industries/hotels-resorts.webp',
-    imageAlt: 'Pudu delivery robot serving hotel guests',
+    image: '/industries/cards/hotels-resorts.webp',
+    imageAlt: 'Multi-floor delivery robot serving hotel guests in the UAE',
   },
   {
     id: 'malls',
@@ -64,8 +64,8 @@ export const INDUSTRIES: Industry[] = [
     matchCategories: ['cleaning', 'service', 'humanoid'],
     accent: '#DEE0F0',
     icon: 'shopping-bag',
-    image: '/industries/shopping-malls.webp',
-    imageAlt: 'Pudu service robot in a high-traffic retail environment',
+    image: '/industries/cards/shopping-malls.webp',
+    imageAlt: 'Service robot operating in a high-traffic UAE retail environment',
   },
   {
     id: 'healthcare',
@@ -77,8 +77,8 @@ export const INDUSTRIES: Industry[] = [
     matchCategories: ['delivery', 'service'],
     accent: '#273F94',
     icon: 'heart-pulse',
-    image: '/industries/healthcare.webp',
-    imageAlt: 'Pudu delivery robot for healthcare and care facilities',
+    image: '/industries/cards/healthcare.webp',
+    imageAlt: 'Autonomous delivery robot for UAE healthcare and care facilities',
   },
   {
     id: 'education',
@@ -90,8 +90,8 @@ export const INDUSTRIES: Industry[] = [
     matchCategories: ['humanoid', 'service'],
     accent: '#8891C7',
     icon: 'graduation-cap',
-    image: '/industries/education.jpg',
-    imageAlt: 'Unitree humanoid robot for education and STEM research',
+    image: '/industries/cards/education.jpg',
+    imageAlt: 'Humanoid research robot in a UAE STEM lab',
   },
   {
     id: 'security',
@@ -103,8 +103,8 @@ export const INDUSTRIES: Industry[] = [
     matchCategories: ['quadruped', 'commercial'],
     accent: '#DEE0F0',
     icon: 'shield',
-    image: '/industries/security-surveillance.jpg',
-    imageAlt: 'Unitree quadruped robot on autonomous security patrol',
+    image: '/industries/cards/security-surveillance.jpg',
+    imageAlt: 'Quadruped robot on autonomous security patrol at a UAE facility',
   },
   {
     id: 'warehouses',
@@ -116,8 +116,8 @@ export const INDUSTRIES: Industry[] = [
     matchCategories: ['quadruped', 'delivery', 'commercial'],
     accent: '#273F94',
     icon: 'warehouse',
-    image: '/industries/warehouses-logistics.webp',
-    imageAlt: 'Pudu industrial delivery robot for warehouses and logistics',
+    image: '/industries/cards/warehouses-logistics.webp',
+    imageAlt: 'Industrial robot for UAE warehouses and logistics operations',
   },
   {
     id: 'events',