From d3b7015ac815fb7966efc4752a4e897e1fb5b36d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 12 Apr 2026 19:09:38 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 288 ++++++++++++++++-------------------------------
 1 file changed, 99 insertions(+), 189 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3776cdc..89a7656 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,203 +16,113 @@ export default function LandingPage() {
         defaultButtonVariant="hover-magnetic"
         defaultTextAnimation="entrance-slide"
         borderRadius="pill"
+        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: "Menú",
-          id: "menu",
-        },
-        {
-          name: "Nosotros",
-          id: "about",
-        },
-        {
-          name: "Ubicación",
-          id: "contact",
-        },
-      ]}
-      brandName="Alex Burguer"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Inicio", id: "hero" },
+              { name: "Menú", id: "menu" },
+              { name: "Nosotros", id: "about" },
+              { name: "Ubicación", id: "contact" },
+              { name: "FAQ", id: "faq" }
+            ]}
+            brandName="Alex Burguer"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Alex Burguer, Churros y Papas"
-      description="Comida rápida de alta calidad, preparada al momento con ingredientes frescos. ¡Ven a disfrutar el sabor en Tesistán!"
-      buttons={[
-        {
-          text: "Ver Menú",
-          href: "#menu",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/fried-churros-with-melted-chocolate-sugar_23-2148379620.jpg"
-      imageAlt="Nuestras deliciosas hamburguesas y snacks"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardScroll
+            background={{ variant: "gradient-bars" }}
+            title="Alex Burguer, Churros y Papas"
+            description="Comida rápida de alta calidad, preparada al momento con ingredientes frescos. ¡Ven a disfrutar el sabor en Tesistán!"
+            buttons={[{ text: "Ver Menú", href: "#menu" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/fried-churros-with-melted-chocolate-sugar_23-2148379620.jpg"
+            imageAlt="Nuestras deliciosas hamburguesas y snacks"
+          />
+        </div>
 
-  <div id="menu" data-section="menu">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="one-large-left-three-stacked-right"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Hamburguesa Clásica",
-          price: "$95.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-hand-holding-beef-burger-with-salad-bacon_23-2148784491.jpg",
-        },
-        {
-          id: "p2",
-          name: "Hamburguesa Especial Alex",
-          price: "$125.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-burger-with-egg-table_23-2148678850.jpg",
-        },
-        {
-          id: "p3",
-          name: "Orden de Churros Tradicionales",
-          price: "$60.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-mexican-sweets-high-angle_23-2149517129.jpg",
-        },
-        {
-          id: "p4",
-          name: "Papas a la Francesa (Grande)",
-          price: "$55.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-waffle-cookies-with-fresh-red-strawberries_140725-58597.jpg",
-        },
-        {
-          id: "p5",
-          name: "Nuggets de Pollo (6 piezas)",
-          price: "$70.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-hamburger-meal-arrangement_23-2148614130.jpg",
-        },
-        {
-          id: "p6",
-          name: "Sundae de Chocolate",
-          price: "$45.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-front-view-fried-churros-sugar_23-2148379675.jpg",
-        },
-      ]}
-      title="Menú Principal"
-      description="Explora nuestras especialidades"
-    />
-  </div>
+        <div id="menu" data-section="menu">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="one-large-left-three-stacked-right"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Hamburguesa Clásica", price: "$95.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-hand-holding-beef-burger-with-salad-bacon_23-2148784491.jpg" },
+              { id: "p2", name: "Hamburguesa Especial Alex", price: "$125.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-burger-with-egg-table_23-2148678850.jpg" },
+              { id: "p3", name: "Orden de Churros Tradicionales", price: "$60.00", imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-mexican-sweets-high-angle_23-2149517129.jpg" },
+              { id: "p4", name: "Papas a la Francesa (Grande)", price: "$55.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-waffle-cookies-with-fresh-red-strawberries_140725-58597.jpg" },
+              { id: "p5", name: "Nuggets de Pollo (6 piezas)", price: "$70.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hamburger-meal-arrangement_23-2148614130.jpg" },
+              { id: "p6", name: "Sundae de Chocolate", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-front-view-fried-churros-sugar_23-2148379675.jpg" }
+            ]}
+            title="Menú Principal"
+            description="Explora nuestras especialidades"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="Calidad en cada bocado"
-      description="Inspirados en estándares internacionales, combinamos sabor, rapidez y el mejor ambiente familiar en Tesistán."
-      metrics={[
-        {
-          value: "100%",
-          title: "Ingredientes Frescos",
-        },
-        {
-          value: "15min",
-          title: "Rapidez promedio",
-        },
-        {
-          value: "5★",
-          title: "Servicio de Calidad",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-professional-chefs-working-together_23-2151232189.jpg"
-      imageAlt="Nuestro equipo preparando comida"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="Calidad en cada bocado"
+            description="Inspirados en estándares internacionales, combinamos sabor, rapidez y el mejor ambiente familiar en Tesistán."
+            metrics={[
+              { value: "100%", title: "Ingredientes Frescos" },
+              { value: "15min", title: "Rapidez promedio" },
+              { value: "5★", title: "Servicio de Calidad" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/medium-shot-professional-chefs-working-together_23-2151232189.jpg"
+            imageAlt="Nuestro equipo preparando comida"
+            mediaAnimation="slide-up"
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Preguntas Frecuentes"
-      description="Todo lo que necesitas saber sobre nuestras delicias."
-      faqs={[
-        {
-          id: "q1",
-          title: "¿Tienen servicio a domicilio?",
-          content: "Sí, contamos con entrega en toda la zona de Tesistán.",
-        },
-        {
-          id: "q2",
-          title: "¿Aceptan tarjetas?",
-          content: "Aceptamos efectivo, tarjetas de débito y crédito.",
-        },
-        {
-          id: "q3",
-          title: "¿Tienen opciones vegetarianas?",
-          content: "Contamos con una opción de hamburguesa vegetal en el menú.",
-        },
-        {
-          id: "q4",
-          title: "¿Cuál es su horario?",
-          content: "Abrimos todos los días de 2:00 PM a 11:00 PM.",
-        },
-        {
-          id: "q5",
-          title: "¿Hacen pedidos para eventos?",
-          content: "¡Claro! Contáctanos con anticipación para cotizar tu evento.",
-        },
-      ]}
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Preguntas Frecuentes"
+            description="Todo lo que necesitas saber sobre nuestras delicias."
+            faqs={[
+              { id: "q1", title: "¿Tienen servicio a domicilio?", content: "Sí, contamos con entrega en toda la zona de Tesistán." },
+              { id: "q2", title: "¿Aceptan tarjetas?", content: "Aceptamos efectivo, tarjetas de débito y crédito." },
+              { id: "q3", title: "¿Tienen opciones vegetarianas?", content: "Contamos con una opción de hamburguesa vegetal en el menú." },
+              { id: "q4", title: "¿Cuál es su horario?", content: "Abrimos todos los días de 2:00 PM a 11:00 PM." },
+              { id: "q5", title: "¿Hacen pedidos para eventos?", content: "¡Claro! Contáctanos con anticipación para cotizar tu evento." }
+            ]}
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Pedidos y Ubicación"
-      description="Estamos en Tesistán, Jalisco. ¡Haz tu pedido ahora!"
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Tu nombre",
-          required: true,
-        },
-        {
-          name: "phone",
-          type: "tel",
-          placeholder: "Teléfono",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Tu pedido o comentarios",
-        rows: 4,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/young-woman-traveling-without-covid_23-2149077828.jpg"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Pedidos y Ubicación"
+            description="Estamos en Tesistán, Jalisco. ¡Haz tu pedido ahora!"
+            inputs={[
+              { name: "name", type: "text", placeholder: "Tu nombre", required: true },
+              { name: "phone", type: "tel", placeholder: "Teléfono", required: true }
+            ]}
+            textarea={{ name: "message", placeholder: "Tu pedido o comentarios", rows: 4 }}
+            imageSrc="http://img.b2bpic.net/free-photo/young-woman-traveling-without-covid_23-2149077828.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Alex Burguer"
-      leftLink={{
-        text: "Tesistán, Jalisco",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Políticas de Privacidad",
-        href: "#",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Alex Burguer"
+            leftLink={{ text: "Tesistán, Jalisco", href: "#" }}
+            rightLink={{ text: "Políticas de Privacidad", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1