diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx index 473e957..c96557d 100644 --- a/src/pages/Home.jsx +++ b/src/pages/Home.jsx @@ -4,7 +4,7 @@ import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/com 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, HeartPulse, ShoppingCart, Factory, Landmark } from 'lucide-react' +import { MapPin, MessageCircle, Users, LifeBuoy, GraduationCap, Link as LinkIcon, Wifi, Network, Headphones, UserCheck, Activity, ShieldCheck, HeartPulse, ShoppingCart, Factory, Landmark, Building2 } from 'lucide-react' // Icon map for industries - converts icon string to lucide component const industryIcons = { @@ -133,7 +133,7 @@ const Home = () => {
- 8x8 Certified Partner logo + 8x8 Certified Partner logo 8x8 Certified Partner
@@ -315,7 +315,6 @@ const Home = () => { {service.homeDesc} -

{service.shortDesc}

{industries.map((industry) => { - const IconComponent = industryIcons[industry.icon] + const IconComponent = industryIcons[industry.icon] || Building2 return ( @@ -414,9 +413,7 @@ const Home = () => {

{industry.name}

-

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

+

{industry.homeDesc || 'Industry-specific solutions designed to address your unique challenges and requirements.'}

diff --git a/src/pages/Industries.jsx b/src/pages/Industries.jsx index 42d4ad9..027bb68 100644 --- a/src/pages/Industries.jsx +++ b/src/pages/Industries.jsx @@ -1,6 +1,15 @@ import { Helmet } from 'react-helmet-async' import { industries } from '@/data/industries' import { Link } from 'react-router-dom' +import { HeartPulse, ShoppingCart, Factory, Landmark, Building2 } 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 Industries = () => { return ( @@ -31,48 +40,49 @@ const Industries = () => {
- {industries.map((industry) => ( -
-
-
-
-
- - - + {industries.map((industry) => { + const IconComponent = industryIcons[industry.icon] || Building2 + return ( +
+
+
+
+
+ +
+

+ {industry.name} +

-

- {industry.name} -

-
-

{industry.shortDesc}

- -
-

Pain Points We Solve

-
- {industry.painPoints.slice(0, 2).map((painPoint, index) => ( -
-
- - - +

{industry.shortDesc}

+ +
+

Pain Points We Solve

+
+ {industry.painPoints.slice(0, 2).map((painPoint, index) => ( +
+
+ + + +
+ {painPoint}
- {painPoint} -
- ))} + ))} +
+ + + Learn more + + + +
- - - Learn more - - - -
-
- ))} + ) + })}