"use client"; import { useState } from "react"; import { useLanguage } from "@/contexts/LanguageContext"; const industries = [ { id: "education", icon: ( ), color: "#8B5CF6", }, { id: "healthcare", icon: ( ), color: "#EC4899", }, { id: "ecommerce", icon: ( ), color: "#F59E0B", }, { id: "realestate", icon: ( ), color: "#10B981", }, { id: "tourism", icon: ( ), color: "#06B6D4", }, { id: "restaurant", icon: ( ), color: "#EF4444", }, { id: "insurance", icon: ( ), color: "#6366F1", }, { id: "automotive", icon: ( ), color: "#78716C", }, { id: "fitness", icon: ( ), color: "#84CC16", }, { id: "legal", icon: ( ), color: "#A855F7", }, { id: "hr", icon: ( ), color: "#F97316", }, { id: "logistics", icon: ( ), color: "#0EA5E9", }, { id: "government", icon: ( ), color: "#64748B", }, { id: "events", icon: ( ), color: "#E11D48", }, { id: "telecom", icon: ( ), color: "#14B8A6", }, { id: "beauty", icon: ( ), color: "#DB2777", }, { id: "media", icon: ( ), color: "#DC2626", }, { id: "nonprofit", icon: ( ), color: "#059669", }, { id: "gaming", icon: ( ), color: "#7C3AED", }, ]; export default function UseCasesArea() { const { t, language } = useLanguage(); const [activeCategory, setActiveCategory] = useState(null); return (

{t("useCasesPage.badge")}

{t("useCasesPage.title")}

{t("useCasesPage.subtitle")}

{industries.map((industry, index) => (

setActiveCategory(activeCategory === industry.id ? null : industry.id)} data-aos="fade-up" data-aos-delay={index * 40} >

{industry.icon}

{t(`useCasesPage.${industry.id}.name`)}

{t(`useCasesPage.${industry.id}.description`)}

{[1, 2, 3, 4].map((num) => (

{t(`useCasesPage.${industry.id}.benefit${num}`)}

))}

{[1, 2, 3, 4].map((num) => ( {t(`useCasesPage.${industry.id}.example${num}`)} ))}

{t(`useCasesPage.${industry.id}.results`)}

))}

{t("useCasesPage.cta.title")}

{t("useCasesPage.cta.subtitle")}

{t("useCasesPage.cta.button")}

); }