From 8c26eadca536f596df708c48f7566dfbe2232fe1 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 25 May 2026 00:56:29 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 529 ++++++++++++++---------------------------------
 1 file changed, 154 insertions(+), 375 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 45255af..b5b6fe6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,391 +29,170 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Inicio",
-          id: "#hero",
-        },
-        {
-          name: "Menú",
-          id: "#menu",
-        },
-        {
-          name: "Experiencia",
-          id: "#experience",
-        },
-        {
-          name: "Market",
-          id: "#market",
-        },
-        {
-          name: "Promos",
-          id: "#promos",
-        },
-        {
-          name: "Ubicación",
-          id: "#location",
-        },
-        {
-          name: "Contacto",
-          id: "#contact",
-        },
-      ]}
-      brandName="Madero's"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Inicio", id: "#hero" },
+              { name: "Menú", id: "#menu" },
+              { name: "Experiencia", id: "#experience" },
+              { name: "Market", id: "#market" },
+              { name: "Promos", id: "#promos" },
+              { name: "Ubicación", id: "#location" },
+              { name: "Contacto", id: "#contact" },
+            ]}
+            brandName="Madero's"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCentered
-      background={{
-        variant: "radial-gradient",
-      }}
-      title="Madero’s Coffee & Market"
-      description="Café gourmet, postres, fast food, bar y productos especiales en El Tigre."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-grey-eating_23-2147970531.jpg",
-          alt: "smiling coffee shop customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiley-friends-having-good-time_23-2148395387.jpg",
-          alt: "person sharing food with friend",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/laugh-is-way-happiness_329181-2893.jpg",
-          alt: "satisfied customer cafe",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/confident-young-indian-man-orange-sweater-sitting-bar-counter-cafe-with-mobile-phone-hand_627829-5524.jpg",
-          alt: "Confident young indian man in orange sweater sitting bar counter at cafe",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/fashionable-african-american-woman-black-cap-chilling-cozy-cafe_627829-5870.jpg",
-          alt: "Fashionable african american woman in black cap chilling in cozy cafe",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Ver menú",
-          href: "#menu",
-        },
-        {
-          text: "Escríbenos por WhatsApp",
-          href: "https://wa.me/58...",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Café de especialidad",
-        },
-        {
-          type: "text",
-          text: "Hamburguesas gourmet",
-        },
-        {
-          type: "text",
-          text: "Postres artesanales",
-        },
-        {
-          type: "text",
-          text: "Tragos y coctelería",
-        },
-        {
-          type: "text",
-          text: "Market premium",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCentered
+            background={{ variant: "radial-gradient" }}
+            title="Madero’s Coffee & Market"
+            description="Café gourmet, postres, fast food, bar y productos especiales en El Tigre."
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/young-woman-grey-eating_23-2147970531.jpg", alt: "smiling coffee shop customer" },
+              { src: "http://img.b2bpic.net/free-photo/smiley-friends-having-good-time_23-2148395387.jpg", alt: "person sharing food with friend" },
+              { src: "http://img.b2bpic.net/free-photo/laugh-is-way-happiness_329181-2893.jpg", alt: "satisfied customer cafe" },
+              { src: "http://img.b2bpic.net/free-photo/confident-young-indian-man-orange-sweater-sitting-bar-counter-cafe-with-mobile-phone-hand_627829-5524.jpg", alt: "Confident young indian man in orange sweater sitting bar counter at cafe" },
+              { src: "http://img.b2bpic.net/free-photo/fashionable-african-american-woman-black-cap-chilling-cozy-cafe_627829-5870.jpg", alt: "Fashionable african american woman in black cap chilling in cozy cafe" },
+            ]}
+            buttons={[
+              { text: "Ver menú", href: "#menu" },
+              { text: "Escríbenos por WhatsApp", href: "https://wa.me/58..." },
+            ]}
+            marqueeItems={[
+              { type: "text", text: "Café de especialidad" },
+              { type: "text", text: "Hamburguesas gourmet" },
+              { type: "text", text: "Postres artesanales" },
+              { type: "text", text: "Tragos y coctelería" },
+              { type: "text", text: "Market premium" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={false}
-      title="Una pausa deliciosa en el corazón de El Tigre"
-      description={[
-        "Madero’s Coffee & Market es un espacio creado para disfrutar buenos momentos: desde un café gourmet y un postre especial, hasta una hamburguesa, un helado, unos tragos o productos nacionales e importados para llevar.",
-        "Un lugar cercano, moderno y lleno de sabor.",
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextSplitAbout
+            useInvertedBackground={false}
+            title="Una pausa deliciosa en el corazón de El Tigre"
+            description={[
+              "Madero’s Coffee & Market es un espacio creado para disfrutar buenos momentos: desde un café gourmet y un postre especial, hasta una hamburguesa, un helado, unos tragos o productos nacionales e importados para llevar.",              "Un lugar cercano, moderno y lleno de sabor."]}
+          />
+        </div>
 
-  <div id="menu" data-section="menu">
-      <FeatureCardNine
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "Café Gourmet",
-          description: "Café de especialidad.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-art-table_1232-2739.jpg",
-            imageAlt: "Coffee",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/girl-having-glass-coffee_23-2148178351.jpg",
-            imageAlt: "Coffee 2",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-grey-eating_23-2147970531.jpg",
-          imageAlt: "gourmet latte art coffee",
-        },
-        {
-          title: "Postres",
-          description: "Dulces y delicias.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/slice-yummy-cake-white-plate-high-quality-photo_114579-78041.jpg",
-            imageAlt: "Dessert",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/front-view-dessert-profiteroles-with-chocolate-icing-grated-nuts_141793-4685.jpg",
-            imageAlt: "Dessert 2",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-having-good-time_23-2148395387.jpg",
-          imageAlt: "gourmet latte art coffee",
-        },
-        {
-          title: "Hamburguesas",
-          description: "Jugosas y especiales.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/beef-burger-meat-lettuce-tomato-cheese-french-fries-side-view_141793-3523.jpg",
-            imageAlt: "Burger",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/different-asian-dishes-restaurante_23-2148195601.jpg",
-            imageAlt: "Burger 2",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/laugh-is-way-happiness_329181-2893.jpg",
-          imageAlt: "gourmet latte art coffee",
-        },
-      ]}
-      showStepNumbers={false}
-      title="Nuestro Menú"
-      description="Explora nuestras categorías principales."
-    />
-  </div>
+        <div id="menu" data-section="menu">
+          <FeatureCardNine
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            showStepNumbers={false}
+            title="Nuestro Menú"
+            description="Explora nuestras categorías principales."
+            features={[
+              {
+                title: "Café Gourmet",                description: "Café de especialidad.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-art-table_1232-2739.jpg", imageAlt: "Coffee" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/girl-having-glass-coffee_23-2148178351.jpg", imageAlt: "Coffee 2" },
+              },
+              {
+                title: "Postres",                description: "Dulces y delicias.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/slice-yummy-cake-white-plate-high-quality-photo_114579-78041.jpg", imageAlt: "Dessert" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-dessert-profiteroles-with-chocolate-icing-grated-nuts_141793-4685.jpg", imageAlt: "Dessert 2" },
+              },
+              {
+                title: "Hamburguesas",                description: "Jugosas y especiales.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/beef-burger-meat-lettuce-tomato-cheese-french-fries-side-view_141793-3523.jpg", imageAlt: "Burger" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/different-asian-dishes-restaurante_23-2148195601.jpg", imageAlt: "Burger 2" },
+              },
+            ]}
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardFour
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Café Madero’s",
-          price: "Ref. $",
-          variant: "Drink",
-          imageSrc: "http://img.b2bpic.net/free-photo/flavored-coffee-with-cinnamon-whipped-cream_140725-2287.jpg",
-        },
-        {
-          id: "p2",
-          name: "Tiramisu",
-          price: "Ref. $",
-          variant: "Dessert",
-          imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cheesecake-side-view_140725-9106.jpg",
-        },
-        {
-          id: "p3",
-          name: "Hamburguesa",
-          price: "Ref. $",
-          variant: "Food",
-          imageSrc: "http://img.b2bpic.net/free-photo/pre-prepared-food-showcasing-ready-eat-delicious-meals-go_23-2151246066.jpg",
-        },
-        {
-          id: "p4",
-          name: "Hot Dog",
-          price: "Ref. $",
-          variant: "Food",
-          imageSrc: "http://img.b2bpic.net/free-photo/classic-hot-dog-with-ketchup-mustard-sauce-isolated-white-background_123827-29686.jpg",
-        },
-        {
-          id: "p5",
-          name: "Papas Fritas",
-          price: "Ref. $",
-          variant: "Sides",
-          imageSrc: "http://img.b2bpic.net/free-photo/blue-box-french-fries-with-ketchup_23-2148272965.jpg",
-        },
-        {
-          id: "p6",
-          name: "Cóctel",
-          price: "Ref. $",
-          variant: "Drink",
-          imageSrc: "http://img.b2bpic.net/free-photo/pink-cocktail-tall-glass-against-green-background_1308-189759.jpg",
-        },
-      ]}
-      title="Favoritos de la casa"
-      description="Lo mejor de nuestra cocina."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardFour
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            animationType="slide-up"
+            products={[
+              { id: "p1", name: "Café Madero’s", price: "Ref. $", variant: "Drink", imageSrc: "http://img.b2bpic.net/free-photo/flavored-coffee-with-cinnamon-whipped-cream_140725-2287.jpg" },
+              { id: "p2", name: "Tiramisu", price: "Ref. $", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cheesecake-side-view_140725-9106.jpg" },
+              { id: "p3", name: "Hamburguesa", price: "Ref. $", variant: "Food", imageSrc: "http://img.b2bpic.net/free-photo/pre-prepared-food-showcasing-ready-eat-delicious-meals-go_23-2151246066.jpg" },
+              { id: "p4", name: "Hot Dog", price: "Ref. $", variant: "Food", imageSrc: "http://img.b2bpic.net/free-photo/classic-hot-dog-with-ketchup-mustard-sauce-isolated-white-background_123827-29686.jpg" },
+              { id: "p5", name: "Papas Fritas", price: "Ref. $", variant: "Sides", imageSrc: "http://img.b2bpic.net/free-photo/blue-box-french-fries-with-ketchup_23-2148272965.jpg" },
+              { id: "p6", name: "Cóctel", price: "Ref. $", variant: "Drink", imageSrc: "http://img.b2bpic.net/free-photo/pink-cocktail-tall-glass-against-green-background_1308-189759.jpg" },
+            ]}
+            title="Favoritos de la casa"
+            description="Lo mejor de nuestra cocina."
+          />
+        </div>
 
-  <div id="experience" data-section="experience">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          value: "☕",
-          title: "Café",
-          description: "Para un café y un postre",
-          icon: Coffee,
-        },
-        {
-          id: "m2",
-          value: "🍔",
-          title: "Comida",
-          description: "Para comer algo rico",
-          icon: Utensils,
-        },
-        {
-          id: "m3",
-          value: "✨",
-          title: "Celebración",
-          description: "Para compartir momentos",
-          icon: Sparkles,
-        },
-      ]}
-      title="Más que comer: venir a Madero’s es compartir"
-      description="Momentos para celebrar."
-    />
-  </div>
+        <div id="experience" data-section="experience">
+          <MetricCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={true}
+            metrics={[
+              { id: "m1", value: "☕", title: "Café", description: "Para un café y un postre", icon: Coffee },
+              { id: "m2", value: "🍔", title: "Comida", description: "Para comer algo rico", icon: Utensils },
+              { id: "m3", value: "✨", title: "Celebración", description: "Para compartir momentos", icon: Sparkles },
+            ]}
+            title="Más que comer: venir a Madero’s es compartir"
+            description="Momentos para celebrar."
+          />
+        </div>
 
-  <div id="market" data-section="market">
-      <TextSplitAbout
-      useInvertedBackground={false}
-      title="Productos especiales para llevar"
-      description={[
-        "Encuentra productos nacionales e importados de la mejor calidad. Antojos, regalos y todo lo necesario para tu despensa premium.",
-      ]}
-    />
-  </div>
+        <div id="market" data-section="market">
+          <TextSplitAbout
+            useInvertedBackground={false}
+            title="Productos especiales para llevar"
+            description={[
+              "Encuentra productos nacionales e importados de la mejor calidad. Antojos, regalos y todo lo necesario para tu despensa premium."]}
+          />
+        </div>
 
-  <div id="promos" data-section="promos">
-      <PricingCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      plans={[
-        {
-          id: "promo1",
-          badge: "Semanal",
-          price: "Combo Madero’s",
-          subtitle: "Burger + Papas + Bebida",
-          features: [
-            "Sabor exclusivo",
-            "Porción generosa",
-          ],
-          buttons: [
-            {
-              text: "Ver más",
-            },
-          ],
-        },
-        {
-          id: "promo2",
-          badge: "Especial",
-          price: "Happy Hour",
-          subtitle: "Descuentos en tragos",
-          features: [
-            "Cócteles premium",
-            "Ambiente único",
-          ],
-          buttons: [
-            {
-              text: "Ver más",
-            },
-          ],
-        },
-        {
-          id: "promo3",
-          badge: "Dulce",
-          price: "Promo Postres",
-          subtitle: "2x1 los jueves",
-          features: [
-            "Tiramisu",
-            "Helados",
-          ],
-          buttons: [
-            {
-              text: "Ver más",
-            },
-          ],
-        },
-      ]}
-      title="Promos y Momentos"
-      description="Weekly offers for you."
-    />
-  </div>
+        <div id="promos" data-section="promos">
+          <PricingCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            plans={[
+              { id: "promo1", badge: "Semanal", price: "Combo Madero’s", subtitle: "Burger + Papas + Bebida", features: ["Sabor exclusivo", "Porción generosa"], buttons: [{ text: "Ver más" }] },
+              { id: "promo2", badge: "Especial", price: "Happy Hour", subtitle: "Descuentos en tragos", features: ["Cócteles premium", "Ambiente único"], buttons: [{ text: "Ver más" }] },
+              { id: "promo3", badge: "Dulce", price: "Promo Postres", subtitle: "2x1 los jueves", features: ["Tiramisu", "Helados"], buttons: [{ text: "Ver más" }] },
+            ]}
+            title="Promos y Momentos"
+            description="Weekly offers for you."
+          />
+        </div>
 
-  <div id="instagram" data-section="instagram">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={true}
-      names={[
-        "@maderoscoffee",
-        "@maderosmarket",
-        "@tigre",
-        "@cafe",
-        "@comida",
-        "@postres",
-        "@momentos",
-      ]}
-      title="Síguenos en Instagram"
-      description="Descubre nuevos platos y momentos."
-    />
-  </div>
+        <div id="instagram" data-section="instagram">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={true}
+            names={["@maderoscoffee", "@maderosmarket", "@tigre", "@cafe", "@comida", "@postres", "@momentos"]}
+            title="Síguenos en Instagram"
+            description="Descubre nuevos platos y momentos."
+          />
+        </div>
 
-  <div id="location" data-section="location">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Ubicación"
-      title="Visítanos en El Tigre"
-      description="Dirección: Av. Principal, El Tigre, Anzoátegui. ¡Te esperamos!"
-    />
-  </div>
+        <div id="location" data-section="location">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Ubicación"
+            title="Visítanos en El Tigre"
+            description="Dirección: Av. Principal, El Tigre, Anzoátegui. ¡Te esperamos!"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/dreamy-stylish-girl-with-blonde-hair-pink-lips-sitting-coffee-shop-with-wooden-chairs-table-she-holds-cup-cofee-touches-her-hair_197531-102.jpg"
-      logoText="Madero's"
-      columns={[
-        {
-          title: "Enlaces",
-          items: [
-            {
-              label: "Inicio",
-              href: "/",
-            },
-            {
-              label: "Menú",
-              href: "#menu",
-            },
-          ],
-        },
-        {
-          title: "Contacto",
-          items: [
-            {
-              label: "WhatsApp",
-              href: "https://wa.me/58...",
-            },
-            {
-              label: "Instagram",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/dreamy-stylish-girl-with-blonde-hair-pink-lips-sitting-coffee-shop-with-wooden-chairs-table-she-holds-cup-cofee-touches-her-hair_197531-102.jpg"
+            logoText="Madero's"
+            columns={[
+              { title: "Enlaces", items: [{ label: "Inicio", href: "/" }, { label: "Menú", href: "#menu" }] },
+              { title: "Contacto", items: [{ label: "WhatsApp", href: "https://wa.me/58..." }, { label: "Instagram", href: "#" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1