From d00d4de620e26366c892416c2c74426b30b078a0 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 8 Apr 2026 10:42:43 +0000
Subject: [PATCH] Switch to version 1: modified src/app/page.tsx

---
 src/app/page.tsx | 371 +++++++++++++++++++++++++++++++++++------------
 1 file changed, 277 insertions(+), 94 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4d84f09..35d8969 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,6 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import { Clock, Users, Zap, MapPin } from "lucide-react";
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
@@ -13,8 +12,6 @@ import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 
 export default function LandingPage() {
-  const venEstaNoche = { text: "Ven Esta Noche", href: "#contact" };
-  
   return (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
@@ -29,104 +26,290 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-        <div id="nav" data-section="nav">
-            <NavbarStyleCentered
-              navItems={[
-                { name: "Inicio", id: "hero" },
-                { name: "Por Qué Bugalú", id: "about" },
-                { name: "Carta", id: "menu" },
-                { name: "Ubicación", id: "contact" },
-              ]}
-              brandName="Bar Bugalú"
-            />
-        </div>
+  <div id="nav" data-section="nav">
+      <NavbarStyleCentered
+      navItems={[
+        {
+          name: "Inicio",
+          id: "hero",
+        },
+        {
+          name: "Por Qué Bugalú",
+          id: "about",
+        },
+        {
+          name: "Carta",
+          id: "menu",
+        },
+        {
+          name: "Ubicación",
+          id: "contact",
+        },
+      ]}
+      brandName="Bar Bugalú"
+    />
+  </div>
 
-        <div id="hero" data-section="hero">
-            <HeroOverlayTestimonial
-              title="El bar donde siempre acaba la noche en El Puerto"
-              description="Cervezas frías, tapas increíbles y un ambiente que engancha desde la primera ronda. Tu lugar de referencia te espera."
-              buttons={[venEstaNoche]}
-              testimonials={[
-                { name: "Álvaro M.", handle: "@alvarom", testimonial: "El punto de encuentro para todas las edades. Siempre lleno.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-wine-glass-night-club_23-2148037554.jpg?_wi=1" },
-                { name: "Lucía P.", handle: "@luciap", testimonial: "Tapas riquísimas y precios súper accesibles.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-beer-looking-away_23-2147897166.jpg?_wi=1" }
-              ]}
-              imageSrc="http://img.b2bpic.net/free-photo/crunchy-fried-shrimp-served-top-shot-glasses-filled-with-sauces_140725-6608.jpg?_wi=1"
-            />
-        </div>
+  <div id="hero" data-section="hero">
+      <HeroOverlayTestimonial
+      title="El bar donde siempre acaba la noche en El Puerto"
+      description="Cervezas frías, tapas increíbles y un ambiente que engancha desde la primera ronda."
+      testimonials={[
+        {
+          name: "Álvaro M.",
+          handle: "@alvarom",
+          testimonial: "El punto de encuentro para todas las edades. Siempre lleno.",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-wine-glass-night-club_23-2148037554.jpg?_wi=1",
+        },
+        {
+          name: "Lucía P.",
+          handle: "@luciap",
+          testimonial: "Tapas riquísimas y precios súper accesibles.",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-beer-looking-away_23-2147897166.jpg?_wi=1",
+        },
+        {
+          name: "Javier R.",
+          handle: "@javierr",
+          testimonial: "La atmósfera es inigualable, pura vida.",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-adorable-blue-eyed-female-model-with-hair-knot-wears-overalls-enjoys-drinking-fruit-smoothie-looks-happily-somewhere-while-sits-cozy-restaurant-beautiful-teenage-girl-coffee-shop_273609-3038.jpg?_wi=1",
+        },
+        {
+          name: "María D.",
+          handle: "@mariad",
+          testimonial: "Siempre encuentro sitio si llego pronto.",
+          rating: 4,
+          imageSrc: "http://img.b2bpic.net/free-photo/man-sticking-his-tongue-out-photo_23-2148283881.jpg?_wi=1",
+        },
+        {
+          name: "Carlos G.",
+          handle: "@carlosg",
+          testimonial: "El sitio clave en El Puerto.",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/people-drinking-cocktails_23-2150168850.jpg?_wi=1",
+        },
+      ]}
+      buttons={[
+        {
+          text: "Ven Esta Noche",
+          href: "#contact",
+        },
+      ]}
+      imageSrc="http://img.b2bpic.net/free-photo/crunchy-fried-shrimp-served-top-shot-glasses-filled-with-sauces_140725-6608.jpg?_wi=1"
+      avatars={[
+        {
+          src: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-wine-glass-night-club_23-2148037554.jpg",
+          alt: "Customer 1",
+        },
+        {
+          src: "http://img.b2bpic.net/free-photo/smiling-man-with-beer-looking-away_23-2147897166.jpg",
+          alt: "Customer 2",
+        },
+        {
+          src: "http://img.b2bpic.net/free-photo/portrait-adorable-blue-eyed-female-model-with-hair-knot-wears-overalls-enjoys-drinking-fruit-smoothie-looks-happily-somewhere-while-sits-cozy-restaurant-beautiful-teenage-girl-coffee-shop_273609-3038.jpg",
+          alt: "Customer 3",
+        },
+        {
+          src: "http://img.b2bpic.net/free-photo/man-sticking-his-tongue-out-photo_23-2148283881.jpg",
+          alt: "Customer 4",
+        },
+        {
+          src: "http://img.b2bpic.net/free-photo/people-drinking-cocktails_23-2150168850.jpg",
+          alt: "Customer 5",
+        },
+      ]}
+    />
+  </div>
 
-        <div id="about" data-section="about">
-            <MetricSplitMediaAbout
-              title="Auténtico ambiente local"
-              description="Bugalú no es solo un bar, es el corazón del ocio nocturno en El Puerto de Santa María. Vienes una vez, te quedas para siempre."
-              metrics={[{ value: "Diario", title: "Siempre lleno" }, { value: "Local", title: "Ambiente único" }]}
-              imageSrc="http://img.b2bpic.net/free-photo/close-up-friends-sitting-with-beer_23-2148872464.jpg"
-            />
-        </div>
+  <div id="about" data-section="about">
+      <MetricSplitMediaAbout
+      useInvertedBackground={false}
+      title="¿Por qué todo el mundo acaba aquí?"
+      description="Vienes una vez… y vuelves. Disfruta de un ambiente local, auténtico y con vida propia."
+      metrics={[
+        {
+          value: "A diario",
+          title: "Siempre lleno",
+        },
+        {
+          value: "Local",
+          title: "Ambiente auténtico",
+        },
+      ]}
+      imageSrc="http://img.b2bpic.net/free-photo/close-up-friends-sitting-with-beer_23-2148872464.jpg"
+      mediaAnimation="slide-up"
+      metricsAnimation="slide-up"
+    />
+  </div>
 
-        <div id="menu" data-section="menu">
-            <ProductCardFour
-              title="Nuestra Carta Estrella"
-              description="Lo que pides, repites y recomiendas."
-              products={[
-                { id: "1", name: "Cerveza Bien Tirada", price: "Fría y perfecta", variant: "Clásico", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-fun-cinema-open-air_23-2149477106.jpg?_wi=1" },
-                { id: "2", name: "Montaditos Gourmet", price: "Variedad diaria", variant: "Recomendado", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-fun-cinema-open-air_23-2149477106.jpg?_wi=2" }
-              ]}
-              buttons={[venEstaNoche]}
-              textboxLayout="split"
-              gridVariant="two-columns-alternating-heights"
-              animationType="slide-up"
-              useInvertedBackground={false}
-            />
-        </div>
+  <div id="menu" data-section="menu">
+      <ProductCardFour
+      animationType="slide-up"
+      textboxLayout="split"
+      gridVariant="one-large-left-three-stacked-right"
+      useInvertedBackground={false}
+      products={[
+        {
+          id: "p1",
+          name: "Cerveza Bien Tirada",
+          price: "Fría y barata",
+          variant: "Imprescindible",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-fun-cinema-open-air_23-2149477106.jpg?_wi=1",
+        },
+        {
+          id: "p2",
+          name: "Montaditos Variados",
+          price: "Calidad alta",
+          variant: "Carta corta",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-fun-cinema-open-air_23-2149477106.jpg?_wi=2",
+        },
+        {
+          id: "p3",
+          name: "Tapas Sorpresa",
+          price: "Recién hechas",
+          variant: "Lo más pedido",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-fun-cinema-open-air_23-2149477106.jpg?_wi=3",
+        },
+        {
+          id: "p4",
+          name: "Copas y Chupitos",
+          price: "Para alargar la noche",
+          variant: "Noche",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-fun-cinema-open-air_23-2149477106.jpg?_wi=4",
+        },
+        {
+          id: "p5",
+          name: "Terraza Exclusiva",
+          price: "Ambiente único",
+          variant: "Social",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-fun-cinema-open-air_23-2149477106.jpg?_wi=5",
+        },
+        {
+          id: "p6",
+          name: "Ambiente Local",
+          price: "Gente real",
+          variant: "Experiencia",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-fun-cinema-open-air_23-2149477106.jpg?_wi=6",
+        },
+      ]}
+      title="Lo que vas a pedir (sí o sí)"
+      description="Aquí no vienes a pensar… vienes a disfrutar."
+    />
+  </div>
 
-        <div id="testimonials" data-section="testimonials">
-            <TestimonialCardSix
-              title="Lo que dicen nuestros habituales"
-              description="Gente real, noches inolvidables."
-              textboxLayout="split"
-              animationType="slide-up"
-              testimonials={[
-                { id: "1", name: "Carlos G.", handle: "@carlosg", testimonial: "El sitio clave. Si no vas, no estuviste en el Puerto.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-wine-glass-night-club_23-2148037554.jpg?_wi=2" },
-                { id: "2", name: "Sara L.", handle: "@saral", testimonial: "El mejor ambiente y atención. Pura vida.", imageSrc: "http://img.b2bpic.net/free-photo/people-drinking-cocktails_23-2150168850.jpg?_wi=2" }
-              ]}
-            />
-        </div>
+  <div id="testimonials" data-section="testimonials">
+      <TestimonialCardSix
+      animationType="slide-up"
+      textboxLayout="split"
+      useInvertedBackground={false}
+      testimonials={[
+        {
+          id: "1",
+          name: "Javier R.",
+          handle: "@javierr",
+          testimonial: "Siempre lleno… eso quiere decir que funciona bien.",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-wine-glass-night-club_23-2148037554.jpg?_wi=2",
+        },
+        {
+          id: "2",
+          name: "María D.",
+          handle: "@mariad",
+          testimonial: "Tapas riquísimas y precios súper accesibles.",
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-beer-looking-away_23-2147897166.jpg?_wi=2",
+        },
+        {
+          id: "3",
+          name: "Carlos G.",
+          handle: "@carlosg",
+          testimonial: "Un lugar donde volver sin duda.",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-adorable-blue-eyed-female-model-with-hair-knot-wears-overalls-enjoys-drinking-fruit-smoothie-looks-happily-somewhere-while-sits-cozy-restaurant-beautiful-teenage-girl-coffee-shop_273609-3038.jpg?_wi=2",
+        },
+        {
+          id: "4",
+          name: "Sara L.",
+          handle: "@saral",
+          testimonial: "El punto de encuentro para todas las edades.",
+          imageSrc: "http://img.b2bpic.net/free-photo/man-sticking-his-tongue-out-photo_23-2148283881.jpg?_wi=2",
+        },
+        {
+          id: "5",
+          name: "Pedro M.",
+          handle: "@pedrom",
+          testimonial: "Buen ambiente, buena comida y mejor atención.",
+          imageSrc: "http://img.b2bpic.net/free-photo/people-drinking-cocktails_23-2150168850.jpg?_wi=2",
+        },
+      ]}
+      title="No lo decimos nosotros"
+      description="Nuestros clientes son los que hacen que Bugalú sea el lugar de referencia."
+    />
+  </div>
 
-        <div id="urgency" data-section="urgency">
-            <FeatureCardTwentyNine
-              title="¡No te quedes fuera!"
-              description="Bar Bugalú es el punto de encuentro número uno. Evita las esperas y asegúrate tu sitio llegando temprano."
-              features={[
-                { title: "Sitio limitado", description: "Llega temprano y asegura tu mesa.", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-fun-cinema-open-air_23-2149477106.jpg?_wi=7", titleIconSrc: "Clock", buttonText: "Ven Hoy" },
-                { title: "Alta demanda", description: "El ambiente local más buscado.", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-fun-cinema-open-air_23-2149477106.jpg?_wi=8", titleIconSrc: "Users", buttonText: "Ven Hoy" }
-              ]}
-              buttons={[venEstaNoche]}
-              textboxLayout="split"
-              gridVariant="two-columns-alternating-heights"
-              animationType="slide-up"
-            />
-        </div>
+  <div id="urgency" data-section="urgency">
+      <FeatureCardTwentyNine
+      animationType="slide-up"
+      textboxLayout="split"
+      gridVariant="three-columns-all-equal-width"
+      useInvertedBackground={false}
+      features={[
+        {
+          title: "Sitio pequeño",
+          description: "Reserva el espacio en tu agenda llegando pronto.",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-fun-cinema-open-air_23-2149477106.jpg?_wi=7",
+          titleIconSrc: "Clock",
+          buttonText: "Ven Hoy",
+        },
+        {
+          title: "Muy demandado",
+          description: "Gente local, buen ambiente garantizado.",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-fun-cinema-open-air_23-2149477106.jpg?_wi=8",
+          titleIconSrc: "Users",
+          buttonText: "Ven Hoy",
+        },
+        {
+          title: "Mejor llegar pronto",
+          description: "Evita esperas y disfruta desde el minuto uno.",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-fun-cinema-open-air_23-2149477106.jpg?_wi=9",
+          titleIconSrc: "Zap",
+          buttonText: "Ven Hoy",
+        },
+      ]}
+      title="Si no vienes temprano…"
+      description="Se llena. Siempre. Y cuando se llena… toca esperar."
+    />
+  </div>
 
-        <div id="contact" data-section="contact">
-            <ContactSplit
-              tag="Visítanos"
-              title="¿Dónde encontrarnos?"
-              description="En pleno centro del Puerto de Santa María. Te esperamos para compartir una ronda."
-              buttonText="Cómo llegar"
-              background={{ variant: "animated-grid" }}
-              onSubmit={() => window.open('https://www.google.com/maps/place/Bar+Bugalú', '_blank')}
-              imageSrc="http://img.b2bpic.net/free-photo/crunchy-fried-shrimp-served-top-shot-glasses-filled-with-sauces_140725-6608.jpg?_wi=2"
-            />
-        </div>
+  <div id="contact" data-section="contact">
+      <ContactSplit
+      useInvertedBackground={false}
+      background={{
+        variant: "plain",
+      }}
+      tag="Google Maps"
+      title="Estás a un paso"
+      description="En pleno centro del Puerto de Santa María. Lo ves, entras… y ya no te quieres ir."
+      imageSrc="http://img.b2bpic.net/free-photo/crunchy-fried-shrimp-served-top-shot-glasses-filled-with-sauces_140725-6608.jpg?_wi=2"
+      mediaAnimation="slide-up"
+      buttonText="Cómo llegar"
+      onSubmit={() => window.open('https://www.google.com/maps/place/Bar+Bugalú/@36.5973474,-6.2280855,738m/data=!3m2!1e3!4b1!4m6!3m5!1s0xd0dcfc29784cc91:0xea55628a7493ab50!8m2!3d36.5973431!4d-6.2255106!16s%2Fg%2F11cns76zql', '_blank')}
+    />
+  </div>
 
-        <div id="footer" data-section="footer">
-            <FooterLogoReveal
-              logoText="Bar Bugalú"
-              leftLink={{ text: "Contacto", href: "#contact" }}
-              rightLink={{ text: "Privacidad", href: "#" }}
-            />
-        </div>
+  <div id="footer" data-section="footer">
+      <FooterLogoReveal
+      logoText="Bar Bugalú"
+      leftLink={{
+        text: "Contacto",
+        href: "#contact",
+      }}
+      rightLink={{
+        text: "Privacidad",
+        href: "#",
+      }}
+    />
+  </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}