src/pages/HomePage.tsx

@@ -9,22 +9,70 @@ import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMa
 import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
 import { LineChart, Target, TrendingUp, Zap } from "lucide-react";
 import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+import { useState, useEffect } from "react";
+
+const translations = {
+  en: {
+    tag: "Performance Marketing Agency",
+    title: "Scale your brand with <i>data</i> and strategy",
+    description: "We combine creativity, analytics, and performance marketing to grow your business with measurable results. From campaign strategy to conversion optimization, every decision is backed by data.",
+    primaryBtn: "Start Now",
+    secondaryBtn: "View Pricing"
+  },
+  es: {
+    tag: "Agencia de Performance Marketing",
+    title: "Escala tu marca con <i>datos</i> y estrategia",
+    description: "Combinamos creatividad, analítica y marketing de resultados para hacer crecer tu negocio con resultados medibles. Desde la estrategia de campaña hasta la optimización de conversiones, cada decisión está respaldada por datos.",
+    primaryBtn: "Empezar Ahora",
+    secondaryBtn: "Ver Precios"
+  }
+};
 
 export default function HomePage() {
+  const [lang, setLang] = useState<"en" | "es">("es");
+  const [isTransitioning, setIsTransitioning] = useState(false);
+
+  useEffect(() => {
+    const storedRegion = localStorage.getItem("selectedRegion");
+    if (storedRegion) {
+      try {
+        const region = JSON.parse(storedRegion);
+        setLang(region.lang === "en" ? "en" : "es");
+      } catch (e) {}
+    }
+
+    const handleRegionChange = (e: Event) => {
+      const customEvent = e as CustomEvent;
+      if (customEvent.detail && customEvent.detail.lang) {
+        setIsTransitioning(true);
+        setTimeout(() => {
+          setLang(customEvent.detail.lang === "en" ? "en" : "es");
+          setIsTransitioning(false);
+        }, 300);
+      }
+    };
+
+    window.addEventListener("regionChange", handleRegionChange);
+    return () => window.removeEventListener("regionChange", handleRegionChange);
+  }, []);
+
+  const t = translations[lang];
+
   return (
     <>
-  <div id="hero" data-section="hero">
+  <div id="hero" data-section="hero" className={`transition-opacity duration-300 ${isTransitioning ? 'opacity-0' : 'opacity-100'}`}>
     <SectionErrorBoundary name="hero">
           <HeroOverlayMarquee
-      tag="Performance Marketing Agency"
-      title="Scale your brand with <i>data</i> and strategy"
-      description="We combine creativity, analytics, and performance marketing to grow your business with measurable results. From campaign strategy to conversion optimization, every decision is backed by data."
+      key={lang}
+      tag={t.tag}
+      title={t.title}
+      description={t.description}
       primaryButton={{
-        text: "Start Now",
+        text: t.primaryBtn,
         href: "#contact",
       }}
       secondaryButton={{
-        text: "View Pricing",
+        text: t.secondaryBtn,
         href: "#pricing",
       }}
       items={[
@@ -53,31 +101,31 @@ export default function HomePage() {
   <div id="features" data-section="features">
     <SectionErrorBoundary name="features">
           <FeaturesRevealCardsBento
-      tag="Our Expertise"
-      title="Data-Backed Growth Strategies"
-      description="We don't guess. We analyze, iterate, and optimize every facet of your digital presence."
+      tag={typeof region !== 'undefined' && region.language === 'es' ? "Nuestra Experiencia" : "Our Expertise"}
+      title={typeof region !== 'undefined' && region.language === 'es' ? "Estrategias de Crecimiento Basadas en Datos" : "Data-Backed Growth Strategies"}
+      description={typeof region !== 'undefined' && region.language === 'es' ? "No adivinamos. Analizamos, iteramos y optimizamos cada faceta de tu presencia digital." : "We don't guess. We analyze, iterate, and optimize every facet of your digital presence."}
       items={[
         {
-          title: "Paid Media Strategy",
-          description: "High-ROI campaign management across all paid channels.",
+          title: typeof region !== 'undefined' && region.language === 'es' ? "Estrategia de Medios Pagados" : "Paid Media Strategy",
+          description: typeof region !== 'undefined' && region.language === 'es' ? "Gestión de campañas de alto ROI en todos los canales pagados." : "High-ROI campaign management across all paid channels.",
           href: "#",
           imageSrc: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg",
         },
         {
-          title: "Funnel Optimization",
-          description: "Turning visitors into loyal long-term customers.",
+          title: typeof region !== 'undefined' && region.language === 'es' ? "Optimización de Embudos" : "Funnel Optimization",
+          description: typeof region !== 'undefined' && region.language === 'es' ? "Convirtiendo visitantes en clientes leales a largo plazo." : "Turning visitors into loyal long-term customers.",
           href: "#",
           imageSrc: "http://img.b2bpic.net/free-photo/prism-dispersing-light-concept_23-2148599209.jpg",
         },
         {
-          title: "SEO & Content",
-          description: "Search intent alignment with editorial precision.",
+          title: typeof region !== 'undefined' && region.language === 'es' ? "SEO y Contenido" : "SEO & Content",
+          description: typeof region !== 'undefined' && region.language === 'es' ? "Alineación de intención de búsqueda con precisión editorial." : "Search intent alignment with editorial precision.",
           href: "#",
           imageSrc: "http://img.b2bpic.net/free-vector/infographic-element-collectio_23-2148130914.jpg",
         },
         {
-          title: "Advanced Analytics",
-          description: "Attribution that shows exactly where revenue begins.",
+          title: typeof region !== 'undefined' && region.language === 'es' ? "Analítica Avanzada" : "Advanced Analytics",
+          description: typeof region !== 'undefined' && region.language === 'es' ? "Atribución que muestra exactamente dónde comienza el ingreso." : "Attribution that shows exactly where revenue begins.",
           href: "#",
           imageSrc: "http://img.b2bpic.net/free-photo/chalk-drawn-arrow-with-copy-space-pointing-up_23-2148456142.jpg",
         },
@@ -203,26 +251,26 @@ export default function HomePage() {
   <div id="testimonials" data-section="testimonials">
     <SectionErrorBoundary name="testimonials">
           <TestimonialMarqueeCards
-      tag="Trusted by Growth Leaders"
-      title="What Clients Say"
-      description="Our success is defined by the performance impact we deliver to our partners."
+      tag={region === 'US' ? "Trusted by Growth Leaders" : "Confiado por Líderes de Crecimiento"}
+      title={region === 'US' ? "What Clients Say" : "Lo Que Dicen Los Clientes"}
+      description={region === 'US' ? "Our success is defined by the performance impact we deliver to our partners." : "Nuestro éxito se define por el impacto en el rendimiento que entregamos a nuestros socios."}
       testimonials={[
         {
           name: "Sarah Jenkins",
-          role: "CMO",
-          quote: "The analytical depth Nume brings is unmatched. Our conversion rates have never looked better.",
+          role: region === 'US' ? "CMO" : "Director de Marketing",
+          quote: region === 'US' ? "The analytical depth Nume brings is unmatched. Our conversion rates have never looked better." : "La profundidad analítica que aporta Nume es inigualable. Nuestras tasas de conversión nunca se han visto mejor.",
           imageSrc: "http://img.b2bpic.net/free-photo/happy-business-man-working-laptop-lobby_1262-5095.jpg",
         },
         {
           name: "David Chen",
-          role: "Founder",
-          quote: "Finally, a marketing partner that understands data and actually helps scale revenue.",
+          role: region === 'US' ? "Founder" : "Fundador",
+          quote: region === 'US' ? "Finally, a marketing partner that understands data and actually helps scale revenue." : "Por fin, un socio de marketing que entiende los datos y realmente ayuda a escalar los ingresos.",
           imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-posing-camera_23-2148415936.jpg",
         },
         {
           name: "Elena Rossi",
-          role: "Head of Growth",
-          quote: "Their creative testing framework is sheer genius. Every dollar spent is optimized.",
+          role: region === 'US' ? "Head of Growth" : "Directora de Crecimiento",
+          quote: region === 'US' ? "Their creative testing framework is sheer genius. Every dollar spent is optimized." : "Su marco de pruebas creativas es pura genialidad. Cada dólar gastado está optimizado.",
           imageSrc: "http://img.b2bpic.net/free-photo/portrait-goal-oriented-powerful-ceo-sitting-office-posing-with-authority_482257-116892.jpg",
         },
         {