From af4b412730bd1f6d5a5c18a5c93264dd2f00b634 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 26 Apr 2026 18:06:16 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 287 +++++++----------------------------------------
 1 file changed, 42 insertions(+), 245 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ba2d32c..90bb309 100644
--- a/src/app/page.tsx
+++ b/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>
-- 
2.49.1