From 3411e92a9b6922ec3940f1a524226b52959445d7 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 5 May 2026 15:06:55 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 440 ++++++++++++++---------------------------------
 1 file changed, 129 insertions(+), 311 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a429fde..667b03b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,328 +19,146 @@ export default function LandingPage() {
         defaultButtonVariant="text-shift"
         defaultTextAnimation="reveal-blur"
         borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Inicio",
-          id: "hero",
-        },
-        {
-          name: "Sobre nosotros",
-          id: "about",
-        },
-        {
-          name: "Platos",
-          id: "products",
-        },
-        {
-          name: "Reseñas",
-          id: "testimonials",
-        },
-        {
-          name: "Contacto",
-          id: "contact",
-        },
-      ]}
-      brandName="Los Mexicanos"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Inicio", id: "hero" },
+              { name: "Sobre nosotros", id: "about" },
+              { name: "Platos", id: "products" },
+              { name: "Reseñas", id: "testimonials" },
+              { name: "Contacto", id: "contact" }
+            ]}
+            brandName="Los Mexicanos"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Sabores Auténticos en Gijón"
-      description="Descubre la verdadera esencia de México con nuestra carta tradicional, raciones abundantes y la mejor relación calidad-precio."
-      imageSrc="http://img.b2bpic.net/free-photo/mexican-food-around-sombrero_23-2147740776.jpg"
-      imageAlt="mexican restaurant table arrangement"
-      buttons={[
-        {
-          text: "Ver carta",
-          href: "#products",
-        },
-        {
-          text: "Reservar mesa",
-          href: "#contact",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardScroll
+            background={{ variant: "gradient-bars" }}
+            title="Sabores Auténticos en Gijón"
+            description="Descubre la verdadera esencia de México con nuestra carta tradicional, raciones abundantes y la mejor relación calidad-precio."
+            imageSrc="http://img.b2bpic.net/free-photo/mexican-food-around-sombrero_23-2147740776.jpg"
+            imageAlt="mexican restaurant table arrangement"
+            buttons={[{ text: "Ver carta", href: "#products" }, { text: "Reservar mesa", href: "#contact" }]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={false}
-      title="Nuestra Historia"
-      description="En Los Mexicanos, nos apasiona llevar la tradición culinaria de México a Asturias. Desde 2024, ofrecemos recetas auténticas en un ambiente cálido para disfrutar con amigos y familia."
-      imageSrc="http://img.b2bpic.net/free-photo/beautiful-mexican-party-decoration-with-food_23-2149317296.jpg"
-      imageAlt="cozy mexican restaurant interior decoration"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MediaAbout
+            useInvertedBackground={false}
+            title="Nuestra Historia"
+            description="En Los Mexicanos, nos apasiona llevar la tradición culinaria de México a Asturias. Desde 2024, ofrecemos recetas auténticas en un ambiente cálido para disfrutar con amigos y familia."
+            imageSrc="http://img.b2bpic.net/free-photo/beautiful-mexican-party-decoration-with-food_23-2149317296.jpg"
+            imageAlt="cozy mexican restaurant interior decoration"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardSeven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "Nachos al estilo artesano",
-          description: "Crujientes nachos con guacamole casero y el mejor queso cheddar.",
-          imageSrc: "http://img.b2bpic.net/free-photo/dipping-nacho-chips_23-2148159712.jpg",
-          imageAlt: "nachos with guacamole cheese",
-        },
-        {
-          title: "Tacos Campechanos",
-          description: "El sabor callejero de México, servido en tortillas de maíz frescas.",
-          imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-delicious-taco_23-2151048001.jpg",
-          imageAlt: "mexican tacos campechanos",
-        },
-        {
-          title: "Margaritas de autor",
-          description: "Disfruta de nuestras famosas margaritas de mango, limón o maracuyá.",
-          imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-glass-margarita-cocktail-garnish-with-lime-table_23-2148283662.jpg",
-          imageAlt: "refreshing margarita cocktail",
-        },
-      ]}
-      title="Nuestras Especialidades"
-      description="Platos estrella que no puedes dejar de probar."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardSeven
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            features={[
+              { title: "Nachos al estilo artesano", description: "Crujientes nachos con guacamole casero y el mejor queso cheddar.", imageSrc: "http://img.b2bpic.net/free-photo/dipping-nacho-chips_23-2148159712.jpg", imageAlt: "nachos with guacamole cheese" },
+              { title: "Tacos Campechanos", description: "El sabor callejero de México, servido en tortillas de maíz frescas.", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-delicious-taco_23-2151048001.jpg", imageAlt: "mexican tacos campechanos" },
+              { title: "Margaritas de autor", description: "Disfruta de nuestras famosas margaritas de mango, limón o maracuyá.", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-glass-margarita-cocktail-garnish-with-lime-table_23-2148283662.jpg", imageAlt: "refreshing margarita cocktail" }
+            ]}
+            title="Nuestras Especialidades"
+            description="Platos estrella que no puedes dejar de probar."
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Cochinita Pibil",
-          price: "14€",
-          variant: "Carne",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-pita-near-meal-vegetables_23-2148132004.jpg",
-        },
-        {
-          id: "p2",
-          name: "Chilaquiles",
-          price: "12€",
-          variant: "Vegetariano",
-          imageSrc: "http://img.b2bpic.net/free-photo/crunchy-nachos-mexican-food-top-view_23-2148224166.jpg",
-        },
-        {
-          id: "p3",
-          name: "Tarta 3 Leches",
-          price: "6€",
-          variant: "Postre",
-          imageSrc: "http://img.b2bpic.net/free-photo/assortment-pieces-cake_114579-30703.jpg",
-        },
-        {
-          id: "p4",
-          name: "Burrito Bowl",
-          price: "13€",
-          variant: "Plato principal",
-          imageSrc: "http://img.b2bpic.net/free-photo/tasty-fresh-poke-bowl-with-avocado-quinoa-vegetables-top-view_1220-6858.jpg",
-        },
-        {
-          id: "p5",
-          name: "Enchiladas Suizas",
-          price: "15€",
-          variant: "Carne",
-          imageSrc: "http://img.b2bpic.net/free-photo/nachos-slices-lemon-marble-surface_23-2148224109.jpg",
-        },
-        {
-          id: "p6",
-          name: "Fajitas de Pollo",
-          price: "16€",
-          variant: "Plato principal",
-          imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-fillet-with-potatoes-tomato-sauce-stainless-steel-pan_114579-3051.jpg",
-        },
-      ]}
-      title="Carta Destacada"
-      description="Una selección de nuestros mejores platos para llevar o comer aquí."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Cochinita Pibil", price: "14€", variant: "Carne", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pita-near-meal-vegetables_23-2148132004.jpg" },
+              { id: "p2", name: "Chilaquiles", price: "12€", variant: "Vegetariano", imageSrc: "http://img.b2bpic.net/free-photo/crunchy-nachos-mexican-food-top-view_23-2148224166.jpg" },
+              { id: "p3", name: "Tarta 3 Leches", price: "6€", variant: "Postre", imageSrc: "http://img.b2bpic.net/free-photo/assortment-pieces-cake_114579-30703.jpg" }
+            ]}
+            title="Carta Destacada"
+            description="Una selección de nuestros mejores platos para llevar o comer aquí."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardFive
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      plans={[
-        {
-          id: "m1",
-          tag: "Popular",
-          price: "20€",
-          period: "/ pers",
-          description: "Menú degustación para grupos pequeños.",
-          button: {
-            text: "Reservar",
-          },
-          featuresTitle: "Incluye:",
-          features: [
-            "1 Entrada a compartir",
-            "1 Plato principal",
-            "Bebida",
-            "Postre",
-          ],
-        },
-        {
-          id: "m2",
-          tag: "Especial",
-          price: "30€",
-          period: "/ pers",
-          description: "Experiencia completa para los amantes del picante.",
-          button: {
-            text: "Reservar",
-          },
-          featuresTitle: "Incluye:",
-          features: [
-            "2 Entradas a compartir",
-            "1 Plato principal",
-            "Bebida ilimitada",
-            "Postre artesano",
-            "Margarita extra",
-          ],
-        },
-        {
-          id: "m3",
-          tag: "Básico",
-          price: "15€",
-          period: "/ pers",
-          description: "Comida rápida y sabrosa.",
-          button: {
-            text: "Reservar",
-          },
-          featuresTitle: "Incluye:",
-          features: [
-            "1 Plato principal",
-            "Bebida",
-            "Postre pequeño",
-          ],
-        },
-      ]}
-      title="Nuestros Menús"
-      description="Opciones pensadas para disfrutar en grupo o en pareja."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardFive
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            plans={[
+              { id: "m1", tag: "Popular", price: "20€", period: "/ pers", description: "Menú degustación para grupos pequeños.", button: { text: "Reservar" }, featuresTitle: "Incluye:", features: ["1 Entrada a compartir", "1 Plato principal", "Bebida", "Postre"] },
+              { id: "m2", tag: "Especial", price: "30€", period: "/ pers", description: "Experiencia completa para los amantes del picante.", button: { text: "Reservar" }, featuresTitle: "Incluye:", features: ["2 Entradas a compartir", "1 Plato principal", "Bebida ilimitada", "Postre artesano", "Margarita extra"] },
+              { id: "m3", tag: "Básico", price: "15€", period: "/ pers", description: "Comida rápida y sabrosa.", button: { text: "Reservar" }, featuresTitle: "Incluye:", features: ["1 Plato principal", "Bebida", "Postre pequeño"] }
+            ]}
+            title="Nuestros Menús"
+            description="Opciones pensadas para disfrutar en grupo o en pareja."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Tania Rey",
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-pinup-girl-kitchen_23-2148867261.jpg",
-        },
-        {
-          id: "t2",
-          name: "Nuria Vara",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-holding-glass_23-2148965394.jpg",
-        },
-        {
-          id: "t3",
-          name: "Gelu Clotas",
-          imageSrc: "http://img.b2bpic.net/free-photo/chef-standing-by-counter-serving-salad-from-cabbage-holding-chilli-pepper_1303-32137.jpg",
-        },
-        {
-          id: "t4",
-          name: "Cliente Feliz",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-eats-sushi-sitting-grass-park_169016-21088.jpg",
-        },
-        {
-          id: "t5",
-          name: "Amante Gourmet",
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-doctor-shaking-hands-with-her-female-patient-while-meeting-clinic-focus-is-happy-woman_637285-1785.jpg",
-        },
-      ]}
-      cardTitle="Lo que dicen nuestros clientes"
-      cardTag="4,5 / 5 estrellas"
-      cardAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwelve
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Tania Rey", imageSrc: "http://img.b2bpic.net/free-photo/cute-pinup-girl-kitchen_23-2148867261.jpg" },
+              { id: "t2", name: "Nuria Vara", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-holding-glass_23-2148965394.jpg" },
+              { id: "t3", name: "Gelu Clotas", imageSrc: "http://img.b2bpic.net/free-photo/chef-standing-by-counter-serving-salad-from-cabbage-holding-chilli-pepper_1303-32137.jpg" }
+            ]}
+            cardTitle="Lo que dicen nuestros clientes"
+            cardTag="4,5 / 5 estrellas"
+            cardAnimation="slide-up"
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "¿Tienen opciones vegetarianas?",
-          content: "Sí, tenemos varias opciones vegetarianas deliciosas, incluyendo chilaquiles y tacos sin carne.",
-        },
-        {
-          id: "f2",
-          title: "¿Es necesario reservar?",
-          content: "Recomendamos reservar con antelación, especialmente para grupos grandes durante los fines de semana.",
-        },
-        {
-          id: "f3",
-          title: "¿Tienen servicio de comida a domicilio?",
-          content: "Sí, realizamos envíos a domicilio a través de nuestra web y plataformas habituales.",
-        },
-      ]}
-      title="Preguntas Frecuentes"
-      description="Resolvemos tus dudas sobre nuestras reservas y platos."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="default"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "f1", title: "¿Tienen opciones vegetarianas?", content: "Sí, tenemos varias opciones vegetarianas deliciosas." },
+              { id: "f2", title: "¿Es necesario reservar?", content: "Recomendamos reservar con antelación." },
+              { id: "f3", title: "¿Tienen servicio de comida a domicilio?", content: "Sí, realizamos envíos." }
+            ]}
+            title="Preguntas Frecuentes"
+            description="Resolvemos tus dudas."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Reserva tu mesa"
-      description="Estamos en C. Matadero Viejo, 2, Centro, Gijón. ¡Te esperamos!"
-      inputs={[
-        {
-          name: "nombre",
-          type: "text",
-          placeholder: "Tu nombre",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Tu correo electrónico",
-          required: true,
-        },
-        {
-          name: "personas",
-          type: "number",
-          placeholder: "Número de personas",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "comentarios",
-        placeholder: "Alguna petición especial o alergia?",
-      }}
-      buttonText="Enviar reserva"
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-blank-clipboard-mexican-dishes_23-2147740803.jpg"
-      imageAlt="Close-up blank clipboard and Mexican dishes"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Reserva tu mesa"
+            description="Estamos en Gijón. ¡Te esperamos!"
+            inputs={[
+              { name: "nombre", type: "text", placeholder: "Tu nombre", required: true },
+              { name: "email", type: "email", placeholder: "Tu correo electrónico", required: true }
+            ]}
+            buttonText="Enviar reserva"
+            imageSrc="http://img.b2bpic.net/free-photo/close-up-blank-clipboard-mexican-dishes_23-2147740803.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Los Mexicanos"
-      leftLink={{
-        text: "Política de Privacidad",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Instagram",
-        href: "https://instagram.com",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Los Mexicanos"
+            leftLink={{ text: "Política de Privacidad", href: "#" }}
+            rightLink={{ text: "Instagram", href: "https://instagram.com" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1