Merge version_1 into main #1
479
src/app/page.tsx
479
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Target, Users, Trophy } from "lucide-react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
@@ -27,368 +28,138 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Начало",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "За нас",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Цени",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Контакти",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Билярд 147"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Начало", id: "#hero" },
|
||||
{ name: "За нас", id: "#about" },
|
||||
{ name: "Цени", id: "#pricing" },
|
||||
{ name: "Контакти", id: "#contact" },
|
||||
]}
|
||||
brandName="Билярд 147"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Добре дошли в Билярд клуб 147"
|
||||
description="Най-доброто място в Пловдив за професионална игра и социални срещи. Почувствай адреналина на всяко движение."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-elegant-man-with-yellow-balls_23-2148299213.jpg",
|
||||
imageAlt: "Билярдна маса",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-guy-holding-white-pool-ball_23-2148299242.jpg",
|
||||
imageAlt: "Игра на билярд",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bowling-alley-with-neon-lights_23-2151697099.jpg",
|
||||
imageAlt: "Интериор на клуба",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-playing-pool-bar_53876-166972.jpg",
|
||||
imageAlt: "Билярдни топки",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-sexy-girls-white-bathrobe-play-pool-billiards_627829-9615.jpg",
|
||||
imageAlt: "Професионална маса",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unfocused-entry-disco-colors_1208-247.jpg",
|
||||
imageAlt: "Клуб 147",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-friends-looking-woman-playing-snooker-club_23-2148037596.jpg",
|
||||
imageAlt: "Играчи",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bowling-equipment-indoors-still-life_23-2150565729.jpg",
|
||||
imageAlt: "Детайл",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-canvas-textures-surface-background_74190-6372.jpg",
|
||||
imageAlt: "Зелено сукно",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-lamp-decoration-interior-room_74190-327.jpg",
|
||||
imageAlt: "Светлина",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Резервирай маса сега",
|
||||
href: "tel:+359888123456",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
alt: "Посетител 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg",
|
||||
alt: "Посетител 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-student-girl-with-gathered-hair-make-up-relaxing-home-after-lectures-university-attractive-cheerful-young-woman-blue-dress-sitting-comfortable-couch-with-joyful-relaxed-smile_343059-2102.jpg",
|
||||
alt: "Посетител 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-846.jpg",
|
||||
alt: "Посетител 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-beautiful-smiling-woman_23-2148588711.jpg",
|
||||
alt: "Посетител 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Присъединете се към 5000+ доволни клиенти"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Професионални маси",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Турнири всяка седмица",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Уютна атмосфера",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Централна локация",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Свежи напитки",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Добре дошли в Билярд клуб 147"
|
||||
description="Най-доброто място в Пловдив за професионална игра и социални срещи. Почувствай адреналина на всяко движение."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-elegant-man-with-yellow-balls_23-2148299213.jpg", imageAlt: "Билярдна маса" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-guy-holding-white-pool-ball_23-2148299242.jpg", imageAlt: "Игра на билярд" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bowling-alley-with-neon-lights_23-2151697099.jpg", imageAlt: "Интериор на клуба" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-playing-pool-bar_53876-166972.jpg", imageAlt: "Билярдни топки" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/two-sexy-girls-white-bathrobe-play-pool-billiards_627829-9615.jpg", imageAlt: "Професионална маса" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/unfocused-entry-disco-colors_1208-247.jpg", imageAlt: "Клуб 147" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/male-friends-looking-woman-playing-snooker-club_23-2148037596.jpg", imageAlt: "Играчи" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bowling-equipment-indoors-still-life_23-2150565729.jpg", imageAlt: "Детайл" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/green-canvas-textures-surface-background_74190-6372.jpg", imageAlt: "Зелено сукно" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/light-lamp-decoration-interior-room_74190-327.jpg", imageAlt: "Светлина" },
|
||||
]}
|
||||
buttons={[{ text: "Резервирай маса сега", href: "tel:+359888123456" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Повече от просто клуб"
|
||||
description="Билярд клуб 147 е сърцето на билярдната общност в Пловдив. Ние предлагаме професионално оборудване, приятелска атмосфера и идеалното място за почивка след работния ден."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Професионални маси",
|
||||
description: "Играйте на най-добрите маси в региона.",
|
||||
},
|
||||
{
|
||||
title: "Уютна среда",
|
||||
description: "Перфектна за социални срещи и турнири.",
|
||||
},
|
||||
{
|
||||
title: "Централна локация",
|
||||
description: "Намираме се на удобна локация на ул. Радецки.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-woman-playing-pool_107420-84945.jpg"
|
||||
imageAlt="Атмосфера в Билярд 147"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Повече от просто клуб"
|
||||
description="Билярд клуб 147 е сърцето на билярдната общност в Пловдив. Ние предлагаме професионално оборудване, приятелска атмосфера и идеалното място за почивка след работния ден."
|
||||
bulletPoints={[
|
||||
{ title: "Професионални маси", description: "Играйте на най-добрите маси в региона." },
|
||||
{ title: "Уютна среда", description: "Перфектна за социални срещи и турнири." },
|
||||
{ title: "Централна локация", description: "Намираме се на удобна локация на ул. Радецки." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-woman-playing-pool_107420-84945.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "day",
|
||||
badge: "Дневна",
|
||||
price: "10 лв./час",
|
||||
subtitle: "До 17:00 ч.",
|
||||
features: [
|
||||
"Високо качество",
|
||||
"Климатизирана зала",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Резервирай",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "evening",
|
||||
badge: "Вечерна",
|
||||
price: "15 лв./час",
|
||||
subtitle: "След 17:00 ч.",
|
||||
features: [
|
||||
"Перфектна атмосфера",
|
||||
"Професионални стикове",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Резервирай",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Ценоразпис"
|
||||
description="Изберете кога искате да играете."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "day", badge: "Дневна", price: "10 лв./час", subtitle: "До 17:00 ч.", features: ["Високо качество", "Климатизирана зала"], buttons: [{ text: "Резервирай", href: "#contact" }] },
|
||||
{ id: "evening", badge: "Вечерна", price: "15 лв./час", subtitle: "След 17:00 ч.", features: ["Перфектна атмосфера", "Професионални стикове"], buttons: [{ text: "Резервирай", href: "#contact" }] },
|
||||
]}
|
||||
title="Ценоразпис"
|
||||
description="Изберете кога искате да играете."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Маси",
|
||||
subtitle: "Перфектно поддържани",
|
||||
category: "Игра",
|
||||
value: "10+",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Турнири",
|
||||
subtitle: "Редовни състезания",
|
||||
category: "Спорт",
|
||||
value: "Седмично",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Бар",
|
||||
subtitle: "Свежи напитки",
|
||||
category: "Социализация",
|
||||
value: "Пълен асортимент",
|
||||
},
|
||||
]}
|
||||
title="Нашите услуги"
|
||||
description="Какво предлагаме в нашия клуб?"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "1", title: "Маси", subtitle: "Перфектно поддържани", category: "Игра", value: "10+" },
|
||||
{ id: "2", title: "Турнири", subtitle: "Редовни състезания", category: "Спорт", value: "Седмично" },
|
||||
{ id: "3", title: "Бар", subtitle: "Свежи напитки", category: "Социализация", value: "Пълен асортимент" },
|
||||
]}
|
||||
title="Нашите услуги"
|
||||
description="Какво предлагаме в нашия клуб?"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Посетители",
|
||||
value: "5000+",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Маси",
|
||||
value: "12",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Турнири",
|
||||
value: "150+",
|
||||
},
|
||||
]}
|
||||
title="Статистика"
|
||||
description="Нашите постижения и общност."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "1", title: "Посетители", value: "5000+", icon: Users },
|
||||
{ id: "2", title: "Маси", value: "12", icon: Target },
|
||||
{ id: "3", title: "Турнири", value: "150+", icon: Trophy },
|
||||
]}
|
||||
title="Статистика"
|
||||
description="Нашите постижения и общност."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Иван Иванов",
|
||||
handle: "@ivan",
|
||||
testimonial: "Най-добрият клуб в Пловдив! Перфектни маси.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Мария Петрова",
|
||||
handle: "@maria",
|
||||
testimonial: "Страхотна атмосфера и обслужване.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-woman-with-sunglasses-pool_23-2148618902.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Георги Георгиев",
|
||||
handle: "@geo",
|
||||
testimonial: "Редовно играя тук, всичко е топ ниво.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-with-phone_1303-3694.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Петър Петров",
|
||||
handle: "@petar",
|
||||
testimonial: "Много добри цени и професионални маси.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/good-looking-woman-with-inflatable-ring_23-2147643915.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Елена Илиева",
|
||||
handle: "@elena",
|
||||
testimonial: "Чудесно място за компания с приятели.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-friends-having-fun-while-playing-pool-game_329181-15480.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Какво казват клиентите"
|
||||
description="Споделени впечатления от любителите на билярда."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Иван Иванов", handle: "@ivan", testimonial: "Най-добрият клуб в Пловдив! Перфектни маси.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg" },
|
||||
{ id: "2", name: "Мария Петрова", handle: "@maria", testimonial: "Страхотна атмосфера и обслужване.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/excited-woman-with-sunglasses-pool_23-2148618902.jpg" },
|
||||
{ id: "3", name: "Георги Георгиев", handle: "@geo", testimonial: "Редовно играя тук, всичко е топ ниво.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-with-phone_1303-3694.jpg" },
|
||||
{ id: "4", name: "Петър Петров", handle: "@petar", testimonial: "Много добри цени и професионални маси.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/good-looking-woman-with-inflatable-ring_23-2147643915.jpg" },
|
||||
{ id: "5", name: "Елена Илиева", handle: "@elena", testimonial: "Чудесно място за компания с приятели.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-friends-having-fun-while-playing-pool-game_329181-15480.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Какво казват клиентите"
|
||||
description="Споделени впечатления от любителите на билярда."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
text="Свържете се с нас на ул. Радецки или на телефон: +359 888 123 456. Очакваме ви!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Обади се сега",
|
||||
href: "tel:+359888123456",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
text="Свържете се с нас на ул. Радецки или на телефон: +359 888 123 456. Очакваме ви!"
|
||||
buttons={[{ text: "Обади се сега", href: "tel:+359888123456" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-plays-russian-billiards_1398-1219.jpg"
|
||||
logoText="Билярд 147"
|
||||
columns={[
|
||||
{
|
||||
title: "Меню",
|
||||
items: [
|
||||
{
|
||||
label: "Начало",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Цени",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Контакти",
|
||||
items: [
|
||||
{
|
||||
label: "ул. Радецки, Пловдив",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Телефон",
|
||||
href: "tel:+359888123456",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-plays-russian-billiards_1398-1219.jpg"
|
||||
logoText="Билярд 147"
|
||||
columns={[
|
||||
{ title: "Меню", items: [{ label: "Начало", href: "#hero" }, { label: "Цени", href: "#pricing" }] },
|
||||
{ title: "Контакти", items: [{ label: "ул. Радецки, Пловдив", href: "#" }, { label: "Телефон", href: "tel:+359888123456" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user