diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx index 8cc94ee..4db7bb2 100644 --- a/src/pages/Home.jsx +++ b/src/pages/Home.jsx @@ -3,7 +3,15 @@ import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/Card' import { services } from '@/data/services' import { industries } from '@/data/industries' import { useNavigate } from 'react-router-dom' -import { MapPin, MessageCircle, Users, LifeBuoy, GraduationCap, Link as LinkIcon, Wifi, Network, Headphones, UserCheck, Activity, ShieldCheck } from 'lucide-react' +import { MapPin, MessageCircle, Users, LifeBuoy, GraduationCap, Link as LinkIcon, Wifi, Network, Headphones, UserCheck, Activity, ShieldCheck, HeartPulse, ShoppingCart, Factory, Landmark } from 'lucide-react' + +// Icon map for industries - converts icon string to lucide component +const industryIcons = { + 'heart-pulse': HeartPulse, + 'shopping-cart': ShoppingCart, + factory: Factory, + landmark: Landmark, +} const Home = () => { const navigate = useNavigate() @@ -307,19 +315,25 @@ const Home = () => {

- {industries.map((industry) => ( - - -

{industry.name}

-

- Industry-specific solutions designed to address your unique challenges and requirements. -

- -
-
- ))} + {industries.map((industry) => { + const IconComponent = industryIcons[industry.icon] + return ( + + +
+ +
+

{industry.name}

+

+ Industry-specific solutions designed to address your unique challenges and requirements. +

+ +
+
+ ) + })}