Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -12,6 +12,8 @@ import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCar
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 
 export default function LandingPage() {
+  const whatsappUrl = "https://wa.me/34910814506";
+
   return (
     <ThemeProvider
         defaultButtonVariant="elastic-effect"
@@ -36,7 +38,8 @@ export default function LandingPage() {
       ]}
       brandName="El Canario"
       button={{
-        text: "¡Pedir por WhatsApp!",        href: "https://wa.me/34910814506"
+        text: "¡Pedir por WhatsApp!",        
+        onClick: () => window.open(whatsappUrl, "_blank", "noopener,noreferrer")
       }}
     />
   </div>
@@ -48,9 +51,9 @@ export default function LandingPage() {
       description="Comida casera, ambiente familiar y sabor que engancha. ¡Haz tu pedido ahora y disfruta!"
       tag="El mejor sabor casero"
       buttons={[
-        { text: "Pedir WhatsApp", href: "https://wa.me/34910814506" },
+        { text: "Pedir WhatsApp", onClick: () => window.open(whatsappUrl, "_blank", "noopener,noreferrer") },
         { text: "Ver Carta", href: "#menu" },
-        { text: "Pedir ahora", href: "https://wa.me/34910814506" }
+        { text: "Pedir ahora", onClick: () => window.open(whatsappUrl, "_blank", "noopener,noreferrer") }
       ]}
       mediaItems={[
         { imageSrc: "http://img.b2bpic.net/free-photo/chef-white-uniform-prepare-pizzaa_1157-27031.jpg", imageAlt: "Nuestras pizzas artesanales" },
@@ -69,7 +72,7 @@ export default function LandingPage() {
       description={[
         "En El Canario, nos apasiona la comida casera. Somos un restaurante familiar dedicado a ofrecerte las mejores pizzas, hamburguesas y raciones de Galapagar.",        "Nuestro trato amable y nuestra cocina generosa nos han convertido en un referente local."
       ]}
-      buttons={[{ text: "Haz tu pedido", href: "https://wa.me/34910814506" }]}
+      buttons={[{ text: "Haz tu pedido", onClick: () => window.open(whatsappUrl, "_blank", "noopener,noreferrer") }]}
     />
   </div>
 
@@ -87,7 +90,7 @@ export default function LandingPage() {
       ]}
       title="Nuestra Carta Destacada"
       description="Elige tu plato favorito y prepárate para disfrutar del auténtico sabor."
-      buttons={[{ text: "Pedir a Domicilio", href: "https://wa.me/34910814506" }]}
+      buttons={[{ text: "Pedir a Domicilio", onClick: () => window.open(whatsappUrl, "_blank", "noopener,noreferrer") }]}
     />
   </div>
 
@@ -103,7 +106,7 @@ export default function LandingPage() {
       ]}
       title="Tu comida, como tú quieras"
       description="Flexibilidad total para disfrutar de nuestras especialidades."
-      buttons={[{ text: "Pedir ahora", href: "https://wa.me/34910814506" }]}
+      buttons={[{ text: "Pedir ahora", onClick: () => window.open(whatsappUrl, "_blank", "noopener,noreferrer") }]}
     />
   </div>
 
@@ -118,7 +121,7 @@ export default function LandingPage() {
       ]}
       title="Lo que dicen nuestros clientes"
       description="Descubre las experiencias de nuestros clientes y por qué nos eligen día tras día."
-      buttons={[{ text: "Haz tu pedido", href: "https://wa.me/34910814506" }]}
+      buttons={[{ text: "Haz tu pedido", onClick: () => window.open(whatsappUrl, "_blank", "noopener,noreferrer") }]}
     />
   </div>
 
@@ -130,8 +133,8 @@ export default function LandingPage() {
       title="¡Haz tu pedido ahora!"
       description="Estamos en Calle Escorial, 27, Galapagar. ¡Haz clic para llamarnos o escribirnos por WhatsApp!"
       buttons={[
-        { text: "Llamar ahora", href: "tel:910814506" },
+        { text: "Llamar ahora", onClick: () => window.location.href = "tel:+34910814506" },
-        { text: "¡Pedir por WhatsApp!", href: "https://wa.me/34910814506" },
+        { text: "¡Pedir por WhatsApp!", onClick: () => window.open(whatsappUrl, "_blank", "noopener,noreferrer") },
       ]}
     />
   </div>
@@ -140,7 +143,7 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         { title: "El Canario", items: [{ label: "Sobre nosotros", href: "#about" }, { label: "Carta", href: "#menu" }] },
-        { title: "Contacto", items: [{ label: "910 81 45 06", href: "tel:910814506" }, { label: "WhatsApp", href: "https://wa.me/34910814506" }] },
+        { title: "Contacto", items: [{ label: "910 81 45 06", onClick: () => window.location.href = "tel:+34910814506" }, { label: "WhatsApp", onClick: () => window.open(whatsappUrl, "_blank", "noopener,noreferrer") }] },
       ]}
       bottomLeftText="© 2024 Mesón Pizzería El Canario"
       bottomRightText="Galapagar, Madrid"

src/app/styles/variables.css

@@ -12,13 +12,13 @@
 
   --background: #ffffff;
   --card: #f9f9f9;
-  --foreground: #120006;
+  --foreground: #000612e6;
-  --primary-cta: #e63946;
+  --primary-cta: #15479c;
   --primary-cta-text: #ffffff;
   --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #120006;
+  --secondary-cta-text: #000612e6;
-  --accent: #FFBF00;
+  --accent: #e2e2e2;
-  --background-accent: #e63946;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);