252 lines
15 KiB
TypeScript
252 lines
15 KiB
TypeScript
"use client";
|
||
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import Link from 'next/link';
|
||
import { Lightbulb, Users, Zap, Check, Sparkles, Award, Target, Shield, Smile, Heart } from 'lucide-react';
|
||
|
||
export default function HomePage() {
|
||
const navItems = [
|
||
{ name: "О нас", id: "about" },
|
||
{ name: "Услуги", id: "services" },
|
||
{ name: "Процесс", id: "process" },
|
||
{ name: "Мастера", id: "team" },
|
||
{ name: "Контакты", id: "contact" }
|
||
];
|
||
|
||
const footerColumns = [
|
||
{
|
||
title: "Навигация", items: [
|
||
{ label: "О нас", href: "#about" },
|
||
{ label: "Услуги", href: "#services" },
|
||
{ label: "Процесс", href: "#process" },
|
||
{ label: "Контакты", href: "#contact" }
|
||
]
|
||
},
|
||
{
|
||
title: "Информация", items: [
|
||
{ label: "Мастера", href: "/masters" },
|
||
{ label: "Галерея", href: "/gallery" },
|
||
{ label: "Расценки", href: "/pricing" },
|
||
{ label: "Запись", href: "/booking" }
|
||
]
|
||
},
|
||
{
|
||
title: "Контакты", items: [
|
||
{ label: "+7 (999) 123-45-67", href: "tel:+79991234567" },
|
||
{ label: "info@heritage-barber.ru", href: "mailto:info@heritage-barber.ru" },
|
||
{ label: "Москва, Метрополь, 15", href: "#" },
|
||
{ label: "Пн-Сб: 10:00 - 21:00", href: "#" }
|
||
]
|
||
}
|
||
];
|
||
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-bubble"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="soft"
|
||
contentWidth="mediumLarge"
|
||
sizing="medium"
|
||
background="grid"
|
||
cardStyle="gradient-radial"
|
||
primaryButtonStyle="diagonal-gradient"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="bold"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
brandName="Heritage"
|
||
navItems={navItems}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroLogo
|
||
logoText="HERITAGE"
|
||
description="Барбершоп премиального уровня. Классика, дисциплина, безупречный результат."
|
||
buttons={[
|
||
{ text: "Записаться", href: "/booking" },
|
||
{ text: "Узнать больше", href: "services" }
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6340.jpg"
|
||
imageAlt="Премиальный барбершоп Heritage"
|
||
showDimOverlay={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<MetricSplitMediaAbout
|
||
tag="О нас"
|
||
title="Мастерство, передаваемое поколениями"
|
||
description="Heritage — это не просто барбершоп. Это место, где мастерство встречается с дисциплиной, а внимание к деталям становится философией. Мы работаем с редкостной скрупулёзностью, верим в качество инструментов и чистоту процесса. Каждый стриж — это акт мастерства, каждый момент в кресле — ритуал, достойный вашего времени."
|
||
metrics={[
|
||
{ value: "15+", title: "Лет опыта" },
|
||
{ value: "500+", title: "Постоянных клиентов" }
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/front-view-hand-holding-sieve-with-cocoa-powder_23-2148485410.jpg"
|
||
imageAlt="Инструменты мастерства и профессионализма"
|
||
useInvertedBackground={false}
|
||
mediaAnimation="none"
|
||
metricsAnimation="none"
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<ProductCardTwo
|
||
title="Наши услуги"
|
||
description="Полный спектр услуг премиального ухода и стайлинга"
|
||
products={[
|
||
{
|
||
id: "1", brand: "Heritage Premium", name: "Классическая стрижка", price: "2 500 ₽", rating: 5,
|
||
reviewCount: "247", imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-with-scissors-comb-barbershop-close-up-photo_613910-18538.jpg?_wi=1", imageAlt: "Классическая стрижка в Heritage"
|
||
},
|
||
{
|
||
id: "2", brand: "Heritage Premium", name: "Стрижка + Оформление бороды", price: "3 500 ₽", rating: 5,
|
||
reviewCount: "189", imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-with-scissors-comb-barbershop-close-up-photo_613910-18538.jpg?_wi=2", imageAlt: "Комплексный уход за бородой и волосами"
|
||
},
|
||
{
|
||
id: "3", brand: "Heritage Premium", name: "Бритьё классическое", price: "2 000 ₽", rating: 5,
|
||
reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-with-scissors-comb-barbershop-close-up-photo_613910-18538.jpg?_wi=3", imageAlt: "Классическое бритьё на опасной бритве"
|
||
}
|
||
]}
|
||
gridVariant="three-columns-all-equal-width"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="process" data-section="process">
|
||
<FeatureCardTen
|
||
title="Наш процесс — это ритуал"
|
||
description="От консультации до финального стайлинга — каждый этап выполняется с предельной точностью и вниманием к деталям."
|
||
tag="Процесс"
|
||
features={[
|
||
{
|
||
id: "1", title: "Консультация", description: "Мы слушаем вас внимательно. Обсуждаем ваши пожелания, тип волос и форму лица. Нет спешки, есть только внимание.", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/view-child-hair-salon_23-2150462476.jpg"
|
||
},
|
||
items: [
|
||
{ icon: Lightbulb, text: "Профессиональный совет" },
|
||
{ icon: Users, text: "Понимание ваших целей" }
|
||
],
|
||
reverse: false
|
||
},
|
||
{
|
||
id: "2", title: "Подготовка", description: "Инструменты готовятся с церемониальной тщательностью. Стерилизация, правильный подбор ножниц — это основа мастерства.", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-barber-s-instruments-shop_23-2149186524.jpg"
|
||
},
|
||
items: [
|
||
{ icon: Zap, text: "Высокие стандарты гигиены" },
|
||
{ icon: Check, text: "Профессиональные инструменты" }
|
||
],
|
||
reverse: true
|
||
},
|
||
{
|
||
id: "3", title: "Стрижка", description: "Каждый срез — следствие опыта и точного расчета. Мы работаем не спешно, уважая как ваше время, так и качество результата.", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/man-showing-scissors-close-up_23-2148353462.jpg"
|
||
},
|
||
items: [
|
||
{ icon: Sparkles, text: "Виртуозная техника" },
|
||
{ icon: Award, text: "Мастерство в каждом срезе" }
|
||
],
|
||
reverse: false
|
||
},
|
||
{
|
||
id: "4", title: "Окантовка и бритьё", description: "Линии идеальны. Каждый край обработан с максимальной чистотой. Классическое бритьё на опасной бритве — искусство, которое мы совершенствуем годами.", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18422.jpg?_wi=1"
|
||
},
|
||
items: [
|
||
{ icon: Target, text: "Микротовая точность" },
|
||
{ icon: Shield, text: "Безупречная окантовка" }
|
||
],
|
||
reverse: true
|
||
},
|
||
{
|
||
id: "5", title: "Финальный стайлинг", description: "Укладка, нанесение премиальных средств ухода — и вы выходите с ощущением полноты преобразования. Это не просто новая стрижка, это новый вы.", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-giving-hairstyle-young-woman_23-2147769862.jpg"
|
||
},
|
||
items: [
|
||
{ icon: Smile, text: "Идеальный результат" },
|
||
{ icon: Heart, text: "Полное удовлетворение" }
|
||
],
|
||
reverse: false
|
||
}
|
||
]}
|
||
textboxLayout="default"
|
||
animationType="slide-up"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="team" data-section="team">
|
||
<TeamCardOne
|
||
title="Наша команда"
|
||
description="Мастера, для которых ремесло — это не профессия, а призвание. Каждый приносит в своё дело опыт, дисциплину и неутомимое стремление к совершенству."
|
||
members={[
|
||
{
|
||
id: "1", name: "Александр", role: "Главный мастер", imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-black-male-with-tattoo-cross-arms-dressed-white-shirt_613910-15917.jpg?_wi=1", imageAlt: "Александр, главный мастер Heritage"
|
||
},
|
||
{
|
||
id: "2", name: "Дмитрий", role: "Специалист по бритью", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon_613910-5075.jpg?_wi=1", imageAlt: "Дмитрий, специалист по классическому бритью"
|
||
},
|
||
{
|
||
id: "3", name: "Иван", role: "Стилист", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg?_wi=1", imageAlt: "Иван, современный стилист Heritage"
|
||
}
|
||
]}
|
||
gridVariant="three-columns-all-equal-width"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFifteen
|
||
testimonial="Heritage изменил мой взгляд на уход за собой. Это не барбершоп, это опыт. Профессионализм, внимание к деталям и атмосфера уважения — вот что вы получаете."
|
||
rating={5}
|
||
author="Максим Иванов"
|
||
avatars={[
|
||
{ src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", alt: "Максим Иванов" },
|
||
{ src: "http://img.b2bpic.net/free-photo/cheerful-professional-partners-posing-photo-smiling-looking-camera-african-american-successful-office-employer-caucasian-businesswoman-taking-selfie-teamwork-business-concept_74855-6842.jpg", alt: "Сергей Петров" },
|
||
{ src: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-cutlery-restaurant_169016-21627.jpg", alt: "Павел Сидоров" },
|
||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg", alt: "Николай Федоров" }
|
||
]}
|
||
ratingAnimation="none"
|
||
avatarsAnimation="none"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
tag="Готовы преобразиться?"
|
||
title="Запишитесь к нам"
|
||
description="Позвоните, напишите или зайдите к нам. Мы готовы дать вам то, что вы ищете — мастерство без компромиссов."
|
||
buttons={[
|
||
{ text: "Записаться онлайн", href: "/booking" },
|
||
{ text: "Позвонить", href: "tel:+79991234567" }
|
||
]}
|
||
background={{ variant: "plain" }}
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseReveal
|
||
columns={footerColumns}
|
||
copyrightText="© 2025 Heritage. Премиальный барбершоп. Все права защищены."
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
} |