Update theme colors

Merge version_3 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
@@ -53,20 +53,11 @@ export default function LandingPage() {
   </div>
 
   <div id="home" data-section="home">
-      <HeroSplitKpi
+      <HeroBillboard
       background={{
         variant: "downward-rays-animated"}}
       title="Automatiza la limpieza y operaciones de tu negocio con robots inteligentes"
       description="Integración de robótica, IoT y software para hoteles, retail, hospitales e industria. Libera a tu equipo de tareas repetitivas y optimiza recursos."
-      kpis={[
-        {
-          value: "+30%",          label: "Eficiencia Operativa"},
-        {
-          value: "-25%",          label: "Costes de Limpieza"},
-        {
-          value: "x2",          label: "Productividad"},
-      ]}
-      enableKpiAnimation={true}
       tag="Automatización Robótica"
       buttons={[
         {
@@ -114,11 +105,7 @@ export default function LandingPage() {
       useInvertedBackground={true}
       heading={[
         {
-          type: "text",          content: "¿Qué hace "},
-        {
-          type: "text",          content: "ProcessAP"},
-        {
-          type: "text",          content: "? Tu partner en automatización robótica."},
+          type: "text",          content: "Impulsamos la eficiencia de tu negocio con robótica e integración tecnológica."},
         {
           type: "image",          src: "http://img.b2bpic.net/free-photo/robot-operating-factory_23-2149524388.jpg",          alt: "Diagrama de servicios de ProcessAP con robots PUDU"},
         {
@@ -146,7 +133,7 @@ export default function LandingPage() {
         {
           id: "s3",          title: "Hospitales",          description: "Soluciones de limpieza autónoma que garantizan altos estándares de higiene y seguridad en entornos críticos.",          tag: "Salud",          imageSrc: "http://img.b2bpic.net/free-photo/medical-robot-sterilizing-hospital-corridor_23-2151375962.jpg",          imageAlt: "Robot de limpieza PUDU en un pasillo de hospital moderno"},
         {
-          id: "s4",          title: "Industria & Logística",          description: "Robots robustos para la limpieza de grandes superficies y el apoyo en la manipulación de cargas, aumentando la productividad.",          tag: "Producción",          imageSrc: "http://img.b2bpic.net/free-photo/industrial-robot-moving-pallets-warehouse_23-2151375971.jpg",          imageAlt: "Robot industrial PUDU limpiando un almacén"},
+          id: "s4",          title: "Industria & Logística",          description: "Robots robustos para la limpieza de grandes superficies y el apoyo en la manipulación de cargas, aumentando la productividad.",          tag: "Producción",          imageSrc: "http://img.b2bpic.net/free-photo/industrial-robot-moving-pallets-warehouse_23-2151375971.jpg",          imageAlt: "Robot industrial PUDU limpiando un almacén"}
       ]}
       title="Sectores clave que transformamos"
       description="Nuestras soluciones robóticas se adaptan a las necesidades específicas de diversos entornos, garantizando eficiencia y ahorro en cada sector."
@@ -178,7 +165,7 @@ export default function LandingPage() {
             text: "Más detalles",            href: "#contact"}},
         {
           id: "pudu-l3",          name: "PUDU L3 (Logística)",          price: "Solicitar oferta",          imageSrc: "http://img.b2bpic.net/free-photo/pudu-l3-logistics-robot_23-2151108361.jpg",          imageAlt: "Robot logístico PUDU L3",          priceButtonProps: {
-            text: "Más detalles",            href: "#contact"}},
+            text: "Más detalles",            href: "#contact"}}
       ]}
       title="Nuestra Gama de Robots PUDU"
       description="Ofrecemos una selección de robots PUDU líderes en el mercado, adaptados a cada necesidad operativa, desde limpieza hasta logística y servicio."
@@ -199,7 +186,7 @@ export default function LandingPage() {
         {
           id: "b3",          title: "Menos Dependencia de Personal",          description: "Libera a tu equipo para tareas de mayor valor, reduciendo la carga de trabajo físico y mejorando la satisfacción laboral.",          tag: "Innovación",          imageSrc: "http://img.b2bpic.net/free-photo/human-robot-teamwork-collaborative-workplace_23-2151376006.jpg",          imageAlt: "Humano y robot trabajando en un entorno colaborativo"},
         {
-          id: "b4",          title: "Imagen Tecnológica",          description: "Moderniza la percepción de tu negocio, proyectando una imagen de vanguardia y compromiso con la innovación.",          tag: "Modernización",          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-city-with-advanced-robotics_23-2151376015.jpg",          imageAlt: "Ciudad futurista con robótica avanzada"},
+          id: "b4",          title: "Imagen Tecnológica",          description: "Moderniza la percepción de tu negocio, proyectando una imagen de vanguardia y compromiso con la innovación.",          tag: "Modernización",          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-city-with-advanced-robotics_23-2151376015.jpg",          imageAlt: "Ciudad futurista con robótica avanzada"}
       ]}
       title="Resolvemos tus principales desafíos operativos"
       description="Con ProcessAP, transformamos tus procesos repetitivos en operaciones eficientes y rentables, liberando el potencial de tu equipo."
@@ -227,7 +214,7 @@ export default function LandingPage() {
           imageSrc: "http://img.b2bpic.net/free-photo/pudu-robot-disinfecting-hospital-room_482257-27631.jpg",          imageAlt: "Robot PUDU de limpieza en un hospital"},
         {
           id: "t5",          name: "Gerente de Centro Comercial",          role: "Director de Operaciones",          company: "Mall del Sol",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pudu-robot-engaging-visitors-shopping-mall_23-2151061712.jpg",          imageAlt: "Robot PUDU de limpieza en un centro comercial"},
+          imageSrc: "http://img.b2bpic.net/free-photo/pudu-robot-engaging-visitors-shopping-mall_23-2151061712.jpg",          imageAlt: "Robot PUDU de limpieza en un centro comercial"}
       ]}
       kpiItems={[
         {
@@ -235,7 +222,7 @@ export default function LandingPage() {
         {
           value: "+40%",          label: "Reducción Errores"},
         {
-          value: "-30%",          label: "Tiempo de Tarea"},
+          value: "-30%",          label: "Tiempo de Tarea"}
       ]}
       title="Casos de Uso Reales"
       description="Descubre cómo ProcessAP Robotics ha transformado las operaciones de diversas empresas, ofreciendo soluciones efectivas y medibles."
@@ -271,7 +258,7 @@ export default function LandingPage() {
         {
           id: "m4",          name: "Sofía Pérez",          role: "Especialista en Integración",          imageSrc: "http://img.b2bpic.net/free-photo/female-engineer-robotics-lab_23-2150779774.jpg",          imageAlt: "Foto de Sofía Pérez"},
         {
-          id: "m5",          name: "David Martínez",          role: "Técnico de Soporte",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-it-support-engineer-headphones_23-2150779782.jpg",          imageAlt: "Foto de David Martínez"},
+          id: "m5",          name: "David Martínez",          role: "Técnico de Soporte",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-it-support-engineer-headphones_23-2150779782.jpg",          imageAlt: "Foto de David Martínez"}
       ]}
       title="Nuestro Equipo de Expertos"
       description="En ProcessAP, somos un equipo de ingenieros y consultores apasionados por la robótica y la automatización. Nuestra filosofía se basa en la integración, ingeniería y soporte continuo para ofrecer soluciones reales."
@@ -293,7 +280,7 @@ export default function LandingPage() {
         {
           text: "Calcular ahorro operativo",          href: "#"},
         {
-          text: "Hablar con un especialista",          href: "https://wa.me/XXXXXXXXXX"},
+          text: "Hablar con un especialista",          href: "https://wa.me/XXXXXXXXXX"}
       ]}
       buttonAnimation="slide-up"
     />
@@ -311,8 +298,8 @@ export default function LandingPage() {
             {
               label: "Sectores",              href: "#sectors"},
             {
-              label: "Productos",              href: "#products"},
-          ],
+              label: "Productos",              href: "#products"}
+          ]
         },
         {
           items: [
@@ -323,8 +310,8 @@ export default function LandingPage() {
             {
               label: "Sobre Nosotros",              href: "#about"},
             {
-              label: "Contacto",              href: "#contact"},
-          ],
+              label: "Contacto",              href: "#contact"}
+          ]
         },
         {
           items: [
@@ -333,9 +320,9 @@ export default function LandingPage() {
             {
               label: "Términos y Condiciones",              href: "#"},
             {
-              label: "Aviso Legal",              href: "#"},
-          ],
-        },
+              label: "Aviso Legal",              href: "#"}
+          ]
+        }
       ]}
       logoText="ProcessAP Robotics"
     />
@@ -343,4 +330,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4f0;
+  --background: #f5f5f5;
   --card: #ffffff;
-  --foreground: #1a1a1a;
-  --primary-cta: #2c2c2c;
-  --primary-cta-text: #f5f4f0;
-  --secondary-cta: #f5f4f0;
-  --secondary-cta-text: #1a1a1a;
-  --accent: #8a8a8a;
-  --background-accent: #e8e6e1;
+  --foreground: #1c1c1c;
+  --primary-cta: #1f3251;
+  --primary-cta-text: #f5f5f5;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #1c1c1c;
+  --accent: #15479c;
+  --background-accent: #a8cce8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);