Update src/app/page.tsx
This commit is contained in:
191
src/app/page.tsx
191
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Услуги",
|
||||
id: "services",
|
||||
},
|
||||
name: "Услуги", id: "services"},
|
||||
{
|
||||
name: "Мастера",
|
||||
id: "team",
|
||||
},
|
||||
name: "Мастера", id: "team"},
|
||||
{
|
||||
name: "Интерьер",
|
||||
id: "about",
|
||||
},
|
||||
name: "Интерьер", id: "about"},
|
||||
{
|
||||
name: "Отзывы",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Отзывы", id: "testimonials"},
|
||||
{
|
||||
name: "Контакты",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Контакты", id: "contact"},
|
||||
]}
|
||||
brandName="ZEF"
|
||||
/>
|
||||
@@ -59,62 +49,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
variant: "downward-rays-static"}}
|
||||
title="ZEF Barbershop"
|
||||
description="Классические стрижки и современный груминг. Мастерство в деталях."
|
||||
buttons={[
|
||||
{
|
||||
text: "Записаться",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Записаться", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186459.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186459.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665448.jpg",
|
||||
alt: "Front view man at hair salon",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665448.jpg", alt: "Front view man at hair salon"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-8501.jpg",
|
||||
alt: "Barber shaves a bearded man in vintage atmosphere",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-8501.jpg", alt: "Barber shaves a bearded man in vintage atmosphere"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-getting-haircut_23-2149220536.jpg",
|
||||
alt: "Medium shot young man getting haircut",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-getting-haircut_23-2149220536.jpg", alt: "Medium shot young man getting haircut"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-7903.jpg",
|
||||
alt: "Barber shaves a bearded man in vintage atmosphere",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-7903.jpg", alt: "Barber shaves a bearded man in vintage atmosphere"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/groomed-bearded-man-with-tattooes-is-posing-dark-photo-studio_613910-3659.jpg",
|
||||
alt: "Groomed bearded man with tattooes is posing at dark photo studio.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/groomed-bearded-man-with-tattooes-is-posing-dark-photo-studio_613910-3659.jpg", alt: "Groomed bearded man with tattooes is posing at dark photo studio."},
|
||||
]}
|
||||
avatarText="Присоединяйтесь к 1000+ довольных клиентов"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Классика",
|
||||
},
|
||||
type: "text", text: "Классика"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Груминг",
|
||||
},
|
||||
type: "text", text: "Груминг"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Стиль",
|
||||
},
|
||||
type: "text", text: "Стиль"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Качество",
|
||||
},
|
||||
type: "text", text: "Качество"},
|
||||
{
|
||||
type: "text",
|
||||
text: "ZEF",
|
||||
},
|
||||
type: "text", text: "ZEF"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,28 +93,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Стрижка",
|
||||
description: "Классика и современные формы",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Scissors,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186489.jpg",
|
||||
imageAlt: "Male barber giving his client a nice haircut",
|
||||
title: "Стрижка", description: "Классика и современные формы", bentoComponent: "reveal-icon", icon: Scissors,
|
||||
},
|
||||
{
|
||||
title: "Борода",
|
||||
description: "Моделирование и уход",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186459.jpg?_wi=2",
|
||||
imageAlt: "Male barber giving his client a nice haircut",
|
||||
title: "Борода", description: "Моделирование и уход", bentoComponent: "reveal-icon", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Комплекс",
|
||||
description: "Стрижка и бритье",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg?_wi=1",
|
||||
imageAlt: "Male barber giving his client a nice haircut",
|
||||
title: "Комплекс", description: "Стрижка и бритье", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
]}
|
||||
title="Наши услуги"
|
||||
@@ -162,23 +114,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Алексей",
|
||||
role: "Старший мастер",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-young-afro-american-male-barber-wearing-uniform-keeping-hand-chin-isolated-pink-wall-with-copy-space_141793-112904.jpg",
|
||||
},
|
||||
id: "1", name: "Алексей", role: "Старший мастер", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-young-afro-american-male-barber-wearing-uniform-keeping-hand-chin-isolated-pink-wall-with-copy-space_141793-112904.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Дмитрий",
|
||||
role: "Мастер",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-tattooed-male-wearing-white-shirt-suspenders_613910-1406.jpg",
|
||||
},
|
||||
id: "2", name: "Дмитрий", role: "Мастер", imageSrc: "http://img.b2bpic.net/free-photo/portrait-tattooed-male-wearing-white-shirt-suspenders_613910-1406.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Игорь",
|
||||
role: "Барбер",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-middle-aged-male-barber-uniform-holding-comb-with-hair-clipper-shoulders-isolated-purple-wall_141793-102899.jpg",
|
||||
},
|
||||
id: "3", name: "Игорь", role: "Барбер", imageSrc: "http://img.b2bpic.net/free-photo/pleased-middle-aged-male-barber-uniform-holding-comb-with-hair-clipper-shoulders-isolated-purple-wall_141793-102899.jpg"},
|
||||
]}
|
||||
title="Мастера"
|
||||
description="Команда профессионалов ZEF."
|
||||
@@ -192,15 +132,11 @@ export default function LandingPage() {
|
||||
description="Интерьер, созданный для вашего комфорта."
|
||||
metrics={[
|
||||
{
|
||||
value: "5+",
|
||||
title: "Лет опыта",
|
||||
},
|
||||
value: "5+", title: "Лет опыта"},
|
||||
{
|
||||
value: "1000+",
|
||||
title: "Клиентов",
|
||||
},
|
||||
value: "1000+", title: "Клиентов"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -213,40 +149,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Андрей",
|
||||
handle: "@andrey",
|
||||
testimonial: "Лучший барбершоп в городе!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-smiling-pointing-upwards_1187-3184.jpg",
|
||||
},
|
||||
id: "1", name: "Андрей", handle: "@andrey", testimonial: "Лучший барбершоп в городе!", imageSrc: "http://img.b2bpic.net/free-photo/man-smiling-pointing-upwards_1187-3184.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Сергей",
|
||||
handle: "@sergey",
|
||||
testimonial: "Профессиональный подход.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg",
|
||||
},
|
||||
id: "2", name: "Сергей", handle: "@sergey", testimonial: "Профессиональный подход.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Виктор",
|
||||
handle: "@victor",
|
||||
testimonial: "Рекомендую мастера Алексея.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-excited-young-woman-showing-thumbs-up-having-fun_1262-14331.jpg",
|
||||
},
|
||||
id: "3", name: "Виктор", handle: "@victor", testimonial: "Рекомендую мастера Алексея.", imageSrc: "http://img.b2bpic.net/free-photo/positive-excited-young-woman-showing-thumbs-up-having-fun_1262-14331.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Максим",
|
||||
handle: "@maxim",
|
||||
testimonial: "Отличная атмосфера и сервис.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-shaving-his-beard-with-copy-space_23-2148696663.jpg",
|
||||
},
|
||||
id: "4", name: "Максим", handle: "@maxim", testimonial: "Отличная атмосфера и сервис.", imageSrc: "http://img.b2bpic.net/free-photo/man-shaving-his-beard-with-copy-space_23-2148696663.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Олег",
|
||||
handle: "@oleg",
|
||||
testimonial: "Всегда ухожу довольным.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-male-dressed-blue-shirt-white-jacket-bow-tie-grey-background_613910-177.jpg",
|
||||
},
|
||||
id: "5", name: "Олег", handle: "@oleg", testimonial: "Всегда ухожу довольным.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-male-dressed-blue-shirt-white-jacket-bow-tie-grey-background_613910-177.jpg"},
|
||||
]}
|
||||
title="Отзывы"
|
||||
description="Что говорят о нас клиенты."
|
||||
@@ -259,20 +170,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Как записаться?",
|
||||
content: "Онлайн или по телефону.",
|
||||
},
|
||||
id: "1", title: "Как записаться?", content: "Онлайн или по телефону."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Сколько длится стрижка?",
|
||||
content: "Около 60 минут.",
|
||||
},
|
||||
id: "2", title: "Сколько длится стрижка?", content: "Около 60 минут."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Есть ли парковка?",
|
||||
content: "Да, бесплатная для клиентов.",
|
||||
},
|
||||
id: "3", title: "Есть ли парковка?", content: "Да, бесплатная для клиентов."},
|
||||
]}
|
||||
title="Частые вопросы"
|
||||
description="Все, что нужно знать перед визитом."
|
||||
@@ -284,14 +186,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
variant: "downward-rays-static"}}
|
||||
text="Готовы обновить стиль? Записывайтесь в ZEF прямо сейчас."
|
||||
buttons={[
|
||||
{
|
||||
text: "Записаться онлайн",
|
||||
href: "#",
|
||||
},
|
||||
text: "Записаться онлайн", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -302,25 +201,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Адрес: ул. Главная, 1",
|
||||
href: "#",
|
||||
},
|
||||
label: "Адрес: ул. Главная, 1", href: "#"},
|
||||
{
|
||||
label: "Телефон: +7 999 000-00-00",
|
||||
href: "tel:+79990000000",
|
||||
},
|
||||
label: "Телефон: +7 999 000-00-00", href: "tel:+79990000000"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Telegram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Telegram", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user