Update src/app/page.tsx
This commit is contained in:
203
src/app/page.tsx
203
src/app/page.tsx
@@ -29,66 +29,27 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Послуги",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Контакти",
|
||||
id: "#contact",
|
||||
},
|
||||
{
|
||||
name: "Про нас",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Відгуки",
|
||||
id: "#reviews",
|
||||
},
|
||||
{ name: "Послуги", id: "#services" },
|
||||
{ name: "Контакти", id: "#contact" },
|
||||
{ name: "Про нас", id: "#about" },
|
||||
{ name: "Відгуки", id: "#reviews" },
|
||||
]}
|
||||
button={{
|
||||
text: "Записатися",
|
||||
href: "https://n811001.alteg.io/company/761984/personal/menu",
|
||||
}}
|
||||
text: "Записатися", href: "https://n811001.alteg.io/company/761984/personal/menu"}}
|
||||
brandName="PORTAL Barbershop"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="PORTAL Barbershop — барбершоп на Оболоні, Мінський масив, Київ"
|
||||
description="Сучасний чоловічий барбершоп на Мінському масиві у Києві, розташований у ЖК «Міністерський». Професійні чоловічі стрижки, якісне гоління, камуфлювання сивини та догляд за бородою щодня з 10:00 до 21:00."
|
||||
tag="Твій простір на Оболоні"
|
||||
buttons={[
|
||||
{
|
||||
text: "Записатися",
|
||||
href: "https://n811001.alteg.io/company/761984/personal/menu",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Записатися", href: "https://n811001.alteg.io/company/761984/personal/menu" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-scissors-plain-background_23-2148306684.jpg",
|
||||
imageAlt: "Barber shop tools gold outline",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-various-barber-tools-row_23-2147839820.jpg",
|
||||
imageAlt: "Minimal gold razor silhouette",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-scissors-grey-background_23-2147839856.jpg",
|
||||
imageAlt: "High angle view of a scissors on grey background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/instruments-used-latino-hair-salon_23-2150555179.jpg",
|
||||
imageAlt: "Instruments used on latino hair salon",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-paper-clipboard-salon-tools-jobs-career-concept_53876-127081.jpg",
|
||||
imageAlt: "Vintage paper clipboard salon tools",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-scissors-plain-background_23-2148306684.jpg", imageAlt: "Barber shop tools gold outline" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-various-barber-tools-row_23-2147839820.jpg", imageAlt: "Minimal gold razor silhouette" }
|
||||
]}
|
||||
mediaAnimation="none"
|
||||
rating={5}
|
||||
@@ -103,58 +64,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Стрижки",
|
||||
price: "від 450 ₴",
|
||||
subtitle: "Чоловічі зачіски будь-якої складності",
|
||||
buttons: [
|
||||
{
|
||||
text: "Записатись",
|
||||
href: "https://n811001.alteg.io/company/761984/personal/menu",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Стрижка машинкою",
|
||||
"Стрижка ножицями",
|
||||
"Фейд",
|
||||
"Дитяча стрижка",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Комплекси",
|
||||
price: "від 1250 ₴",
|
||||
subtitle: "Максимальний догляд за головою та бородою",
|
||||
buttons: [
|
||||
{
|
||||
text: "Записатись",
|
||||
href: "https://n811001.alteg.io/company/761984/personal/menu",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Стрижка + борода",
|
||||
"Моделювання вусів",
|
||||
"Королівське гоління",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Догляд",
|
||||
price: "від 400 ₴",
|
||||
subtitle: "Гоління та камуфлювання сивини",
|
||||
buttons: [
|
||||
{
|
||||
text: "Записатись",
|
||||
href: "https://n811001.alteg.io/company/761984/personal/menu",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Камуфлювання сивини",
|
||||
"SPA-процедури",
|
||||
"Воскова депіляція",
|
||||
],
|
||||
},
|
||||
{ id: "p1", badge: "Стрижки", price: "від 450 ₴", subtitle: "Чоловічі зачіски будь-якої складності", buttons: [{ text: "Записатись", href: "https://n811001.alteg.io/company/761984/personal/menu" }], features: ["Стрижка машинкою", "Стрижка ножицями", "Фейд", "Дитяча стрижка"] },
|
||||
{ id: "p2", badge: "Комплекси", price: "від 1250 ₴", subtitle: "Максимальний догляд за головою та бородою", buttons: [{ text: "Записатись", href: "https://n811001.alteg.io/company/761984/personal/menu" }], features: ["Стрижка + борода", "Моделювання вусів", "Королівське гоління"] },
|
||||
{ id: "p3", badge: "Догляд", price: "від 400 ₴", subtitle: "Гоління та камуфлювання сивини", buttons: [{ text: "Записатись", href: "https://n811001.alteg.io/company/761984/personal/menu" }], features: ["Камуфлювання сивини", "SPA-процедури", "Воскова депіляція"] }
|
||||
]}
|
||||
title="Послуги та ціни"
|
||||
description="Вибирай свій комплекс та записуйся до майстрів PORTAL на Мінському масиві."
|
||||
@@ -166,63 +78,19 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Дмитро",
|
||||
role: "Клієнт",
|
||||
company: "Оболонь",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Олексій",
|
||||
role: "Клієнт",
|
||||
company: "Мінський масив",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutal-bearded-male-with-crossed-arms-dressed-yellow-plaid-shirt_613910-1818.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Андрій",
|
||||
role: "Клієнт",
|
||||
company: "ЖК Міністерський",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-bearded-man-black-glance-shirt-with-tattoo-his-chest_613910-8981.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Максим",
|
||||
role: "Клієнт",
|
||||
company: "Київ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-skinned-lady-keeps-lips-rounded-wants-kiss-adorable-pet-plays-with-small-puppy_273609-34672.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Сергій",
|
||||
role: "Клієнт",
|
||||
company: "Оболонь",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-blank-shirt_23-2149347545.jpg",
|
||||
},
|
||||
{
|
||||
id: "t6",
|
||||
name: "Микола",
|
||||
role: "Клієнт",
|
||||
company: "Київ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Дмитро", role: "Клієнт", company: "Оболонь", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg" },
|
||||
{ id: "t2", name: "Олексій", role: "Клієнт", company: "Мінський масив", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/brutal-bearded-male-with-crossed-arms-dressed-yellow-plaid-shirt_613910-1818.jpg" },
|
||||
{ id: "t3", name: "Андрій", role: "Клієнт", company: "ЖК Міністерський", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-bearded-man-black-glance-shirt-with-tattoo-his-chest_613910-8981.jpg" },
|
||||
{ id: "t4", name: "Максим", role: "Клієнт", company: "Київ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/dark-skinned-lady-keeps-lips-rounded-wants-kiss-adorable-pet-plays-with-small-puppy_273609-34672.jpg" },
|
||||
{ id: "t5", name: "Сергій", role: "Клієнт", company: "Оболонь", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-blank-shirt_23-2149347545.jpg" },
|
||||
{ id: "t6", name: "Микола", role: "Клієнт", company: "Київ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg" }
|
||||
]}
|
||||
title="Відгуки"
|
||||
description="Дізнайся, що думають наші клієнти про PORTAL."
|
||||
buttons={[
|
||||
{
|
||||
text: "Більше відгуків у Google",
|
||||
href: "https://www.google.com/maps/place/barbershop+PORTAL/@50.5255401,30.4604553",
|
||||
},
|
||||
{ text: "Більше відгуків у Google", href: "https://www.google.com/maps/place/barbershop+PORTAL/@50.5255401,30.4604553" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -240,42 +108,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Контакти та запис"
|
||||
title="Знайди нас на Мінському масиві"
|
||||
description="Чекаємо на тебе за адресою: вул. Юрія Кондратюка, 5, ЖК «Міністерський», Оболонь, Київ. Телефон: +380937560662. Працюємо щодня: 10:00–21:00."
|
||||
buttons={[
|
||||
{
|
||||
text: "Записатися онлайн",
|
||||
href: "https://n811001.alteg.io/company/761984/personal/menu",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Записатися онлайн", href: "https://n811001.alteg.io/company/761984/personal/menu" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Контакти",
|
||||
items: [
|
||||
{
|
||||
label: "+380937560662",
|
||||
href: "tel:+380937560662",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Соцмережі",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://www.instagram.com/portal_barbershop/",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Контакти", items: [{ label: "+380937560662", href: "tel:+380937560662" }] },
|
||||
{ title: "Соцмережі", items: [{ label: "Instagram", href: "https://www.instagram.com/portal_barbershop/" }] }
|
||||
]}
|
||||
logoText="PORTAL Barbershop"
|
||||
copyrightText="2026 PORTAL Barbershop. Всі права захищені."
|
||||
|
||||
Reference in New Issue
Block a user