Update src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -34,7 +34,8 @@ export default function LandingPage() {
             { name: "Contacto", id: "contact" },
           ]}
           button={{
-            text: "Llamar Ahora",            href: "tel:945008222"}}
+            text: "Llamar Ahora",            href: "tel:945008222"
+          }}
         />
       </div>
 
@@ -46,12 +47,13 @@ export default function LandingPage() {
           background={{ variant: "radial-gradient" }}
           buttons={[
             {
-              text: "Llamar Ahora",              href: "tel:945008222"},
+              text: "Llamar Ahora",              href: "tel:945008222"
+            },
             {
-              text: "Solicitar Asesoramiento",              href: "#contact"},
+              text: "Solicitar Asesoramiento",              href: "#contact"
+            },
           ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX5f1goGYjlT0RzemXp73lPvYS/uploaded-1772726700565-g1zdrqq2.jpg?_wi=1"
+          imageAlt="Servicios legales profesionales"
-          imageAlt="Courthouse and legal professional services"
         />
       </div>
 
@@ -64,23 +66,29 @@ export default function LandingPage() {
           useInvertedBackground={false}
           features={[
             {
-              title: "Representación en Juzgados",              description: "Representación procesal ante tribunales en Vitoria y Álava",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX5f1goGYjlT0RzemXp73lPvYS/uploaded-1772726700565-u1avacdt.jpg?_wi=1",              imageAlt: "Court representation",              buttonIcon: ArrowRight,
+              title: "Representación en Juzgados",              description: "Representación procesal ante tribunales en Vitoria y Álava",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX5f1goGYjlT0RzemXp73lPvYS/uploaded-1772726700565-u1avacdt.jpg?_wi=1",              imageAlt: "Representación en juzgados",              buttonIcon: ArrowRight,
-              buttonHref: "#contact"},
+              buttonHref: "#contact"
+            },
             {
-              title: "Gestión de Documentos",              description: "Gestión completa de documentación procesal y notificaciones judiciales",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX5f1goGYjlT0RzemXp73lPvYS/uploaded-1772726700565-u1avacdt.jpg?_wi=2",              imageAlt: "Document management",              buttonIcon: ArrowRight,
+              title: "Gestión de Documentos",              description: "Gestión completa de documentación procesal y notificaciones judiciales",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX5f1goGYjlT0RzemXp73lPvYS/uploaded-1772726700565-u1avacdt.jpg?_wi=2",              imageAlt: "Gestión de documentos legales",              buttonIcon: ArrowRight,
-              buttonHref: "#contact"},
+              buttonHref: "#contact"
+            },
             {
-              title: "Procedimientos de Propiedad",              description: "Trámites de registro de propiedad y hipotecas",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX5f1goGYjlT0RzemXp73lPvYS/uploaded-1772726700565-u1avacdt.jpg?_wi=3",              imageAlt: "Property procedures",              buttonIcon: ArrowRight,
+              title: "Procedimientos de Propiedad",              description: "Trámites de registro de propiedad y hipotecas",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX5f1goGYjlT0RzemXp73lPvYS/uploaded-1772726700565-u1avacdt.jpg?_wi=3",              imageAlt: "Procedimientos de propiedad",              buttonIcon: ArrowRight,
-              buttonHref: "#contact"},
+              buttonHref: "#contact"
+            },
             {
-              title: "Registro Mercantil",              description: "Procedimientos de registro comercial y empresarial",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX5f1goGYjlT0RzemXp73lPvYS/uploaded-1772726700565-u1avacdt.jpg?_wi=4",              imageAlt: "Commercial registry",              buttonIcon: ArrowRight,
+              title: "Registro Mercantil",              description: "Procedimientos de registro comercial y empresarial",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX5f1goGYjlT0RzemXp73lPvYS/uploaded-1772726700565-u1avacdt.jpg?_wi=4",              imageAlt: "Registro mercantil",              buttonIcon: ArrowRight,
-              buttonHref: "#contact"},
+              buttonHref: "#contact"
+            },
             {
-              title: "Servicios Administrativos",              description: "Tramitación de procedimientos administrativos y legales",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX5f1goGYjlT0RzemXp73lPvYS/uploaded-1772726700565-u1avacdt.jpg?_wi=5",              imageAlt: "Administrative services",              buttonIcon: ArrowRight,
+              title: "Servicios Administrativos",              description: "Tramitación de procedimientos administrativos y legales",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX5f1goGYjlT0RzemXp73lPvYS/uploaded-1772726700565-u1avacdt.jpg?_wi=5",              imageAlt: "Servicios administrativos",              buttonIcon: ArrowRight,
-              buttonHref: "#contact"},
+              buttonHref: "#contact"
+            },
             {
-              title: "Asesoramiento Legal",              description: "Consultoría especializada en procedimientos y casos legales",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX5f1goGYjlT0RzemXp73lPvYS/uploaded-1772726700565-u1avacdt.jpg?_wi=6",              imageAlt: "Legal consulting",              buttonIcon: ArrowRight,
+              title: "Asesoramiento Legal",              description: "Consultoría especializada en procedimientos y casos legales",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX5f1goGYjlT0RzemXp73lPvYS/uploaded-1772726700565-u1avacdt.jpg?_wi=6",              imageAlt: "Asesoramiento legal profesional",              buttonIcon: ArrowRight,
-              buttonHref: "#contact"},
+              buttonHref: "#contact"
+            },
           ]}
         />
       </div>
@@ -92,7 +100,8 @@ export default function LandingPage() {
           description="Óscar Escaño Elorza Elorza es procurador colegiado con formación jurídica de la Universidad de Deusto. Miembro activo del Colegio de Procuradores de Álava y de la Unión Internacional de Huissiers de Justicia. Dedicado a proporcionar servicios legales eficientes, claros y confiables a abogados, empresas y particulares en Vitoria y Amurrio."
           buttons={[
             {
-              text: "Contactar",              href: "#contact"},
+              text: "Contactar",              href: "#contact"
+            },
           ]}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX5f1goGYjlT0RzemXp73lPvYS/uploaded-1772726700565-g1zdrqq2.jpg?_wi=2"
           imageAlt="Óscar Escaño Elorza, Procurador Profesional"
@@ -108,7 +117,8 @@ export default function LandingPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           names={[
-            "Colegio de Procuradores de Álava",            "Universidad de Deusto",            "Unión Internacional de Huissiers",            "Junta de Castilla y León",            "Gobierno de Vitoria-Gasteiz",            "Tribunal Superior de Justicia",            "Ministerio de Justicia España"]}
+            "Colegio de Procuradores de Álava",            "Universidad de Deusto",            "Unión Internacional de Huissiers",            "Junta de Castilla y León",            "Gobierno de Vitoria-Gasteiz",            "Tribunal Superior de Justicia",            "Ministerio de Justicia España"
+          ]}
           speed={40}
           showCard={true}
         />
@@ -131,9 +141,11 @@ export default function LandingPage() {
         <FooterLogoReveal
           logoText="Óscar Escaño Elorza"
           leftLink={{
-            text: "Política de Privacidad",            href: "#"}}
+            text: "Política de Privacidad",            href: "#"
+          }}
           rightLink={{
-            text: "Términos de Servicio",            href: "#"}}
+            text: "Términos de Servicio",            href: "#"
+          }}
         />
       </div>
     </ThemeProvider>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #f5f5f5;
-  --card: #f9f9f9;
+  --card: #ffffff;
-  --foreground: #000612e6;
+  --foreground: #1c1c1c;
-  --primary-cta: #15479c;
+  --primary-cta: #1f3251;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
+  --accent: #15479c;
-  --background-accent: #c4c4c4;
+  --background-accent: #a8cce8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);