bender/c6069e8e-b85d-4f3a-9b8a-6dbf9fd01a42
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
...
pull from: bender:version_2
Branches Tags
bender:main bender:version_2 bender:version_1

2 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
4acb81aca9 Update src/app/page.tsx 2026-04-08 10:42:03 +00:00
bender
135ccb3f5b Merge version_1 into main 
Merge version_1 into main
 2026-04-08 10:10:35 +00:00
1 changed files with 94 additions and 277 deletions
Expand all files Collapse all files

371
src/app/page.tsx
View File

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