231 lines
14 KiB
TypeScript
231 lines
14 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||
import { Coffee, Droplets, Facebook, Instagram, Moon, Sun, Users, Utensils, Waves, Wifi, BedDouble } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-magnetic"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="soft"
|
||
contentWidth="smallMedium"
|
||
sizing="largeSmallSizeLargeTitles"
|
||
background="circleGradient"
|
||
cardStyle="solid"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="bold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
navItems={[
|
||
{
|
||
name: "Начало", id: "hero"},
|
||
{
|
||
name: "За нас", id: "about"},
|
||
{
|
||
name: "Преживявания", id: "features"},
|
||
{
|
||
name: "Отзиви", id: "testimonials"},
|
||
{
|
||
name: "Контакти", id: "contact"},
|
||
]}
|
||
brandName="Panorama VIEW"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardScroll
|
||
background={{
|
||
variant: "gradient-bars"}}
|
||
title="Планинско спокойствие, среща с автентично българско гостоприемство"
|
||
description="Избягайте от градския хаос в Panorama VIEW. Нашата семейна къща за гости предлага уютни стаи, спиращи дъха гледки и истинско гостоприемство, сгушени в девствената планинска природа на България."
|
||
buttons={[
|
||
{
|
||
text: "Резервирайте Вашето спокойно бягство", href: "#contact"},
|
||
]}
|
||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DODcXCvI5F6OZMLNHyoogeJxsl/uploaded-1778144341752-j0q2hqtr.png"
|
||
imageAlt="Къща за гости Panorama VIEW с басейн и изглед към планината"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<SplitAbout
|
||
textboxLayout="split"
|
||
useInvertedBackground={true}
|
||
title="Дом далеч от дома"
|
||
description="Panorama VIEW не е просто място за спане; това е семейно убежище, посветено на запазването на автентичното гостоприемство. Приветстваме двойки и семейства, които копнеят за спокойни моменти, чист въздух и лечебната красота на нашия български планински дом."
|
||
bulletPoints={[
|
||
{
|
||
title: "Истинско гостоприемство", description: "Усетете семейната топлина и личната грижа във всеки детайл."},
|
||
{
|
||
title: "Спиращи дъха гледки", description: "Панорамни планински гледки от всяка стая, от сутрин до вечер."},
|
||
{
|
||
title: "Пълно потапяне в природата", description: "Автентичен планински живот далеч от комерсиалния туристически поток."},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/long-shot-facade-cabin-alpe-d-huez-ski-resort-french-alps-sunrise_181624-27236.jpg"
|
||
imageAlt="Фасада на къща за гости Panorama VIEW и околностите"
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardTen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Освежаващо блаженство край басейна", description: "Потопете се в нашия кристално чист басейн, разположен така, че да улови величието на околните върхове.", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7875.jpg", imageAlt: "Открит плувен басейн в Panorama VIEW"},
|
||
items: [
|
||
{
|
||
icon: Waves,
|
||
text: "Панорамен планински фон"},
|
||
{
|
||
icon: Sun,
|
||
text: "Релаксиращи шезлонги"},
|
||
{
|
||
icon: Droplets,
|
||
text: "Филтрирана вода"},
|
||
],
|
||
reverse: false,
|
||
},
|
||
{
|
||
title: "Автентична трапезария на терасата", description: "Насладете се на местни продукти под нашата покрита с лози пергола - сърцето на нашата къща за гости.", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/chair-table-terrace-restaurant-with-sea-view_1339-7115.jpg", imageAlt: "Трапезария на терасата под лози"},
|
||
items: [
|
||
{
|
||
icon: Utensils,
|
||
text: "Автентична българска кухня"},
|
||
{
|
||
icon: Coffee,
|
||
text: "Сутрешна закуска при изгрев"},
|
||
{
|
||
icon: Users,
|
||
text: "Социално пространство за семейни вечери"},
|
||
],
|
||
reverse: true,
|
||
},
|
||
{
|
||
title: "Уютни планински стаи", description: "Починете си спокойно в нашите стаи, проектирани с мисъл за съчетаване на селски планински чар и съвременен комфорт.", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/modern-clean-interior-design_23-2151929377.jpg", imageAlt: "Интериор на стая за гости"},
|
||
items: [
|
||
{
|
||
icon: Moon,
|
||
text: "Тихи нощи сред природата"},
|
||
{
|
||
icon: BedDouble,
|
||
text: "Висококачествено спално бельо"},
|
||
{
|
||
icon: Wifi,
|
||
text: "Надеждна интернет връзка"},
|
||
],
|
||
reverse: false,
|
||
},
|
||
]}
|
||
title="Незабравими преживявания за гостите"
|
||
description="От сутрешно плуване до вечерни гледки - разгледайте какво прави престоя в Panorama VIEW толкова специален."
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="uniform-all-items-equal"
|
||
useInvertedBackground={true}
|
||
metrics={[
|
||
{
|
||
id: "m1", value: "100%", description: "Автентично българско гостоприемство"},
|
||
{
|
||
id: "m2", value: "360°", description: "Панорамни природни гледки"},
|
||
{
|
||
id: "m3", value: "12+", description: "Години споделени спомени"},
|
||
]}
|
||
title="Обещанието Panorama"
|
||
description="Числа, отразяващи нашия ангажимент към вашето спокойно преживяване."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFive
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "t1", name: "Елена Димитрова", date: "Юли 2024", title: "Спокойно семейно бягство", quote: "Чувствахме се като у дома. Планинските гледки от масата за закуска са невероятни.", tag: "Семейство", avatarSrc: "http://img.b2bpic.net/free-photo/young-family-enjoying-trips_23-2149176483.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-sitting-rock-canyon-smiling-drinking-tea_176420-4238.jpg"},
|
||
{
|
||
id: "t2", name: "Марк Стивънс", date: "Август 2024", title: "Невероятно обслужване", quote: "Гостоприемството на домакините е несравнимо. Толкова тихо, красиво и освежаващо изживяване.", tag: "Индивидуален турист", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-people-socializing_23-2149454351.jpg", imageSrc: "http://img.b2bpic.net/free-photo/traveler-stands-alone-edge-towering-mountain-range_482257-117933.jpg"},
|
||
{
|
||
id: "t3", name: "Сара Милър", date: "Септември 2024", title: "Най-добрата гледка в България!", quote: "Перфектно чисто, топла атмосфера и невероятни природни пейзажи.", tag: "Двойка", avatarSrc: "http://img.b2bpic.net/free-photo/four-friends-have-rest-forest_1157-24373.jpg", imageSrc: "http://img.b2bpic.net/free-photo/holding-mum-love-young-kid_1157-2612.jpg"},
|
||
{
|
||
id: "t4", name: "Иван Попов", date: "Октомври 2024", title: "Релаксация в най-добрата ѝ форма", quote: "Прекрасен персонал и много успокояваща зона около басейна. Силно препоръчвам.", tag: "Природолюбител", avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-hipster-couple-love-walking-by-river-wild-nature-winter-vacation_285396-2033.jpg", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-cabin-forest-surrounded-by-lot-green-trees-norway_181624-13703.jpg"},
|
||
{
|
||
id: "t5", name: "Клои Бенет", date: "Ноември 2024", title: "Очарователна къща за гости", quote: "Местната българска храна, сервирана под лозите, беше абсолютният акцент.", tag: "Пътешественик", avatarSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-her-vacation-beach_53876-105540.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-hat-sunglasses_23-2148442109.jpg"},
|
||
]}
|
||
title="Гласове от нашите гости"
|
||
description="Чуйте как Panorama VIEW докосна сърцата на нашите посетители."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitText
|
||
useInvertedBackground={true}
|
||
faqs={[
|
||
{
|
||
id: "f1", title: "Какви опции за хранене се предлагат?", content: "Предлагаме автентична българска закуска и традиционни вечери, приготвени с пресни съставки, сервирани директно на нашата тераса."},
|
||
{
|
||
id: "f2", title: "Винаги ли е отворена зоната около басейна?", content: "Плувният басейн е отворен сезонно от юни до септември за ваше удоволствие."},
|
||
{
|
||
id: "f3", title: "Колко далеч е най-близкият град?", content: "Сгушени сме в природата, но само на 20 минути от местни магазини и автентични планински забавления."},
|
||
]}
|
||
sideTitle="Вашето посещение - опростено"
|
||
sideDescription="Всичко, което трябва да знаете, за да планирате бягството си в Panorama VIEW."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCenter
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "gradient-bars"}}
|
||
tag="Резервации"
|
||
title="Започнете вашето планинско бягство"
|
||
description="Готови ли сте да замените градския шум с песен на птици и планински гледки? Свържете се с нас, за да проверите наличността."
|
||
inputPlaceholder="Въведете вашия имейл за резервации..."
|
||
buttonText="Запитване за резервация"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterCard
|
||
logoText="Panorama VIEW"
|
||
copyrightText="© 2025 Panorama VIEW | Всички права запазени"
|
||
socialLinks={[
|
||
{
|
||
icon: Instagram,
|
||
href: "#", ariaLabel: "Instagram"},
|
||
{
|
||
icon: Facebook,
|
||
href: "#", ariaLabel: "Facebook"},
|
||
]}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |