Merge version_5 into main

Merge version_5 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"
@@ -29,40 +31,33 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Inicio",          id: "hero"},
-        {
-          name: "Carta",          id: "menu"},
-        {
-          name: "Reseñas",          id: "reviews"},
-        {
-          name: "Contacto",          id: "contact"},
+        { name: "Inicio", id: "hero" },
+        { name: "Carta", id: "menu" },
+        { name: "Reseñas", id: "reviews" },
+        { name: "Contacto", id: "contact" },
       ]}
       brandName="El Canario"
       button={{
-        text: "Pedir ahora",        href: "https://wa.me/34910814506"
+        text: "¡Pedir por WhatsApp!",        
+        onClick: () => window.open(whatsappUrl, "_blank", "noopener,noreferrer")
       }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background={{
-        variant: "gradient-bars"}}
+      background={{ variant: "gradient-bars" }}
       title="Las mejores pizzas y raciones de Galapagar 🍕🔥"
       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 a Domicilio",          href: "#menu"},
+        { text: "Pedir WhatsApp", onClick: () => window.open(whatsappUrl, "_blank", "noopener,noreferrer") },
+        { text: "Ver Carta", href: "#menu" },
+        { 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"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-vegan-pizza-social-post_23-2151895448.jpg",          imageAlt: "Pizza 4 estaciones"}
+        { imageSrc: "http://img.b2bpic.net/free-photo/chef-white-uniform-prepare-pizzaa_1157-27031.jpg", imageAlt: "Nuestras pizzas artesanales" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/delicious-vegan-pizza-social-post_23-2151895448.jpg", imageAlt: "Pizza 4 estaciones" }
       ]}
       rating={4.4}
       ratingText="+500 reseñas satisfechas"
@@ -75,7 +70,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Un sabor que se siente como en casa"
       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."]}
+        "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", onClick: () => window.open(whatsappUrl, "_blank", "noopener,noreferrer") }]}
     />
   </div>
 
@@ -86,21 +83,14 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       products={[
-        {
-          id: "1",          name: "Pizza 4 Estaciones",          price: "12.50€",          variant: "Pizza",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-arrangement-view_23-2149325322.jpg"},
-        {
-          id: "2",          name: "Hamburguesa Capra",          price: "9.90€",          variant: "Hamburguesa",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-bacon-burger-with-copy-space_23-2148784483.jpg"},
-        {
-          id: "3",          name: "Alitas de Pollo",          price: "7.50€",          variant: "Ración",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-fried-chicken-with-nuggets-three-sauces_23-2148646579.jpg"},
-        {
-          id: "4",          name: "Combo Familiar",          price: "35.00€",          variant: "Especial",          imageSrc: "http://img.b2bpic.net/free-photo/view-italian-food-composition_23-2148601629.jpg"},
-        {
-          id: "5",          name: "Patatas Mixtas",          price: "6.00€",          variant: "Ración",          imageSrc: "http://img.b2bpic.net/free-photo/view-pizza-cutter-arrangement_23-2148574228.jpg"},
-        {
-          id: "6",          name: "Croquetas Caseras",          price: "8.00€",          variant: "Ración",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-fresh-pizza-with-mozzarella-cheese-tomatoes-basil_181624-58097.jpg"},
+        { id: "1", name: "Pizza 4 Estaciones", price: "12.50€", variant: "Pizza", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-arrangement-view_23-2149325322.jpg" },
+        { id: "2", name: "Hamburguesa Capra", price: "9.90€", variant: "Hamburguesa", imageSrc: "http://img.b2bpic.net/free-photo/front-view-bacon-burger-with-copy-space_23-2148784483.jpg" },
+        { id: "3", name: "Alitas de Pollo", price: "7.50€", variant: "Ración", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-fried-chicken-with-nuggets-three-sauces_23-2148646579.jpg" },
+        { id: "4", name: "Combo Familiar", price: "35.00€", variant: "Especial", imageSrc: "http://img.b2bpic.net/free-photo/view-italian-food-composition_23-2148601629.jpg" },
       ]}
       title="Nuestra Carta Destacada"
       description="Elige tu plato favorito y prepárate para disfrutar del auténtico sabor."
+      buttons={[{ text: "Pedir a Domicilio", onClick: () => window.open(whatsappUrl, "_blank", "noopener,noreferrer") }]}
     />
   </div>
 
@@ -110,21 +100,13 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          id: "f1",          title: "Comer allí",          tags: [
-            "Restaurante"],
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-delicious-cheesy-pepperoni-pizza-inside-brick-stone-oven_181624-58518.jpg"},
-        {
-          id: "f2",          title: "Para llevar",          tags: [
-            "Recogida"],
-          imageSrc: "http://img.b2bpic.net/free-photo/plate-chicken-wings-grunge-black-background_1258-198.jpg"},
-        {
-          id: "f3",          title: "A domicilio",          tags: [
-            "Envío"],
-          imageSrc: "http://img.b2bpic.net/free-photo/big-mac-burger-with-beef-melted-cheddar-full-white-salad_114579-2311.jpg"},
+        { id: "f1", title: "Comer allí", tags: ["Restaurante"], imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-delicious-cheesy-pepperoni-pizza-inside-brick-stone-oven_181624-58518.jpg" },
+        { id: "f2", title: "Para llevar", tags: ["Recogida"], imageSrc: "http://img.b2bpic.net/free-photo/plate-chicken-wings-grunge-black-background_1258-198.jpg" },
+        { id: "f3", title: "A domicilio", tags: ["Envío"], imageSrc: "http://img.b2bpic.net/free-photo/big-mac-burger-with-beef-melted-cheddar-full-white-salad_114579-2311.jpg" },
       ]}
       title="Tu comida, como tú quieras"
       description="Flexibilidad total para disfrutar de nuestras especialidades."
+      buttons={[{ text: "Pedir ahora", onClick: () => window.open(whatsappUrl, "_blank", "noopener,noreferrer") }]}
     />
   </div>
 
@@ -134,35 +116,25 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",          name: "Ana G.",          handle: "@anag",          testimonial: "La mejor pizza de masa fina que he probado en Galapagar. ¡Súper recomendable!",          imageSrc: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg"},
-        {
-          id: "2",          name: "Carlos M.",          handle: "@carlosm",          testimonial: "Comida buenísima y abundante. El trato es excelente, volveremos pronto.",          imageSrc: "http://img.b2bpic.net/free-photo/shocked-elegant-woman-french-clothes-style-looks-with-wide-eyed-expression_273443-1951.jpg"},
-        {
-          id: "3",          name: "Lucía P.",          handle: "@luciap",          testimonial: "Un lugar muy acogedor para ir en familia. Las alitas están increíbles.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-eating-delicious-pizza_23-2150317032.jpg"},
-        {
-          id: "4",          name: "David R.",          handle: "@davidr",          testimonial: "Servicio rápido y pizzas recién hechas. Sin duda, mi sitio favorito.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg"},
-        {
-          id: "5",          name: "Elena T.",          handle: "@elenat",          testimonial: "Excelente servicio, la comida llegó caliente y muy rica.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg"},
+        { id: "1", name: "Ana G.", handle: "@anag", testimonial: "La mejor pizza de masa fina que he probado en Galapagar. ¡Súper recomendable!", imageSrc: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg" },
+        { id: "2", name: "Carlos M.", handle: "@carlosm", testimonial: "Comida buenísima y abundante. El trato es excelente, volveremos pronto.", imageSrc: "http://img.b2bpic.net/free-photo/shocked-elegant-woman-french-clothes-style-looks-with-wide-eyed-expression_273443-1951.jpg" },
       ]}
       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", onClick: () => window.open(whatsappUrl, "_blank", "noopener,noreferrer") }]}
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
+      background={{ variant: "plain" }}
       tag="Contacto"
-      title="Haz tu pedido ahora"
+      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: "WhatsApp",          href: "https://wa.me/34910814506"},
+        { text: "Llamar ahora", onClick: () => window.location.href = "tel:+34910814506" },
+        { text: "¡Pedir por WhatsApp!", onClick: () => window.open(whatsappUrl, "_blank", "noopener,noreferrer") },
       ]}
     />
   </div>
@@ -170,22 +142,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <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: "El Canario", items: [{ label: "Sobre nosotros", href: "#about" }, { label: "Carta", href: "#menu" }] },
+        { 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"
@@ -194,4 +152,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

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