418 lines
16 KiB
TypeScript
418 lines
16 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||
import { Diamond, Feather, Scissors, Star } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="shift-hover"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="pill"
|
||
contentWidth="mediumLarge"
|
||
sizing="large"
|
||
background="floatingGradient"
|
||
cardStyle="glass-elevated"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="medium"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
navItems={[
|
||
{
|
||
name: "За нас",
|
||
id: "about",
|
||
},
|
||
{
|
||
name: "Услуги",
|
||
id: "features",
|
||
},
|
||
{
|
||
name: "Отзиви",
|
||
id: "testimonials",
|
||
},
|
||
{
|
||
name: "Цени",
|
||
id: "pricing",
|
||
},
|
||
{
|
||
name: "Контакти",
|
||
id: "contact",
|
||
},
|
||
]}
|
||
brandName="Sandro’s Barber Shop"
|
||
bottomLeftText="София, България"
|
||
bottomRightText="088 796 0374"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroLogoBillboard
|
||
background={{
|
||
variant: "plain",
|
||
}}
|
||
logoText="Sandro’s Barber Shop"
|
||
description="Прецизност. Стил. Доверие."
|
||
buttons={[
|
||
{
|
||
text: "Запази час",
|
||
href: "#contact",
|
||
},
|
||
{
|
||
text: "Обади се",
|
||
href: "tel:+359887960374",
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7242.jpg"
|
||
imageAlt="Кинематографичен изглед от бръснарски салон Sandro’s Barber Shop"
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TestimonialAboutCard
|
||
useInvertedBackground={false}
|
||
tag="За нас"
|
||
title="Доверете се на опита и качеството"
|
||
description="В Sandro’s Barber Shop ние разбираме, че перфектната прическа и брада са повече от просто услуга – те са израз на Вашия стил и самочувствие. Нашите клиенти ни се доверяват напълно, знаейки, че всеки детайл е от значение. С годините сме изградили връзки, базирани на лоялност и безкомпромисно качество."
|
||
subdescription="При нас ще откриете спокойна и приятна атмосфера, където професионализмът среща индивидуалното отношение. Ние обръщаме внимание на всяко Ваше желание, за да гарантираме резултат, който надминава очакванията. Защото качеството кара хората да се връщат, дори и от далеч."
|
||
icon={Scissors}
|
||
imageSrc="http://img.b2bpic.net/free-photo/close-up-hairdresser-shop-instruments_23-2149319806.jpg"
|
||
imageAlt="Луксозен бръснарски стол в Sandro’s Barber Shop"
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardTwentyFour
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
id: "service-1",
|
||
title: "Мъжко подстригване",
|
||
description: "Прецизно и модерно подстригване, съобразено с Вашия стил и индивидуалност.",
|
||
tags: [
|
||
"Прически",
|
||
"Стил",
|
||
"Мъжка грижа",
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-groomed-salon_23-2149220524.jpg",
|
||
imageAlt: "Бръснар подстригва мъж",
|
||
},
|
||
{
|
||
id: "service-2",
|
||
title: "Оформяне на брада",
|
||
description: "Професионално оформяне и поддържане на брада за перфектен вид.",
|
||
tags: [
|
||
"Брада",
|
||
"Оформяне",
|
||
"Груминг",
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-with-brush-preparing-neck-hair-shaving_23-2148181930.jpg",
|
||
imageAlt: "Бръснар оформя брада",
|
||
},
|
||
{
|
||
id: "service-3",
|
||
title: "Бръснене с бръснач",
|
||
description: "Класическо бръснене с гореща кърпа и бръснач за безупречно гладка кожа.",
|
||
tags: [
|
||
"Бръснене",
|
||
"Ритуал",
|
||
"Традиция",
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-barbershop-concept_23-2148506263.jpg",
|
||
imageAlt: "Класическо бръснене с бръснач",
|
||
},
|
||
{
|
||
id: "advantage-1",
|
||
title: "Изключителен професионализъм",
|
||
description: "Дългогодишен опит и майсторство във всяко движение, гарантиращи безупречни резултати.",
|
||
tags: [
|
||
"Майсторство",
|
||
"Експертиза",
|
||
"Детайл",
|
||
],
|
||
},
|
||
{
|
||
id: "advantage-2",
|
||
title: "Спокойна и приятна атмосфера",
|
||
description: "Отпуснете се в луксозна обстановка, създадена за Вашето комфортно и релаксиращо преживяване.",
|
||
tags: [
|
||
"Релакс",
|
||
"Комфорт",
|
||
"Атмосфера",
|
||
],
|
||
},
|
||
{
|
||
id: "advantage-3",
|
||
title: "Индивидуално отношение",
|
||
description: "Всяко посещение е съобразено с Вашите уникални нужди и предпочитания.",
|
||
tags: [
|
||
"Персонализирано",
|
||
"Клиентски",
|
||
"Уникално",
|
||
],
|
||
},
|
||
{
|
||
id: "advantage-4",
|
||
title: "Дългогодишни лоялни клиенти",
|
||
description: "Нашите клиенти се връщат отново и отново, ценейки високото качество и обслужване.",
|
||
tags: [
|
||
"Лоялност",
|
||
"Доверие",
|
||
"Репутация",
|
||
],
|
||
},
|
||
{
|
||
id: "advantage-5",
|
||
title: "Прецизност до най-малкия детайл",
|
||
description: "Внимание към всеки косъм и контур за безупречен и изтънчен краен резултат.",
|
||
tags: [
|
||
"Качество",
|
||
"Финес",
|
||
"Съвършенство",
|
||
],
|
||
},
|
||
]}
|
||
title="Нашите Услуги и Предимства"
|
||
description="Открийте защо Sandro’s Barber Shop е предпочитаният избор за мъжки стил и грижа."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSixteen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1",
|
||
name: "Иван Петров",
|
||
role: "Клиент",
|
||
company: "",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/happy-men-bachelor-party_23-2149275459.jpg",
|
||
},
|
||
{
|
||
id: "2",
|
||
name: "Георги Димитров",
|
||
role: "Клиент",
|
||
company: "",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-covering-his-mouth_23-2149438540.jpg",
|
||
},
|
||
{
|
||
id: "3",
|
||
name: "Александър Колев",
|
||
role: "Клиент",
|
||
company: "",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-male-azure-suit-grey-background_613910-13755.jpg",
|
||
},
|
||
{
|
||
id: "4",
|
||
name: "Николай Йорданов",
|
||
role: "Клиент",
|
||
company: "",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11758.jpg",
|
||
},
|
||
{
|
||
id: "5",
|
||
name: "Димитър Стойчев",
|
||
role: "Клиент",
|
||
company: "",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-hipster-male-purple-suit-isolated-grey-vignette-background_613910-1964.jpg",
|
||
},
|
||
]}
|
||
kpiItems={[
|
||
{
|
||
id: "kpi-1",
|
||
value: "10+",
|
||
description: "години опит",
|
||
},
|
||
{
|
||
id: "kpi-2",
|
||
value: "99%",
|
||
description: "доволни клиенти",
|
||
},
|
||
{
|
||
id: "kpi-3",
|
||
value: "100%",
|
||
description: "ръчно изработени стилове",
|
||
},
|
||
]}
|
||
title="Какво казват нашите клиенти"
|
||
description="Доверието е най-важно. Ето защо клиентите избират Sandro’s Barber Shop."
|
||
/>
|
||
</div>
|
||
|
||
<div id="pricing" data-section="pricing">
|
||
<PricingCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
plans={[
|
||
{
|
||
id: "haircut",
|
||
badge: "Прецизност",
|
||
badgeIcon: Scissors,
|
||
price: "40 лв.",
|
||
subtitle: "Мъжко подстригване",
|
||
buttons: [
|
||
{
|
||
text: "Запази час",
|
||
href: "#contact",
|
||
},
|
||
],
|
||
features: [
|
||
"Консултация за стил",
|
||
"Измиване и подстригване",
|
||
"Оформяне и стилизиране",
|
||
"Гореща кърпа",
|
||
],
|
||
},
|
||
{
|
||
id: "beard",
|
||
badge: "Стил",
|
||
badgeIcon: Feather,
|
||
price: "30 лв.",
|
||
subtitle: "Оформяне на брада",
|
||
buttons: [
|
||
{
|
||
text: "Запази час",
|
||
href: "#contact",
|
||
},
|
||
],
|
||
features: [
|
||
"Оформяне на контур",
|
||
"Подстригване и подравняване",
|
||
"Бръснене с бръснач",
|
||
"Балсам за брада",
|
||
],
|
||
},
|
||
{
|
||
id: "shave",
|
||
badge: "Ритуал",
|
||
badgeIcon: Diamond,
|
||
price: "35 лв.",
|
||
subtitle: "Класическо бръснене",
|
||
buttons: [
|
||
{
|
||
text: "Запази час",
|
||
href: "#contact",
|
||
},
|
||
],
|
||
features: [
|
||
"Гореща кърпа",
|
||
"Бръснене с бръснач",
|
||
"Хидратиращ лосион",
|
||
"Свежо усещане",
|
||
],
|
||
},
|
||
{
|
||
id: "full-package",
|
||
badge: "Пълен пакет",
|
||
badgeIcon: Star,
|
||
price: "70 лв.",
|
||
subtitle: "Коса + Брада",
|
||
buttons: [
|
||
{
|
||
text: "Запази час",
|
||
href: "#contact",
|
||
},
|
||
],
|
||
features: [
|
||
"Пълна консултация",
|
||
"Мъжко подстригване",
|
||
"Оформяне на брада",
|
||
"Гореща кърпа и бръснене",
|
||
],
|
||
},
|
||
]}
|
||
title="Качество, Което Си Заслужава"
|
||
description="В Sandro’s Barber Shop ние предлагаме първокласни услуги, където всяка процедура е инвестиция във Вашия стил и самочувствие. Тук не просто се подстригвате – получавате безупречно отношение, прецизност и гарантиран стил, който издържа теста на времето. Качеството изисква време, опит и внимание – ние Ви ги предоставяме."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "radial-gradient",
|
||
}}
|
||
tag="Запазете Своя Час"
|
||
title="Готов ли си за нов стил?"
|
||
description="Посетете Sandro’s Barber Shop за първокласно изживяване.\n\n📍 Адрес: ул. „Майор Горталов“ 17, кв. Бъкстон, 1618 София\n\n📞 Телефон: 088 796 0374\n\n🕒 Работно време:\nВторник – Събота: 10:00 – 19:00\nНеделя и Понеделник: Почивни дни"
|
||
buttons={[
|
||
{
|
||
text: "Запази час сега",
|
||
href: "#",
|
||
},
|
||
{
|
||
text: "Обади се",
|
||
href: "tel:+359887960374",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterMedia
|
||
imageSrc="http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313028.jpg"
|
||
imageAlt="Бръснарски инструменти на тъмен фон"
|
||
columns={[
|
||
{
|
||
title: "Навигация",
|
||
items: [
|
||
{
|
||
label: "Начало",
|
||
href: "#hero",
|
||
},
|
||
{
|
||
label: "Услуги",
|
||
href: "#features",
|
||
},
|
||
{
|
||
label: "Цени",
|
||
href: "#pricing",
|
||
},
|
||
{
|
||
label: "Контакти",
|
||
href: "#contact",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Социални мрежи",
|
||
items: [
|
||
{
|
||
label: "Instagram",
|
||
href: "https://instagram.com/sandrosbarbershop",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
logoText="Sandro’s Barber Shop"
|
||
copyrightText="© 2026 | Sandro’s Barber Shop"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|