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"