Merge version_1 into main #2
287
src/app/page.tsx
287
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Послуги",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Майстри",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Відгуки",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Контакти",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Послуги", id: "features" },
|
||||
{ name: "Майстри", id: "team" },
|
||||
{ name: "Відгуки", id: "testimonials" },
|
||||
{ name: "Контакти", id: "contact" },
|
||||
]}
|
||||
brandName="BARBERSHOP"
|
||||
/>
|
||||
@@ -54,63 +42,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="СТИЛЬ, ЩО ВИДІЛЯЄ"
|
||||
description="Професійний барбершоп у центрі міста. Створюємо сучасний образ для впевнених чоловіків, які цінують якість та сервіс."
|
||||
buttons={[
|
||||
{
|
||||
text: "Записатись",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186489.jpg?_wi=1"
|
||||
buttons={[{ text: "Записатись", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186489.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/impressed-slavic-middle-aged-male-barber-uniform-holding-water-spray-bottle-isolated-orange-wall_141793-90706.jpg",
|
||||
alt: "Impressed slavic middle-aged male barber in uniform holding water spray bottle isolated on orange wall",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-trimmer-smiling-cheerfully-showing-thumbs-up-standing-light-wall_141793-50621.jpg",
|
||||
alt: "Barber man in apron holding trimmer smiling cheerfully showing thumbs up standing over light wall",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-man-getting-ready_1153-1518.jpg",
|
||||
alt: "Attractive man getting ready",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-young-handsome-barber-wearing-uniform-holding-straight-razor-isolated-green-with-copy-space_141793-76950.jpg",
|
||||
alt: "Confident young handsome barber wearing uniform holding straight razor isolated on green with copy space",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg",
|
||||
alt: "Male hairdresser posing at the salon",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/impressed-slavic-middle-aged-male-barber-uniform-holding-water-spray-bottle-isolated-orange-wall_141793-90706.jpg", alt: "Impressed slavic middle-aged male barber in uniform holding water spray bottle isolated on orange wall" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-trimmer-smiling-cheerfully-showing-thumbs-up-standing-light-wall_141793-50621.jpg", alt: "Barber man in apron holding trimmer smiling cheerfully showing thumbs up standing over light wall" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-man-getting-ready_1153-1518.jpg", alt: "Attractive man getting ready" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-young-handsome-barber-wearing-uniform-holding-straight-razor-isolated-green-with-copy-space_141793-76950.jpg", alt: "Confident young handsome barber wearing uniform holding straight razor isolated on green with copy space" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg", alt: "Male hairdresser posing at the salon" },
|
||||
]}
|
||||
avatarText="Понад 500+ задоволених клієнтів"
|
||||
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: "Сервіс" },
|
||||
{ type: "text", text: "Атмосфера" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,27 +72,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Стрижка",
|
||||
author: "400 ₴ / 45 хв",
|
||||
description: "Класична або сучасна стрижка від професійних майстрів.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hair-equipment-paper-bag_23-2148352905.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Борода",
|
||||
author: "250 ₴ / 30 хв",
|
||||
description: "Моделювання бороди та догляд за шкірою обличчя.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brave-enough-brutal-lumberjack-cutting-wood-sharp-blade-brutality-masculinity-bearded-lumberjack-lumberjack-style-man-with-axe-bearded-man-hold-axe-isolated-white-danger-concept_231208-8923.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Камуфляж",
|
||||
author: "300 ₴ / 20 хв",
|
||||
description: "Природне приховування сивини за 20 хвилин.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-dry-leaves_23-2148866522.jpg",
|
||||
},
|
||||
{ id: "s1", title: "Стрижка", author: "400 ₴ / 45 хв", description: "Класична або сучасна стрижка від професійних майстрів.", imageSrc: "http://img.b2bpic.net/free-photo/hair-equipment-paper-bag_23-2148352905.jpg", tags: [] },
|
||||
{ id: "s2", title: "Борода", author: "250 ₴ / 30 хв", description: "Моделювання бороди та догляд за шкірою обличчя.", imageSrc: "http://img.b2bpic.net/free-photo/brave-enough-brutal-lumberjack-cutting-wood-sharp-blade-brutality-masculinity-bearded-lumberjack-lumberjack-style-man-with-axe-bearded-man-hold-axe-isolated-white-danger-concept_231208-8923.jpg", tags: [] },
|
||||
{ id: "s3", title: "Камуфляж", author: "300 ₴ / 20 хв", description: "Природне приховування сивини за 20 хвилин.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-dry-leaves_23-2148866522.jpg", tags: [] },
|
||||
]}
|
||||
title="НАШІ ПОСЛУГИ"
|
||||
description="Повний спектр догляду за чоловічим образом."
|
||||
@@ -155,38 +88,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Base",
|
||||
price: "400 ₴",
|
||||
subtitle: "Стрижка",
|
||||
features: [
|
||||
"Класика",
|
||||
"Фейд",
|
||||
"Класична форма",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Обрати",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "p1", badge: "Base", price: "400 ₴", subtitle: "Стрижка", features: ["Класика", "Фейд", "Класична форма"],
|
||||
buttons: [{ text: "Обрати", href: "#contact" }],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Pro",
|
||||
price: "600 ₴",
|
||||
subtitle: "Повний догляд",
|
||||
features: [
|
||||
"Стрижка",
|
||||
"Борода",
|
||||
"Укладка",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Обрати",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "p2", badge: "Pro", price: "600 ₴", subtitle: "Повний догляд", features: ["Стрижка", "Борода", "Укладка"],
|
||||
buttons: [{ text: "Обрати", href: "#contact" }],
|
||||
},
|
||||
]}
|
||||
title="ЦІНИ"
|
||||
@@ -201,33 +108,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Команда",
|
||||
members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Олександр",
|
||||
subtitle: "Senior Barber",
|
||||
detail: "Стаж понад 5 років, майстер фейду.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286079.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Максим",
|
||||
subtitle: "Barber",
|
||||
detail: "Експерт з моделювання бороди.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-apron_23-2148138477.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Дмитро",
|
||||
subtitle: "Junior Barber",
|
||||
detail: "Сучасні техніки стрижки.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/looking-up-thinking-young-handsome-male-barber-uniform-holding-clipboard-putting-pen-forehead-isolated-white-background_141793-63396.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186489.jpg?_wi=2",
|
||||
imageAlt: "professional barber portrait",
|
||||
id: "g1", groupTitle: "Команда", members: [
|
||||
{ id: "m1", title: "Олександр", subtitle: "Senior Barber", detail: "Стаж понад 5 років, майстер фейду.", imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286079.jpg" },
|
||||
{ id: "m2", title: "Максим", subtitle: "Barber", detail: "Експерт з моделювання бороди.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-apron_23-2148138477.jpg" },
|
||||
{ id: "m3", title: "Дмитро", subtitle: "Junior Barber", detail: "Сучасні техніки стрижки.", imageSrc: "http://img.b2bpic.net/free-photo/looking-up-thinking-young-handsome-male-barber-uniform-holding-clipboard-putting-pen-forehead-isolated-white-background_141793-63396.jpg" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="НАШІ МАЙСТРИ"
|
||||
@@ -241,41 +126,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Сергій",
|
||||
handle: "@serg",
|
||||
testimonial: "Найкращий барбершоп у Києві, завжди приємна атмосфера.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-worker-amusing-colleague-office-telling-joke_482257-102093.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Андрій",
|
||||
handle: "@andrey",
|
||||
testimonial: "Майстри знають свою справу. Стрижка супер!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-before-after-surgery_23-2149947581.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Олексій",
|
||||
handle: "@alex",
|
||||
testimonial: "Дуже задоволений сервісом та професіоналізмом.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-posing-dark-wall_176420-54.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Ігор",
|
||||
handle: "@igor",
|
||||
testimonial: "Рівень обслуговування на висоті, рекомендую всім.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-wearing-make-up-half-his-face_23-2148784404.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Віктор",
|
||||
handle: "@viktor",
|
||||
testimonial: "Чудове місце для відпочинку та оновлення образу.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-2992.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Сергій", handle: "@serg", testimonial: "Найкращий барбершоп у Києві, завжди приємна атмосфера.", imageSrc: "http://img.b2bpic.net/free-photo/funny-worker-amusing-colleague-office-telling-joke_482257-102093.jpg" },
|
||||
{ id: "t2", name: "Андрій", handle: "@andrey", testimonial: "Майстри знають свою справу. Стрижка супер!", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-before-after-surgery_23-2149947581.jpg" },
|
||||
{ id: "t3", name: "Олексій", handle: "@alex", testimonial: "Дуже задоволений сервісом та професіоналізмом.", imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-posing-dark-wall_176420-54.jpg" },
|
||||
{ id: "t4", name: "Ігор", handle: "@igor", testimonial: "Рівень обслуговування на висоті, рекомендую всім.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-wearing-make-up-half-his-face_23-2148784404.jpg" },
|
||||
{ id: "t5", name: "Віктор", handle: "@viktor", testimonial: "Чудове місце для відпочинку та оновлення образу.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-2992.jpg" },
|
||||
]}
|
||||
title="ВІДГУКИ"
|
||||
description="Наші клієнти завжди задоволені результатом."
|
||||
@@ -286,15 +141,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Google",
|
||||
"Facebook",
|
||||
"Instagram",
|
||||
"Telegram",
|
||||
"WhatsApp",
|
||||
"Apple",
|
||||
"Uber",
|
||||
]}
|
||||
names={["Google", "Facebook", "Instagram", "Telegram", "WhatsApp", "Apple", "Uber"]}
|
||||
title="МИ ВІДОМІ"
|
||||
description="Нас рекомендують лідери ринку."
|
||||
/>
|
||||
@@ -304,21 +151,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Чи потрібен запис?",
|
||||
content: "Так, радимо записуватись заздалегідь через WhatsApp або телефон.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Чи приймаєте ви карту?",
|
||||
content: "Так, ми приймаємо безготівкову оплату.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Чи працюєте ви у вихідні?",
|
||||
content: "Ми відкриті кожного дня з 10:00 до 21:00.",
|
||||
},
|
||||
{ id: "f1", title: "Чи потрібен запис?", content: "Так, радимо записуватись заздалегідь через WhatsApp або телефон." },
|
||||
{ id: "f2", title: "Чи приймаєте ви карту?", content: "Так, ми приймаємо безготівкову оплату." },
|
||||
{ id: "f3", title: "Чи працюєте ви у вихідні?", content: "Ми відкриті кожного дня з 10:00 до 21:00." },
|
||||
]}
|
||||
sideTitle="ПИТАННЯ"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -328,9 +163,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="КОНТАКТИ"
|
||||
title="ГОТОВІ ДО ЗМІН?"
|
||||
description="Завітайте до нас за адресою або телефонуйте прямо зараз."
|
||||
@@ -344,45 +177,9 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-male-hairstylist-barber-shop_23-2147839825.jpg"
|
||||
logoText="BARBERSHOP"
|
||||
columns={[
|
||||
{
|
||||
title: "Навігація",
|
||||
items: [
|
||||
{
|
||||
label: "Послуги",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Майстри",
|
||||
href: "#team",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Контакти",
|
||||
items: [
|
||||
{
|
||||
label: "+38 (099) 000 0000",
|
||||
href: "tel:+380990000000",
|
||||
},
|
||||
{
|
||||
label: "Київ, вул. Хрещатик",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Соцмережі",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Telegram",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Навігація", items: [{ label: "Послуги", href: "#features" }, { label: "Майстри", href: "#team" }] },
|
||||
{ title: "Контакти", items: [{ label: "+38 (099) 000 0000", href: "tel:+380990000000" }, { label: "Київ, вул. Хрещатик", href: "#" }] },
|
||||
{ title: "Соцмережі", items: [{ label: "Instagram", href: "#" }, { label: "Telegram", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user