132 lines
7.0 KiB
TypeScript
132 lines
7.0 KiB
TypeScript
"use client";
|
|
|
|
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';
|
|
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
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"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="none"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
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="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="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="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="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="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="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="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Bar Bugalú"
|
|
leftLink={{ text: "Contacto", href: "#contact" }}
|
|
rightLink={{ text: "Privacidad", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |