Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| d00d4de620 | |||
| 1b02530640 |
371
src/app/page.tsx
371
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>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user