266 lines
16 KiB
TypeScript
266 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", author: "Sandro’s Barber Shop", title: "Мъжко подстригване", description: "Прецизно и модерно подстригване, съобразено с Вашия стил и индивидуалност.", tags: [
|
||
"Прически", "Стил", "Мъжка грижа"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-groomed-salon_23-2149220524.jpg", imageAlt: "Бръснар подстригва мъж",
|
||
},
|
||
{
|
||
id: "service-2", author: "Sandro’s Barber Shop", 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", author: "Sandro’s Barber Shop", title: "Бръснене с бръснач", description: "Класическо бръснене с гореща кърпа и бръснач за безупречно гладка кожа.", tags: [
|
||
"Бръснене", "Ритуал", "Традиция"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-barbershop-concept_23-2148506263.jpg", imageAlt: "Класическо бръснене с бръснач",
|
||
},
|
||
{
|
||
id: "advantage-1", author: "Sandro’s Barber Shop", title: "Изключителен професионализъм", description: "Дългогодишен опит и майсторство във всяко движение, гарантиращи безупречни резултати.", tags: [
|
||
"Майсторство", "Експертиза", "Детайл"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/barber-preparing-shave_23-2148181930.jpg", imageAlt: "Професионални бръснарски инструменти",
|
||
},
|
||
{
|
||
id: "advantage-2", author: "Sandro’s Barber Shop", title: "Спокойна и приятна атмосфера", description: "Отпуснете се в луксозна обстановка, създадена за Вашето комфортно и релаксиращо преживяване.", tags: [
|
||
"Релакс", "Комфорт", "Атмосфера"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-interior_23-2149305118.jpg", imageAlt: "Удобен бръснарски стол",
|
||
},
|
||
{
|
||
id: "advantage-3", author: "Sandro’s Barber Shop", title: "Индивидуално отношение", description: "Всяко посещение е съобразено с Вашите уникални нужди и предпочитания.", tags: [
|
||
"Персонализирано", "Клиентски", "Уникално"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/barber-consulting-client_23-2148181930.jpg", imageAlt: "Бръснар консултира клиент",
|
||
},
|
||
{
|
||
id: "advantage-4", author: "Sandro’s Barber Shop", title: "Дългогодишни лоялни клиенти", description: "Нашите клиенти се връщат отново и отново, ценейки високото качество и обслужване.", tags: [
|
||
"Лоялност", "Доверие", "Репутация"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-barbershop_23-2149220524.jpg", imageAlt: "Доволен клиент",
|
||
},
|
||
{
|
||
id: "advantage-5", author: "Sandro’s Barber Shop", title: "Прецизност до най-малкия детайл", description: "Внимание към всеки косъм и контур за безупречен и изтънчен краен резултат.", tags: [
|
||
"Качество", "Финес", "Съвършенство"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-precision-cut_23-2149220524.jpg", imageAlt: "Детайлно подстригване",
|
||
},
|
||
]}
|
||
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={[
|
||
{
|
||
value: "10+", label: "години опит"},
|
||
{
|
||
value: "99%", label: "доволни клиенти"},
|
||
{
|
||
value: "100%", label: "ръчно изработени стилове"},
|
||
]}
|
||
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>
|
||
);
|
||
}
|