Merge version_1 into main #1
196
src/app/page.tsx
196
src/app/page.tsx
@@ -32,44 +32,23 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Головна",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Про майстра",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Навчання",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Відгуки",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Контакти",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Головна", id: "hero" },
|
||||
{ name: "Про майстра", id: "about" },
|
||||
{ name: "Навчання", id: "features" },
|
||||
{ name: "Відгуки", id: "testimonials" },
|
||||
{ name: "Контакти", id: "contact" },
|
||||
]}
|
||||
brandName="Permanent by Petrunko"
|
||||
button={{ text: "Записатися" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Курси перманентного макіяжу у Харкові"
|
||||
description="Станьте майстром з доходом від 1000$ вже через 1-2 місяці. Почніть кар'єру з Permanent by Petrunko."
|
||||
buttons={[
|
||||
{
|
||||
text: "Записатися на курс",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Записатися на курс", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-getting-eyebrow-treatment_23-2148845978.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -94,27 +73,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Багато практики",
|
||||
description: "Відпрацювання на реальних моделях з перших днів.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-going-through-microblading-treatment_23-2149238666.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/overhead-view-tweezers-makeup-brush-mascara-brush-isolated-beige-background_23-2148074011.jpg",
|
||||
buttonText: "Докладніше",
|
||||
},
|
||||
{
|
||||
title: "Живі моделі",
|
||||
description: "Робота з реальними клієнтами під наглядом майстра.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/master-white-gloves-work-balck-eyebrows-technique-beauty-salon_231208-3578.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/make-up-artist-wearing-medical-mask-using-mascara_23-2148694595.jpg",
|
||||
buttonText: "Докладніше",
|
||||
},
|
||||
{
|
||||
title: "Підтримка після курсу",
|
||||
description: "Ми не залишаємо вас після отримання диплома.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-women-spending-time-together_23-2148440475.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-preparing-party_23-2149272214.jpg",
|
||||
buttonText: "Докладніше",
|
||||
},
|
||||
{ title: "Багато практики", description: "Відпрацювання на реальних моделях з перших днів.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-going-through-microblading-treatment_23-2149238666.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/overhead-view-tweezers-makeup-brush-mascara-brush-isolated-beige-background_23-2148074011.jpg", buttonText: "Докладніше" },
|
||||
{ title: "Живі моделі", description: "Робота з реальними клієнтами під наглядом майстра.", imageSrc: "http://img.b2bpic.net/free-photo/master-white-gloves-work-balck-eyebrows-technique-beauty-salon_231208-3578.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/make-up-artist-wearing-medical-mask-using-mascara_23-2148694595.jpg", buttonText: "Докладніше" },
|
||||
{ title: "Підтримка після курсу", description: "Ми не залишаємо вас після отримання диплома.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-women-spending-time-together_23-2148440475.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-preparing-party_23-2149272214.jpg", buttonText: "Докладніше" },
|
||||
]}
|
||||
title="Чому саме Permanent by Petrunko"
|
||||
description="Отримайте максимум практичних навичок для швидкого старту вашої кар'єри."
|
||||
@@ -128,21 +89,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "9+",
|
||||
description: "Років у б'юті",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "90%",
|
||||
description: "Успішних випускників",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1000$",
|
||||
description: "Мінімальний дохід",
|
||||
},
|
||||
{ id: "m1", value: "9+", description: "Років у б'юті" },
|
||||
{ id: "m2", value: "90%", description: "Успішних випускників" },
|
||||
{ id: "m3", value: "1000$", description: "Мінімальний дохід" },
|
||||
]}
|
||||
title="Цифри про нас"
|
||||
description="Довіра, підкріплена результатом."
|
||||
@@ -156,46 +105,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Анна",
|
||||
role: "Учень",
|
||||
company: "Permanent by Petrunko",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-women-party_23-2149272200.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Марія",
|
||||
role: "Клієнт",
|
||||
company: "Permanent by Petrunko",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/master-white-gloves-work-balck-eyebrows-technique-beauty-salon_231208-3582.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Юлія",
|
||||
role: "Учень",
|
||||
company: "Permanent by Petrunko",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/without-retouch-photo-practise-portrait-young-brunette-woman-with-evening-stylish-makeup-perfect-clean-skin-sexy-model-with-hair-bun-posing-studio-with-pink-bright-natural-lips_158538-24216.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Вікторія",
|
||||
role: "Клієнт",
|
||||
company: "Permanent by Petrunko",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-women-taking-selfie-together-after-session-shopping_23-2148673258.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Оксана",
|
||||
role: "Учень",
|
||||
company: "Permanent by Petrunko",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-glad-girl-pink-eyemask-laughing-while-posing-kitchen-indoor-photo-pretty-sisters-joking-morning_197531-21460.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Анна", role: "Учень", company: "Permanent by Petrunko", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-women-party_23-2149272200.jpg" },
|
||||
{ id: "t2", name: "Марія", role: "Клієнт", company: "Permanent by Petrunko", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/master-white-gloves-work-balck-eyebrows-technique-beauty-salon_231208-3582.jpg" },
|
||||
{ id: "t3", name: "Юлія", role: "Учень", company: "Permanent by Petrunko", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/without-retouch-photo-practise-portrait-young-brunette-woman-with-evening-stylish-makeup-perfect-clean-skin-sexy-model-with-hair-bun-posing-studio-with-pink-bright-natural-lips_158538-24216.jpg" },
|
||||
{ id: "t4", name: "Вікторія", role: "Клієнт", company: "Permanent by Petrunko", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-women-taking-selfie-together-after-session-shopping_23-2148673258.jpg" },
|
||||
{ id: "t5", name: "Оксана", role: "Учень", company: "Permanent by Petrunko", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/caucasian-glad-girl-pink-eyemask-laughing-while-posing-kitchen-indoor-photo-pretty-sisters-joking-morning_197531-21460.jpg" },
|
||||
]}
|
||||
title="Відгуки учнів та клієнтів"
|
||||
description="Ваш успіх — найкраща нагорода для мене."
|
||||
@@ -210,36 +124,9 @@ export default function LandingPage() {
|
||||
title="Останні публікації"
|
||||
description="Поради та корисна інформація про догляд та макіяж."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Догляд",
|
||||
title: "Архітектура брів: як створити форму",
|
||||
excerpt: "Індивідуальне рішення для кожного обличчя.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-blogger-beauty-makeup-vlogger-showing-lipstick-swatches-her-hand_1258-254771.jpg",
|
||||
authorName: "Олеся",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/side-view-tattoo-artist-doing-her-job_23-2149445992.jpg",
|
||||
date: "5 днів тому",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Перманент",
|
||||
title: "Колористика: підбір відтінку",
|
||||
excerpt: "Гарантія красивого та довготривалого результату.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-going-through-microblading-procedure_23-2149183900.jpg",
|
||||
authorName: "Олеся",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",
|
||||
date: "5 днів тому",
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Кар'єра",
|
||||
title: "Рекомендуй — заробляй!",
|
||||
excerpt: "Бонус за навчання ваших знайомих.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-makeup-artist-with-palette-working-with-model_23-2147783935.jpg",
|
||||
authorName: "Олеся",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-working-side-view_23-2149445966.jpg",
|
||||
date: "5 днів тому",
|
||||
},
|
||||
{ id: "b1", category: "Догляд", title: "Архітектура брів: як створити форму", excerpt: "Індивідуальне рішення для кожного обличчя.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-blogger-beauty-makeup-vlogger-showing-lipstick-swatches-her-hand_1258-254771.jpg", authorName: "Олеся", authorAvatar: "http://img.b2bpic.net/free-photo/side-view-tattoo-artist-doing-her-job_23-2149445992.jpg", date: "5 днів тому" },
|
||||
{ id: "b2", category: "Перманент", title: "Колористика: підбір відтінку", excerpt: "Гарантія красивого та довготривалого результату.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-going-through-microblading-procedure_23-2149183900.jpg", authorName: "Олеся", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg", date: "5 днів тому" },
|
||||
{ id: "b3", category: "Кар'єра", title: "Рекомендуй — заробляй!", excerpt: "Бонус за навчання ваших знайомих.", imageSrc: "http://img.b2bpic.net/free-photo/crop-makeup-artist-with-palette-working-with-model_23-2147783935.jpg", authorName: "Олеся", authorAvatar: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-working-side-view_23-2149445966.jpg", date: "5 днів тому" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -248,21 +135,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Чи потрібен досвід?",
|
||||
content: "Ні, ми навчаємо з нуля.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Чи є розстрочка?",
|
||||
content: "Так, надаємо можливість оплати частинами.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Що після курсу?",
|
||||
content: "Диплом та підтримка майстра.",
|
||||
},
|
||||
{ id: "f1", title: "Чи потрібен досвід?", content: "Ні, ми навчаємо з нуля." },
|
||||
{ id: "f2", title: "Чи є розстрочка?", content: "Так, надаємо можливість оплати частинами." },
|
||||
{ id: "f3", title: "Що після курсу?", content: "Диплом та підтримка майстра." },
|
||||
]}
|
||||
sideTitle="Залишилися питання?"
|
||||
sideDescription="Ми тут, щоб допомогти вам на шляху до нової професії."
|
||||
@@ -273,30 +148,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Готові до змін? Запишіться на безкоштовну консультацію вже сьогодні."
|
||||
buttons={[
|
||||
{
|
||||
text: "Записатися",
|
||||
href: "mailto:arthurpetrunko@gmail.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Записатися", href: "mailto:arthurpetrunko@gmail.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Permanent by Petrunko"
|
||||
leftLink={{
|
||||
text: "Харків, вул. Григорія Сковороди, 79/1",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "© 2026 Усі права захищено",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Харків, вул. Григорія Сковороди, 79/1", href: "#" }}
|
||||
rightLink={{ text: "© 2026 Усі права захищено", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user