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

---
 src/app/page.tsx | 391 +++++++++++++----------------------------------
 1 file changed, 108 insertions(+), 283 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ae231c6..0bafabf 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -26,295 +26,120 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Inicio",
-          id: "hero",
-        },
-        {
-          name: "Menú",
-          id: "menu",
-        },
-        {
-          name: "Precios",
-          id: "precios",
-        },
-        {
-          name: "Contacto",
-          id: "contacto",
-        },
-      ]}
-      brandName="La Cochinita de Valle"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Inicio", id: "hero" },
+              { name: "Menú", id: "menu" },
+              { name: "Precios", id: "precios" },
+              { name: "Contacto", id: "contacto" },
+            ]}
+            brandName="La Cochinita de Valle"
+            button={{ text: "Ordena Ya", href: "#contacto" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardTestimonial
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="La Cochinita de Valle"
-      description="Recetas auténticas con el verdadero sabor tradicional. Disfruta de nuestras especialidades preparadas con ingredientes frescos y el toque casero que nos distingue."
-      testimonials={[
-        {
-          name: "Maria G.",
-          handle: "@mariag",
-          testimonial: "La mejor cochinita de la ciudad, sabor auténtico.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-taco-mexican-party_23-2149362784.jpg",
-        },
-        {
-          name: "Carlos R.",
-          handle: "@carlosr",
-          testimonial: "Excelente servicio y calidad en cada taco.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/classic-mexican-food_23-2147640358.jpg",
-        },
-        {
-          name: "Elena V.",
-          handle: "@elenav",
-          testimonial: "Las salsas de habanero son simplemente deliciosas.",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-meal-arrangement_23-2148764340.jpg",
-        },
-        {
-          name: "Javier L.",
-          handle: "@javierl",
-          testimonial: "Todo lo que pidas está garantizado, gran sabor.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571584.jpg",
-        },
-        {
-          name: "Sofia M.",
-          handle: "@sofiam",
-          testimonial: "Un pedacito de Yucatán en cada bocado.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-borsch-ukrainian-beet-soup-with-fresh-cabbage-greens-white-background_140725-125084.jpg",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-delicious-tacos_23-2150831089.jpg"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/tasty-meal-with-sambal-arrangement_23-2149076154.jpg",
-          alt: "Cliente 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-different-vegetables-with-greens-grey-background-salad-meal-health-ripe-spicy_140725-77143.jpg",
-          alt: "Cliente 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/top-view-tasty-borsch-ukranian-beet-soup-with-fresh-vegetables-dark-space_140725-98040.jpg",
-          alt: "Cliente 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/delicious-tacos-arrangement-top-view_23-2148629322.jpg",
-          alt: "Cliente 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/selection-fresh-mexican-food-ready-be-served_23-2148614383.jpg",
-          alt: "Cliente 5",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Tradición Yucateca",
-        },
-        {
-          type: "text",
-          text: "Ingredientes Frescos",
-        },
-        {
-          type: "text",
-          text: "Sabor Casero",
-        },
-        {
-          type: "text",
-          text: "Auténtico",
-        },
-        {
-          type: "text",
-          text: "Cocción Lenta",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardTestimonial
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            title="La Cochinita de Valle"
+            description="Recetas auténticas con el verdadero sabor tradicional. Disfruta de nuestras especialidades preparadas con ingredientes frescos y el toque casero que nos distingue."
+            testimonials={[
+              { name: "Maria G.", handle: "@mariag", testimonial: "La mejor cochinita de la ciudad, sabor auténtico.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-taco-mexican-party_23-2149362784.jpg" },
+              { name: "Carlos R.", handle: "@carlosr", testimonial: "Excelente servicio y calidad en cada taco.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/classic-mexican-food_23-2147640358.jpg" },
+              { name: "Elena V.", handle: "@elenav", testimonial: "Las salsas de habanero son simplemente deliciosas.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-meal-arrangement_23-2148764340.jpg" },
+              { name: "Javier L.", handle: "@javierl", testimonial: "Todo lo que pidas está garantizado, gran sabor.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571584.jpg" },
+              { name: "Sofia M.", handle: "@sofiam", testimonial: "Un pedacito de Yucatán en cada bocado.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-borsch-ukrainian-beet-soup-with-fresh-cabbage-greens-white-background_140725-125084.jpg" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/close-up-delicious-tacos_23-2150831089.jpg"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/tasty-meal-with-sambal-arrangement_23-2149076154.jpg", alt: "Cliente 1" },
+              { src: "http://img.b2bpic.net/free-photo/front-view-different-vegetables-with-greens-grey-background-salad-meal-health-ripe-spicy_140725-77143.jpg", alt: "Cliente 2" },
+              { src: "http://img.b2bpic.net/free-photo/top-view-tasty-borsch-ukranian-beet-soup-with-fresh-vegetables-dark-space_140725-98040.jpg", alt: "Cliente 3" },
+              { src: "http://img.b2bpic.net/free-photo/delicious-tacos-arrangement-top-view_23-2148629322.jpg", alt: "Cliente 4" },
+              { src: "http://img.b2bpic.net/free-photo/selection-fresh-mexican-food-ready-be-served_23-2148614383.jpg", alt: "Cliente 5" }
+            ]}
+            marqueeItems={[
+              { type: "text", text: "Tradición Yucateca" },
+              { type: "text", text: "Ingredientes Frescos" },
+              { type: "text", text: "Sabor Casero" },
+              { type: "text", text: "Auténtico" },
+              { type: "text", text: "Cocción Lenta" }
+            ]}
+          />
+        </div>
 
-  <div id="menu" data-section="menu">
-      <FeatureHoverPattern
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          icon: Utensils,
-          title: "Cochinita Pibil",
-          description: "Carne de cerdo horneada lentamente con especias tradicionales.",
-        },
-        {
-          icon: Utensils,
-          title: "Relleno Negro",
-          description: "Platillo icónico con un sabor profundo y distintivo.",
-        },
-        {
-          icon: Utensils,
-          title: "Mole Oaxaqueño",
-          description: "Mole auténtico con un equilibrio perfecto entre especias y chocolate.",
-        },
-      ]}
-      title="Especialidades"
-      description="Descubre nuestra selección de platillos preparados de forma tradicional, con los mejores ingredientes de la región."
-    />
-  </div>
+        <div id="menu" data-section="menu">
+          <FeatureHoverPattern
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            features={[
+              { icon: Utensils, title: "Cochinita Pibil", description: "Carne de cerdo horneada lentamente con especias tradicionales." },
+              { icon: Utensils, title: "Relleno Negro", description: "Platillo icónico con un sabor profundo y distintivo." },
+              { icon: Utensils, title: "Mole Oaxaqueño", description: "Mole auténtico con un equilibrio perfecto entre especias y chocolate." }
+            ]}
+            title="Especialidades"
+            description="Descubre nuestra selección de platillos preparados de forma tradicional, con los mejores ingredientes de la región."
+          />
+        </div>
 
-  <div id="precios" data-section="precios">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          brand: "Individual",
-          name: "Tacos",
-          price: "$30",
-          rating: 5,
-          reviewCount: "100+",
-          imageSrc: "http://img.b2bpic.net/free-photo/world-cuisine-with-delicious-food_23-2151890015.jpg",
-        },
-        {
-          id: "p2",
-          brand: "Individual",
-          name: "Torta",
-          price: "$45",
-          rating: 5,
-          reviewCount: "80+",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-food-banquet_23-2149893475.jpg",
-        },
-        {
-          id: "p3",
-          brand: "Individual",
-          name: "Gringa",
-          price: "$50",
-          rating: 4,
-          reviewCount: "60+",
-          imageSrc: "http://img.b2bpic.net/free-photo/traditional-mexican-taco-plate_23-2148181582.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Individual",
-          name: "Enchiladas",
-          price: "$90",
-          rating: 5,
-          reviewCount: "50+",
-          imageSrc: "http://img.b2bpic.net/free-photo/mexican-meal_23-2148159756.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Por Kilo",
-          name: "Cochinita Kilo",
-          price: "$480",
-          rating: 5,
-          reviewCount: "200+",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-vegetable-salad-with-pieced-up-meat-inside-brown-plate-dark-blue-background-salad-food-meal-vegetable-photo_140725-30943.jpg",
-        },
-        {
-          id: "p6",
-          brand: "Por Kilo",
-          name: "Cochinita 1/2kg",
-          price: "$240",
-          rating: 5,
-          reviewCount: "150+",
-          imageSrc: "http://img.b2bpic.net/free-photo/mexican-romeritos-with-mole-sauce-shrimp_123827-37419.jpg",
-        },
-      ]}
-      title="Precios y Menú"
-      description="Elige tu porción favorita, desde tacos individuales hasta kilos para compartir con familia y amigos."
-    />
-  </div>
+        <div id="precios" data-section="precios">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", brand: "Individual", name: "Tacos", price: "$30", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/world-cuisine-with-delicious-food_23-2151890015.jpg" },
+              { id: "p2", brand: "Individual", name: "Torta", price: "$45", rating: 5, reviewCount: "80+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-food-banquet_23-2149893475.jpg" },
+              { id: "p3", brand: "Individual", name: "Gringa", price: "$50", rating: 4, reviewCount: "60+", imageSrc: "http://img.b2bpic.net/free-photo/traditional-mexican-taco-plate_23-2148181582.jpg" },
+              { id: "p4", brand: "Individual", name: "Enchiladas", price: "$90", rating: 5, reviewCount: "50+", imageSrc: "http://img.b2bpic.net/free-photo/mexican-meal_23-2148159756.jpg" },
+              { id: "p5", brand: "Por Kilo", name: "Cochinita Kilo", price: "$480", rating: 5, reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-vegetable-salad-with-pieced-up-meat-inside-brown-plate-dark-blue-background-salad-food-meal-vegetable-photo_140725-30943.jpg" },
+              { id: "p6", brand: "Por Kilo", name: "Cochinita 1/2kg", price: "$240", rating: 5, reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/mexican-romeritos-with-mole-sauce-shrimp_123827-37419.jpg" }
+            ]}
+            title="Precios y Menú"
+            description="Elige tu porción favorita, desde tacos individuales hasta kilos para compartir con familia y amigos."
+          />
+        </div>
 
-  <div id="metric" data-section="metric">
-      <MetricCardFourteen
-      useInvertedBackground={false}
-      title="Nuestra Trayectoria"
-      tag="Calidad Garantizada"
-      metrics={[
-        {
-          id: "m1",
-          value: "10+",
-          description: "Años de experiencia",
-        },
-        {
-          id: "m2",
-          value: "5000+",
-          description: "Clientes felices",
-        },
-        {
-          id: "m3",
-          value: "100%",
-          description: "Ingredientes frescos",
-        },
-        {
-          id: "m4",
-          value: "24/7",
-          description: "Atención al cliente",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="metric" data-section="metric">
+          <MetricCardFourteen
+            useInvertedBackground={false}
+            title="Nuestra Trayectoria"
+            tag="Calidad Garantizada"
+            metrics={[
+              { id: "m1", value: "10+", description: "Años de experiencia" },
+              { id: "m2", value: "5000+", description: "Clientes felices" },
+              { id: "m3", value: "100%", description: "Ingredientes frescos" },
+              { id: "m4", value: "24/7", description: "Atención al cliente" }
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contacto" data-section="contacto">
-      <ContactCenter
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      tag="Ubicación y Pedidos"
-      title="Haz tu pedido"
-      description="Estamos listos para atenderte. Haz tu pedido por celular o visítanos en nuestro establecimiento para llevar el sabor de Yucatán a casa."
-    />
-  </div>
+        <div id="contacto" data-section="contacto">
+          <ContactCenter
+            useInvertedBackground={true}
+            background={{ variant: "plain" }}
+            tag="Ubicación y Pedidos"
+            title="Haz tu pedido"
+            description="Estamos listos para atenderte. Haz tu pedido por celular o visítanos en nuestro establecimiento para llevar el sabor de Yucatán a casa."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Menú",
-          items: [
-            {
-              label: "Especialidades",
-              href: "#menu",
-            },
-            {
-              label: "Precios",
-              href: "#precios",
-            },
-          ],
-        },
-        {
-          title: "Contacto",
-          items: [
-            {
-              label: "WhatsApp",
-              href: "#",
-            },
-            {
-              label: "Ubicación",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 La Cochinita de Valle"
-      bottomRightText="Todos los derechos reservados"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Menú", items: [{ label: "Especialidades", href: "#menu" }, { label: "Precios", href: "#precios" }] },
+              { title: "Contacto", items: [{ label: "WhatsApp", href: "#" }, { label: "Ubicación", href: "#" }] }
+            ]}
+            bottomLeftText="© 2024 La Cochinita de Valle"
+            bottomRightText="Todos los derechos reservados"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1