Switch to version 1: modified src/app/page.tsx

Merge version_2 into main

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">
+  <div id="nav" data-section="nav">
-            <NavbarStyleCentered
+      <NavbarStyleCentered
-              navItems={[
+      navItems={[
-                { name: "Inicio", id: "hero" },
+        {
-                { name: "Por Qué Bugalú", id: "about" },
+          name: "Inicio",
-                { name: "Carta", id: "menu" },
+          id: "hero",
-                { name: "Ubicación", id: "contact" },
+        },
-              ]}
+        {
-              brandName="Bar Bugalú"
+          name: "Por Qué Bugalú",
-            />
+          id: "about",
-        </div>
+        },
+        {
+          name: "Carta",
+          id: "menu",
+        },
+        {
+          name: "Ubicación",
+          id: "contact",
+        },
+      ]}
+      brandName="Bar Bugalú"
+    />
+  </div>
 
-        <div id="hero" data-section="hero">
+  <div id="hero" data-section="hero">
-            <HeroOverlayTestimonial
+      <HeroOverlayTestimonial
-              title="El bar donde siempre acaba la noche en El Puerto"
+      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."
+      description="Cervezas frías, tapas increíbles y un ambiente que engancha desde la primera ronda."
-              buttons={[venEstaNoche]}
+      testimonials={[
-              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: "Álvaro M.",
-                { 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" }
+          handle: "@alvarom",
-              ]}
+          testimonial: "El punto de encuentro para todas las edades. Siempre lleno.",
-              imageSrc="http://img.b2bpic.net/free-photo/crunchy-fried-shrimp-served-top-shot-glasses-filled-with-sauces_140725-6608.jpg?_wi=1"
+          rating: 5,
-            />
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-wine-glass-night-club_23-2148037554.jpg?_wi=1",
-        </div>
+        },
+        {
+          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">
+  <div id="about" data-section="about">
-            <MetricSplitMediaAbout
+      <MetricSplitMediaAbout
-              title="Auténtico ambiente local"
+      useInvertedBackground={false}
-              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."
+      title="¿Por qué todo el mundo acaba aquí?"
-              metrics={[{ value: "Diario", title: "Siempre lleno" }, { value: "Local", title: "Ambiente único" }]}
+      description="Vienes una vez… y vuelves. Disfruta de un ambiente local, auténtico y con vida propia."
-              imageSrc="http://img.b2bpic.net/free-photo/close-up-friends-sitting-with-beer_23-2148872464.jpg"
+      metrics={[
-            />
+        {
-        </div>
+          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">
+  <div id="menu" data-section="menu">
-            <ProductCardFour
+      <ProductCardFour
-              title="Nuestra Carta Estrella"
+      animationType="slide-up"
-              description="Lo que pides, repites y recomiendas."
+      textboxLayout="split"
-              products={[
+      gridVariant="one-large-left-three-stacked-right"
-                { 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" },
+      useInvertedBackground={false}
-                { 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" }
+      products={[
-              ]}
+        {
-              buttons={[venEstaNoche]}
+          id: "p1",
-              textboxLayout="split"
+          name: "Cerveza Bien Tirada",
-              gridVariant="two-columns-alternating-heights"
+          price: "Fría y barata",
-              animationType="slide-up"
+          variant: "Imprescindible",
-              useInvertedBackground={false}
+          imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-fun-cinema-open-air_23-2149477106.jpg?_wi=1",
-            />
+        },
-        </div>
+        {
+          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">
+  <div id="testimonials" data-section="testimonials">
-            <TestimonialCardSix
+      <TestimonialCardSix
-              title="Lo que dicen nuestros habituales"
+      animationType="slide-up"
-              description="Gente real, noches inolvidables."
+      textboxLayout="split"
-              textboxLayout="split"
+      useInvertedBackground={false}
-              animationType="slide-up"
+      testimonials={[
-              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: "1",
-                { 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" }
+          name: "Javier R.",
-              ]}
+          handle: "@javierr",
-            />
+          testimonial: "Siempre lleno… eso quiere decir que funciona bien.",
-        </div>
+          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">
+  <div id="urgency" data-section="urgency">
-            <FeatureCardTwentyNine
+      <FeatureCardTwentyNine
-              title="¡No te quedes fuera!"
+      animationType="slide-up"
-              description="Bar Bugalú es el punto de encuentro número uno. Evita las esperas y asegúrate tu sitio llegando temprano."
+      textboxLayout="split"
-              features={[
+      gridVariant="three-columns-all-equal-width"
-                { 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" },
+      useInvertedBackground={false}
-                { 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" }
+      features={[
-              ]}
+        {
-              buttons={[venEstaNoche]}
+          title: "Sitio pequeño",
-              textboxLayout="split"
+          description: "Reserva el espacio en tu agenda llegando pronto.",
-              gridVariant="two-columns-alternating-heights"
+          imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-fun-cinema-open-air_23-2149477106.jpg?_wi=7",
-              animationType="slide-up"
+          titleIconSrc: "Clock",
-            />
+          buttonText: "Ven Hoy",
-        </div>
+        },
+        {
+          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">
+  <div id="contact" data-section="contact">
-            <ContactSplit
+      <ContactSplit
-              tag="Visítanos"
+      useInvertedBackground={false}
-              title="¿Dónde encontrarnos?"
+      background={{
-              description="En pleno centro del Puerto de Santa María. Te esperamos para compartir una ronda."
+        variant: "plain",
-              buttonText="Cómo llegar"
+      }}
-              background={{ variant: "animated-grid" }}
+      tag="Google Maps"
-              onSubmit={() => window.open('https://www.google.com/maps/place/Bar+Bugalú', '_blank')}
+      title="Estás a un paso"
-              imageSrc="http://img.b2bpic.net/free-photo/crunchy-fried-shrimp-served-top-shot-glasses-filled-with-sauces_140725-6608.jpg?_wi=2"
+      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"
-        </div>
+      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">
+  <div id="footer" data-section="footer">
-            <FooterLogoReveal
+      <FooterLogoReveal
-              logoText="Bar Bugalú"
+      logoText="Bar Bugalú"
-              leftLink={{ text: "Contacto", href: "#contact" }}
+      leftLink={{
-              rightLink={{ text: "Privacidad", href: "#" }}
+        text: "Contacto",
-            />
+        href: "#contact",
-        </div>
+      }}
+      rightLink={{
+        text: "Privacidad",
+        href: "#",
+      }}
+    />
+  </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}