190 lines
12 KiB
TypeScript
190 lines
12 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import { PartyPopper, Zap, Music } from "lucide-react";
|
||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="shift-hover"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="pill"
|
||
contentWidth="mediumSmall"
|
||
sizing="mediumSizeLargeTitles"
|
||
background="aurora"
|
||
cardStyle="glass-depth"
|
||
primaryButtonStyle="gradient"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="medium"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{ name: "Начало", id: "hero" },
|
||
{ name: "Меню", id: "menu" },
|
||
{ name: "Атмосфера", id: "about" },
|
||
{ name: "Галерия", id: "/gallery" },
|
||
{ name: "Контакти", id: "contact" }
|
||
]}
|
||
brandName="La Habana Beach"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroOverlayTestimonial
|
||
title="Твоето лятно бягство в Поморие"
|
||
description="Коктейли, морски вайб, залези и незабравими моменти в La Habana Beach."
|
||
testimonials={[
|
||
{ name: "Maria Ivanova", handle: "@maria", testimonial: "Страхотна атмосфера и уникални коктейли!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/three-friends-enjoying-burgers-while-beach-together_23-2148666656.jpg" },
|
||
{ name: "Ivan Petrov", handle: "@ivan", testimonial: "Перфектно място за релакс на плажа.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-women-have-meeting-outdoor-cafeteria-clink-glasses-with-cold-cocktails-look-each-other-with-positive-expressions-pretty-relaxed-females-relax-party-have-fun-together_273609-3292.jpg" },
|
||
{ name: "Elena D.", handle: "@elena", testimonial: "Най-добрият залез в града!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/landscape-resort-holiday-pool-tropical_1203-5202.jpg" },
|
||
{ name: "Georgi K.", handle: "@georgik", testimonial: "Музиката е топ, коктейлите са освежаващи.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/tropical-lifestyle-umbrella-outdoor-beach_1203-4747.jpg" },
|
||
{ name: "Sofia R.", handle: "@sofiar", testimonial: "Магическо място за летните вечери.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/coconut-still-life_23-2151526768.jpg" }
|
||
]}
|
||
buttons={[{ text: "Резервирай", href: "#contact" }, { text: "Виж меню", href: "#menu" }]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/water-twilight-coconut-sunset-swimming_1203-5155.jpg"
|
||
avatars={[
|
||
{ src: "http://img.b2bpic.net/free-photo/beautiful-outdoor-view-with-umbrella_74190-6854.jpg", alt: "Guest 1" },
|
||
{ src: "http://img.b2bpic.net/free-photo/charming-lady-boater-green-dress-poses-great-mood-near-olive-tree-pool-white-building_197531-24120.jpg", alt: "Guest 2" },
|
||
{ src: "http://img.b2bpic.net/free-photo/person-drinking-hibiscus-tea-beverage_52683-102974.jpg", alt: "Guest 3" },
|
||
{ src: "http://img.b2bpic.net/free-photo/oldies-having-fun-beach_23-2149618426.jpg", alt: "Guest 4" },
|
||
{ src: "http://img.b2bpic.net/free-photo/happy-brunette-woman-hat-green-dress-sits-white-fence-smiles-pretty-shorthaired-lady-boater-poses-good-mood-near-olive-tree-pool_197531-29926.jpg", alt: "Guest 5" }
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<SplitAbout
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
title="La Habana Beach - Повече от просто бар"
|
||
description="Изживей магията на лятото с нашия уникален дизайн, вдъхновен от тропическия рай и средиземноморския стил."
|
||
bulletPoints={[
|
||
{ title: "Pet Friendly", description: "Вземи своя любимец с теб!" },
|
||
{ title: "Sunset Vibes", description: "Най-добрата гледка към залеза в Поморие." },
|
||
{ title: "Premium Обслужване", description: "За нас ти си на първо място." }
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176104.jpg"
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<FeatureCardTwentyFour
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
features={[
|
||
{ id: "f1", title: "Signature Cocktails", author: "La Habana", description: "Уникални авторски коктейли, приготвени с много любов.", tags: ["коктейли", "освежаване"], videoSrc: "https://www.youtube.com/watch?v=dQw4w9WgXcQ&_wi=1" },
|
||
{ id: "f2", title: "Relax Zone", author: "La Habana", description: "Удобни шезлонги и чадъри за твоя комфорт.", tags: ["релакс", "комфорт"], videoSrc: "https://www.youtube.com/watch?v=dQw4w9WgXcQ&_wi=2" },
|
||
{ id: "f3", title: "DJ Evenings", author: "La Habana", description: "Незабравими парти вечери с топ DJ-и.", tags: ["парти", "музика"], videoSrc: "https://www.youtube.com/watch?v=dQw4w9WgXcQ&_wi=3" }
|
||
]}
|
||
title="Beach Experience"
|
||
description="Потопи се в нашето меню и атмосфера."
|
||
/>
|
||
</div>
|
||
|
||
<div id="gallery" data-section="gallery">
|
||
<ProductCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="bento-grid"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{ id: "p1", name: "Tropical Breeze", price: "12.00 лв", imageSrc: "http://img.b2bpic.net/free-photo/water-white-beverage-drink-party_1203-5572.jpg" },
|
||
{ id: "p2", name: "Mojito Classic", price: "10.00 лв", imageSrc: "http://img.b2bpic.net/free-photo/iced-drinking-cocktails-glass_1203-9892.jpg" },
|
||
{ id: "p3", name: "Sunset Orange", price: "14.00 лв", imageSrc: "http://img.b2bpic.net/free-photo/summer-time-vibes-image-vacation-rest-summer-days_185193-110213.jpg" },
|
||
{ id: "p4", name: "Piña Colada", price: "13.00 лв", imageSrc: "http://img.b2bpic.net/free-photo/beach-background-with-pink-cocktail-watermelon_23-2147837370.jpg" },
|
||
{ id: "p5", name: "Strawberry Daiquiri", price: "12.00 лв", imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-hipster-girls-trendy-summer-clothes-panama-hat_158538-378.jpg" },
|
||
{ id: "p6", name: "Blue Lagoon", price: "11.00 лв", imageSrc: "http://img.b2bpic.net/free-photo/glass-fresh-blue-drink-with-straw-sliced-lime_23-2148145445.jpg" }
|
||
]}
|
||
title="Нашите Топ Коктейли"
|
||
description="Опитай най-доброто от нашето меню."
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
metrics={[
|
||
{ id: "m1", title: "Щастливи гости", value: "5000+", icon: PartyPopper },
|
||
{ id: "m2", title: "Коктейла месечно", value: "1200+", icon: Zap },
|
||
{ id: "m3", title: "Часа музика", value: "300+", icon: Music }
|
||
]}
|
||
title="Защо La Habana?"
|
||
description="Статистика, която говори сама за себе си."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardThirteen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{ id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "Страхотна атмосфера!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-drinking-coconut-milk-by-pool-vacation_23-2149369701.jpg" },
|
||
{ id: "t2", name: "Michael B.", handle: "@michaelb", testimonial: "Уникални коктейли!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-with-doughnut-shaped-swimming-circle-by-sea-concept-leisure-entertainment-vacation_169016-9963.jpg" },
|
||
{ id: "t3", name: "Emily R.", handle: "@emilyr", testimonial: "Перфектно обслужване.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-women-have-pleasant-talk-while-meet-summer-party-drink-alcoholic-cocktails-rejoice-having-vacation-day-off-look-with-glad-expression-each-other-people-leisure-time-concept_273609-3291.jpg" },
|
||
{ id: "t4", name: "David K.", handle: "@davidk", testimonial: "Перфектно място за релакс.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-laughing-holding-guitar_23-2148504909.jpg" },
|
||
{ id: "t5", name: "Anna P.", handle: "@annap", testimonial: "Бар директно на плажа!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-tanned-woman-laughing-beach_1140-94.jpg" }
|
||
]}
|
||
showRating={true}
|
||
title="Какво казват клиентите ни"
|
||
description="Твоите впечатления са нашата мотивация."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitText
|
||
useInvertedBackground={true}
|
||
faqs={[
|
||
{ id: "q1", title: "Работите ли с домашни любимци?", content: "Да, La Habana е pet-friendly място." },
|
||
{ id: "q2", title: "Как мога да направя резервация?", content: "Можете да се свържете с нас през формата за контакти." },
|
||
{ id: "q3", title: "Имате ли музика на живо?", content: "Да, организираме редовно DJ събития." }
|
||
]}
|
||
sideTitle="Често задавани въпроси"
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplit
|
||
useInvertedBackground={false}
|
||
background={{ variant: "gradient-bars" }}
|
||
title="Резервирай своето място"
|
||
description="Очакваме те на брега на морето!"
|
||
imageSrc="http://img.b2bpic.net/free-photo/miami-bayside-marketplace_23-2151599513.jpg"
|
||
inputPlaceholder="Твоят имейл адрес"
|
||
buttonText="Изпрати"
|
||
tag="Контакти"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
logoText="La Habana Beach"
|
||
columns={[
|
||
{ title: "Навигация", items: [{ label: "Начало", href: "#hero" }, { label: "Меню", href: "#menu" }] },
|
||
{ title: "Контакти", items: [{ label: "0888 123 456", href: "tel:0888123456" }, { label: "Поморие, България", href: "#" }] }
|
||
]}
|
||
copyrightText="© 2025 La Habana Beach. Всички права запазени."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|