Files
b8b988f0-2b2c-4f80-a561-57c…/src/app/page.tsx
2026-05-11 21:01:58 +00:00

190 lines
12 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
"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>
);
}