Switch to version 2: modified src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -31,34 +31,25 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Cómo funciona",
+          name: "Cómo funciona",          id: "how-it-works"},
-          id: "how-it-works",
-        },
         {
-          name: "Garantía",
+          name: "Garantía",          id: "guarantee"},
-          id: "guarantee",
-        },
         {
-          name: "Contacto",
+          name: "Contacto",          id: "contact"},
-          id: "contact",
-        },
       ]}
-      brandName="LeadGen AI"
+      brandName="CaptIA"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
+      logoText="CaptIA"
-      logoText="LeadGen AI"
       description="Deja de perseguir clientes. Empieza a llenar tu agenda con reuniones calificadas. Captación de leads con IA mediante personalización masiva que convierte interés en ventas."
       buttons={[
         {
-          text: "Reservar llamada estratégica",
+          text: "Reservar llamada estratégica",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg?_wi=1"
       imageAlt="AI software dashboard"
@@ -73,17 +64,11 @@ export default function LandingPage() {
       description="Un proceso sencillo para transformar tu prospección en ventas constantes."
       metrics={[
         {
-          value: "1. Identificar",
+          value: "1. Identificar",          title: "Clientes ideales"},
-          title: "Clientes ideales",
-        },
         {
-          value: "2. IA Escala",
+          value: "2. IA Escala",          title: "Personalización"},
-          title: "Personalización",
-        },
         {
-          value: "3. Agenda",
+          value: "3. Agenda",          title: "Reuniones listas"},
-          title: "Reuniones listas",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/paper-craft-art-magnifying-glass_53876-88563.jpg?_wi=1"
       imageAlt="lead generation icon"
@@ -98,29 +83,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          tag: "Precisión",
+          tag: "Precisión",          title: "Segmentación profunda",          subtitle: "Datos relevantes",          description: "Analizamos tu mercado para encontrar el perfil exacto.",          imageSrc: "http://img.b2bpic.net/free-vector/nano-technology-isometric-icons_1284-29867.jpg",          imageAlt: "AI automation icon"},
-          title: "Segmentación profunda",
-          subtitle: "Datos relevantes",
-          description: "Analizamos tu mercado para encontrar el perfil exacto.",
-          imageSrc: "http://img.b2bpic.net/free-vector/nano-technology-isometric-icons_1284-29867.jpg",
-          imageAlt: "AI automation icon",
-        },
         {
-          tag: "IA",
+          tag: "IA",          title: "Personalización masiva",          subtitle: "Mensajes únicos",          description: "Escala sin perder el toque humano que genera confianza.",          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg?_wi=2",          imageAlt: "AI automation icon"},
-          title: "Personalización masiva",
-          subtitle: "Mensajes únicos",
-          description: "Escala sin perder el toque humano que genera confianza.",
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg?_wi=2",
-          imageAlt: "AI automation icon",
-        },
         {
-          tag: "Cierre",
+          tag: "Cierre",          title: "Gestión de reuniones",          subtitle: "Calendario lleno",          description: "Filtramos leads, cerramos reuniones y optimizamos tu tiempo.",          imageSrc: "http://img.b2bpic.net/free-photo/paper-craft-art-magnifying-glass_53876-88563.jpg?_wi=2",          imageAlt: "AI automation icon"},
-          title: "Gestión de reuniones",
-          subtitle: "Calendario lleno",
-          description: "Filtramos leads, cerramos reuniones y optimizamos tu tiempo.",
-          imageSrc: "http://img.b2bpic.net/free-photo/paper-craft-art-magnifying-glass_53876-88563.jpg?_wi=2",
-          imageAlt: "AI automation icon",
-        },
       ]}
       title="Potencia tu captación"
       description="Herramientas diseñadas para resultados reales."
@@ -135,15 +102,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "g1",
+          id: "g1",          value: "0%",          description: "Riesgo si no cerramos"},
-          value: "0%",
-          description: "Riesgo si no cerramos",
-        },
         {
-          id: "g2",
+          id: "g2",          value: "100%",          description: "Calidad en tus leads"},
-          value: "100%",
-          description: "Calidad en tus leads",
-        },
       ]}
       title="Garantía sin riesgo 🤝"
       description="Nos alineamos con resultados reales, no con promesas."
@@ -156,20 +117,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "1",
+          id: "1",          title: "¿Cómo garantizan los resultados?",          content: "Si no conseguimos reuniones calificadas, no pagas."},
-          title: "¿Cómo garantizan los resultados?",
-          content: "Si no conseguimos reuniones calificadas, no pagas.",
-        },
         {
-          id: "2",
+          id: "2",          title: "¿Qué tipos de empresas ayudan?",          content: "Principalmente empresas B2B que buscan escalar sus reuniones comerciales."},
-          title: "¿Qué tipos de empresas ayudan?",
-          content: "Principalmente empresas B2B que buscan escalar sus reuniones comerciales.",
-        },
         {
-          id: "3",
+          id: "3",          title: "¿Cómo empiezo?",          content: "Agenda una llamada estratégica y definiremos tu perfil de cliente ideal."},
-          title: "¿Cómo empiezo?",
-          content: "Agenda una llamada estratégica y definiremos tu perfil de cliente ideal.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/closeup-computer-screen-desktop-showing-work-schedule_53876-14084.jpg"
       title="Preguntas frecuentes"
@@ -185,35 +137,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Carlos M.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-businessman-walking-near-business-center_171337-19784.jpg",          imageAlt: "business person portrait"},
-          name: "Carlos M.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-businessman-walking-near-business-center_171337-19784.jpg",
-          imageAlt: "business person portrait",
-        },
         {
-          id: "2",
+          id: "2",          name: "Ana G.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",          imageAlt: "startup founder portrait"},
-          name: "Ana G.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",
-          imageAlt: "startup founder portrait",
-        },
         {
-          id: "3",
+          id: "3",          name: "Roberto S.",          imageSrc: "http://img.b2bpic.net/free-photo/crazy-hero-happy-expression_1194-4143.jpg",          imageAlt: "confident sales manager"},
-          name: "Roberto S.",
-          imageSrc: "http://img.b2bpic.net/free-photo/crazy-hero-happy-expression_1194-4143.jpg",
-          imageAlt: "confident sales manager",
-        },
         {
-          id: "4",
+          id: "4",          name: "Lucía P.",          imageSrc: "http://img.b2bpic.net/free-photo/inspiring-new-boss_1098-93.jpg",          imageAlt: "business consultant portrait"},
-          name: "Lucía P.",
-          imageSrc: "http://img.b2bpic.net/free-photo/inspiring-new-boss_1098-93.jpg",
-          imageAlt: "business consultant portrait",
-        },
         {
-          id: "5",
+          id: "5",          name: "Diego F.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",          imageAlt: "software manager headshot"},
-          name: "Diego F.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
-          imageAlt: "software manager headshot",
-        },
       ]}
       cardTitle="Testimonios"
       cardTag="Resultados reales"
@@ -225,8 +157,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       tag="Reservar llamada"
       title="¿Listo para dejar de buscar clientes?"
       description="Agenda una breve llamada y te muestro cómo podemos llenar tu agenda con oportunidades reales."
@@ -237,36 +168,26 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterMedia
       imageSrc="http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399278.jpg"
-      logoText="LeadGen AI"
+      logoText="CaptIA"
       columns={[
         {
-          title: "Empresa",
+          title: "Empresa",          items: [
-          items: [
             {
-              label: "Sobre Nosotros",
+              label: "Sobre Nosotros",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Privacidad",
+              label: "Privacidad",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Servicios",
+          title: "Servicios",          items: [
-          items: [
             {
-              label: "Prospección IA",
+              label: "Prospección IA",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Consultoría",
+              label: "Consultoría",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
-      copyrightText="© 2025 | LeadGen AI"
+      copyrightText="© 2025 | CaptIA"
       imageAlt="AI software dashboard"
     />
   </div>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #f5faff;
-  --card: #f9f9f9;
+  --card: #f1f8ff;
-  --foreground: #120a00e6;
+  --foreground: #001122;
-  --primary-cta: #FF7B05;
+  --primary-cta: #106EFB;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #120a00e6;
-  --accent: #e2e2e2;
+  --accent: #a8cce8;
-  --background-accent: #FF7B05;
+  --background-accent: #106EFB;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);