Refactor code structure for improved readability and maintainability

src/data/industries.ts

@@ -10,6 +10,8 @@ export interface Industry {
   matchCategories: RobotCategory[];
   accent: string;
   icon: 'building' | 'utensils' | 'hotel' | 'shopping-bag' | 'heart-pulse' | 'graduation-cap' | 'shield' | 'warehouse' | 'sparkles' | 'landmark';
+  image: string;
+  imageAlt: string;
 }
 
 export const INDUSTRIES: Industry[] = [
@@ -23,6 +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',
   },
   {
     id: 'restaurants',
@@ -34,6 +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',
   },
   {
     id: 'hotels',
@@ -45,6 +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',
   },
   {
     id: 'malls',
@@ -56,6 +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',
   },
   {
     id: 'healthcare',
@@ -67,6 +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',
   },
   {
     id: 'education',
@@ -78,6 +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',
   },
   {
     id: 'security',
@@ -89,6 +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',
   },
   {
     id: 'warehouses',
@@ -100,6 +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',
   },
   {
     id: 'events',
@@ -111,6 +129,8 @@ export const INDUSTRIES: Industry[] = [
     matchCategories: ['humanoid', 'quadruped'],
     accent: '#8891C7',
     icon: 'sparkles',
+    image: '/industries/events.webp',
+    imageAlt: 'Robotics activation for live events and brand experiences',
   },
   {
     id: 'smart-buildings',
@@ -122,6 +142,8 @@ export const INDUSTRIES: Industry[] = [
     matchCategories: ['cleaning', 'commercial', 'delivery'],
     accent: '#DEE0F0',
     icon: 'building',
+    image: '/industries/smart-buildings.webp',
+    imageAlt: 'Pudu cleaning robot in a modern smart office building',
   },
   {
     id: 'government',
@@ -133,6 +155,8 @@ export const INDUSTRIES: Industry[] = [
     matchCategories: ['humanoid', 'quadruped', 'service'],
     accent: '#273F94',
     icon: 'landmark',
+    image: '/industries/government.jpg',
+    imageAlt: 'Unitree quadruped robots deployed for civic and emergency services',
   },
 ];