From 2fa8461c1431dd0278a383fd515be9bdfb5da5b2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 5 May 2026 23:48:12 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 315 +++++++++--------------------------------------
 1 file changed, 56 insertions(+), 259 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index af57cef..f4bf7f7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Главная",
-          id: "hero",
-        },
-        {
-          name: "О нас",
-          id: "about",
-        },
-        {
-          name: "Услуги",
-          id: "services",
-        },
-        {
-          name: "Отзывы",
-          id: "testimonials",
-        },
-        {
-          name: "Контакты",
-          id: "contact",
-        },
+        { name: "Главная", id: "hero" },
+        { name: "О нас", id: "about" },
+        { name: "Услуги", id: "services" },
+        { name: "Отзывы", id: "testimonials" },
+        { name: "Контакты", id: "contact" },
       ]}
       brandName="BABOR"
     />
@@ -58,105 +43,38 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ variant: "radial-gradient" }}
       title="Институт красоты BABOR — синергия науки и эстетики"
       description="Премиальные процедуры для лица и тела с видимым результатом уже после первого визита."
       leftCarouselItems={[
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKJPyFA07mBxUPirOD94eTfMa1/uploaded-1778024824892-w2zdf8ai.png?_wi=1",
-          imageAlt: "BABOR Spa Procedure",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKJPyFA07mBxUPirOD94eTfMa1/uploaded-1778024824892-aurxca01.png?_wi=1",
-          imageAlt: "BABOR Certificates",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKJPyFA07mBxUPirOD94eTfMa1/uploaded-1778024824893-x2ve5e9m.png?_wi=1",
-          imageAlt: "BABOR Spa Procedure",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-representation-plastic-waste-young-woman_23-2148763379.jpg?_wi=1",
-          imageAlt: "BABOR Certificates",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/spa-concept-with-woman-bed_23-2147816941.jpg?_wi=1",
-          imageAlt: "BABOR Spa Procedure",
-        },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKJPyFA07mBxUPirOD94eTfMa1/uploaded-1778024824892-w2zdf8ai.png", imageAlt: "BABOR Spa Procedure" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKJPyFA07mBxUPirOD94eTfMa1/uploaded-1778024824892-aurxca01.png", imageAlt: "BABOR Certificates" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKJPyFA07mBxUPirOD94eTfMa1/uploaded-1778024824893-x2ve5e9m.png", imageAlt: "BABOR Spa Procedure" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/abstract-representation-plastic-waste-young-woman_23-2148763379.jpg", imageAlt: "BABOR Certificates" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/spa-concept-with-woman-bed_23-2147816941.jpg", imageAlt: "BABOR Spa Procedure" },
       ]}
       rightCarouselItems={[
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKJPyFA07mBxUPirOD94eTfMa1/uploaded-1778024824892-aurxca01.png?_wi=2",
-          imageAlt: "BABOR Certificates",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKJPyFA07mBxUPirOD94eTfMa1/uploaded-1778024824892-w2zdf8ai.png?_wi=2",
-          imageAlt: "BABOR Spa Procedure",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKJPyFA07mBxUPirOD94eTfMa1/uploaded-1778024824893-x2ve5e9m.png?_wi=2",
-          imageAlt: "BABOR Certificates",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-representation-plastic-waste-young-woman_23-2148763379.jpg?_wi=2",
-          imageAlt: "BABOR Spa Procedure",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/spa-concept-with-woman-bed_23-2147816941.jpg?_wi=2",
-          imageAlt: "BABOR Certificates",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Записаться",
-          href: "#contact",
-        },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKJPyFA07mBxUPirOD94eTfMa1/uploaded-1778024824892-aurxca01.png", imageAlt: "BABOR Certificates" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKJPyFA07mBxUPirOD94eTfMa1/uploaded-1778024824892-w2zdf8ai.png", imageAlt: "BABOR Spa Procedure" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKJPyFA07mBxUPirOD94eTfMa1/uploaded-1778024824893-x2ve5e9m.png", imageAlt: "BABOR Certificates" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/abstract-representation-plastic-waste-young-woman_23-2148763379.jpg", imageAlt: "BABOR Spa Procedure" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/spa-concept-with-woman-bed_23-2147816941.jpg", imageAlt: "BABOR Certificates" },
       ]}
+      buttons={[{ text: "Записаться", href: "#contact" }]}
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-gold-body-painting_23-2150834474.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-gold-body-painting_23-2150466337.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-s-portrait-watching-camera_633478-1360.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-with-gold-body-painting_23-2150834500.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-holding-tea-cup-relaxing-spa-salon_176420-7548.jpg",
-          alt: "Client 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-gold-body-painting_23-2150834474.jpg", alt: "Client 1" },
+        { src: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-gold-body-painting_23-2150466337.jpg", alt: "Client 2" },
+        { src: "http://img.b2bpic.net/free-photo/woman-s-portrait-watching-camera_633478-1360.jpg", alt: "Client 3" },
+        { src: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-with-gold-body-painting_23-2150834500.jpg", alt: "Client 4" },
+        { src: "http://img.b2bpic.net/free-photo/young-woman-holding-tea-cup-relaxing-spa-salon_176420-7548.jpg", alt: "Client 5" },
       ]}
       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: "Результат с первого визита" },
+        { type: "text", text: "Высокие стандарты" },
       ]}
     />
   </div>
@@ -176,26 +94,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Уход за лицом",
-          description: "Омоложение, лифтинг, пилинги и восстановление кожи для видимого сияния.",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-representation-plastic-waste-young-woman_23-2148763379.jpg?_wi=3",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/woman-making-beauty-procedures-beauty-salon_1303-16725.jpg",
-          buttonText: "Подробнее",
-        },
+          title: "Уход за лицом",          description: "Омоложение, лифтинг, пилинги и восстановление кожи для видимого сияния.",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-representation-plastic-waste-young-woman_23-2148763379.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/woman-making-beauty-procedures-beauty-salon_1303-16725.jpg",          buttonText: "Подробнее"},
         {
-          title: "Уход за телом",
-          description: "Лимфодренажный массаж, детокс и аппаратные методики коррекции фигуры.",
-          imageSrc: "http://img.b2bpic.net/free-photo/spa-concept-with-woman-bed_23-2147816941.jpg?_wi=3",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-hotel-outdoors_23-2149037120.jpg",
-          buttonText: "Подробнее",
-        },
+          title: "Уход за телом",          description: "Лимфодренажный массаж, детокс и аппаратные методики коррекции фигуры.",          imageSrc: "http://img.b2bpic.net/free-photo/spa-concept-with-woman-bed_23-2147816941.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-hotel-outdoors_23-2149037120.jpg",          buttonText: "Подробнее"},
         {
-          title: "Волосы и SPA",
-          description: "Премиальные программы восстановления, окрашивание и уходы.",
-          imageSrc: "http://img.b2bpic.net/free-photo/spa-concept-with-relaxed-woman-with-long-dark-hair_23-2147821172.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/blonde-hair-with-tortoiseshell-comb_23-2151989103.jpg",
-          buttonText: "Подробнее",
-        },
+          title: "Волосы и SPA",          description: "Премиальные программы восстановления, окрашивание и уходы.",          imageSrc: "http://img.b2bpic.net/free-photo/spa-concept-with-relaxed-woman-with-long-dark-hair_23-2147821172.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/blonde-hair-with-tortoiseshell-comb_23-2151989103.jpg",          buttonText: "Подробнее"},
       ]}
       title="Наши направления"
       description="Индивидуальный подход к красоте вашего лица и тела."
@@ -209,21 +112,8 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "offer-1",
-          badge: "Подарок",
-          price: "Hand Massage",
-          subtitle: "Ручной массаж тела + 10 минут RELAX в подарок",
-          buttons: [
-            {
-              text: "Получить предложение",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Индивидуальный подход",
-            "Премиальные масла",
-            "Полное расслабление",
-          ],
+          id: "offer-1",          badge: "Подарок",          price: "Hand Massage",          subtitle: "Ручной массаж тела + 10 минут RELAX в подарок",          buttons: [{ text: "Получить предложение", href: "#contact" }],
+          features: ["Индивидуальный подход", "Премиальные масла", "Полное расслабление"],
         },
       ]}
       title="Специальное предложение"
@@ -233,30 +123,16 @@ export default function LandingPage() {
 
   <div id="result" data-section="result">
       <MetricCardEleven
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
-          value: "100%",
-          title: "Гладкость кожи",
-          description: "Глубокое восстановление",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-doctor-cosmetology-studio_1157-33848.jpg",
-        },
+          id: "m1",          value: "100%",          title: "Гладкость кожи",          description: "Глубокое восстановление",          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-doctor-cosmetology-studio_1157-33848.jpg"},
         {
-          id: "m2",
-          value: "Visible",
-          title: "Подтянутый контур",
-          description: "Мгновенный лифтинг-эффект",
-          imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-towels-wooden-plate-blurred-background_169016-27521.jpg",
-        },
+          id: "m2",          value: "Visible",          title: "Подтянутый контур",          description: "Мгновенный лифтинг-эффект",          imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-towels-wooden-plate-blurred-background_169016-27521.jpg"},
         {
-          id: "m3",
-          value: "Deep",
-          title: "Расслабление",
-          description: "Полный комфорт",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-cosmetic-products_23-2148547416.jpg",
-        },
+          id: "m3",          value: "Deep",          title: "Расслабление",          description: "Полный комфорт",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-cosmetic-products_23-2148547416.jpg"},
       ]}
       title="Результат, который вы чувствуете"
       description="Не просто процедуры — преображение, которое заметно каждому."
@@ -268,46 +144,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          title: "Прекрасный сервис",
-          quote: "Очень красивое пространство и высокий уровень сервиса. Хочется возвращаться снова.",
-          name: "Елена",
-          role: "Клиент",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-gold-body-painting_23-2150466377.jpg",
-        },
-        {
-          id: "t2",
-          title: "Результат сразу",
-          quote: "После процедур кожа выглядит заметно лучше, а настроение меняется сразу.",
-          name: "Анна",
-          role: "Клиент",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-salon_176420-7509.jpg",
-        },
-        {
-          id: "t3",
-          title: "Искренняя забота",
-          quote: "Профессиональные специалисты и искренняя забота о клиентах.",
-          name: "Мария",
-          role: "Клиент",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-woman-talking-smartphone-armchair-office_23-2148042626.jpg",
-        },
-        {
-          id: "t4",
-          title: "Любимое место",
-          quote: "Лучшее место для расслабления и ухода за лицом в Новосибирске.",
-          name: "Ольга",
-          role: "Клиент",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-caucasian-girl-with-brown-eyes-silk-white-scarf-hand-attractive-female-model-holding-hands-near-face-beauty-appearance-stylish-clothes-nude-professional-makeup_8353-12451.jpg",
-        },
-        {
-          id: "t5",
-          title: "Высокий уровень",
-          quote: "Качество косметики BABOR всегда на высоте, специалисты — мастера своего дела.",
-          name: "Ирина",
-          role: "Клиент",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-using-gua-sha-tool_23-2149349095.jpg",
-        },
+        { id: "t1", title: "Прекрасный сервис", quote: "Очень красивое пространство и высокий уровень сервиса. Хочется возвращаться снова.", name: "Елена", role: "Клиент", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-gold-body-painting_23-2150466377.jpg" },
+        { id: "t2", title: "Результат сразу", quote: "После процедур кожа выглядит заметно лучше, а настроение меняется сразу.", name: "Анна", role: "Клиент", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-salon_176420-7509.jpg" },
+        { id: "t3", title: "Искренняя забота", quote: "Профессиональные специалисты и искренняя забота о клиентах.", name: "Мария", role: "Клиент", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-woman-talking-smartphone-armchair-office_23-2148042626.jpg" },
+        { id: "t4", title: "Любимое место", quote: "Лучшее место для расслабления и ухода за лицом в Новосибирске.", name: "Ольга", role: "Клиент", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-caucasian-girl-with-brown-eyes-silk-white-scarf-hand-attractive-female-model-holding-hands-near-face-beauty-appearance-stylish-clothes-nude-professional-makeup_8353-12451.jpg" },
+        { id: "t5", title: "Высокий уровень", quote: "Качество косметики BABOR всегда на высоте, специалисты — мастера своего дела.", name: "Ирина", role: "Клиент", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-using-gua-sha-tool_23-2149349095.jpg" },
       ]}
       title="Отзывы наших клиентов"
       description="Нам доверяют самое ценное — свою красоту."
@@ -318,26 +159,10 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "f1",
-          title: "Квалифицированные специалисты",
-          content: "В нашей команде работают эксперты с медицинским образованием.",
-        },
-        {
-          id: "f2",
-          title: "Современное оборудование",
-          content: "Используем только сертифицированные мировые аппараты для эстетики.",
-        },
-        {
-          id: "f3",
-          title: "Индивидуальные программы",
-          content: "Подбираем уход исходя из потребностей именно вашей кожи.",
-        },
-        {
-          id: "f4",
-          title: "Стерильность и безопасность",
-          content: "Строго соблюдаем все протоколы дезинфекции и чистоты.",
-        },
+        { id: "f1", title: "Квалифицированные специалисты", content: "В нашей команде работают эксперты с медицинским образованием." },
+        { id: "f2", title: "Современное оборудование", content: "Используем только сертифицированные мировые аппараты для эстетики." },
+        { id: "f3", title: "Индивидуальные программы", content: "Подбираем уход исходя из потребностей именно вашей кожи." },
+        { id: "f4", title: "Стерильность и безопасность", content: "Строго соблюдаем все протоколы дезинфекции и чистоты." },
       ]}
       sideTitle="Почему выбирают нас?"
       sideDescription="Мы создаем атмосферу, в которой красота встречается с заботой."
@@ -351,18 +176,10 @@ export default function LandingPage() {
       title="Запишитесь на процедуру и почувствуйте премиальный уход"
       description="Новосибирск, центр города. Мы всегда рады вас видеть."
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Ваше имя",
-        },
-        {
-          name: "phone",
-          type: "tel",
-          placeholder: "Номер телефона",
-        },
+        { name: "name", type: "text", placeholder: "Ваше имя" },
+        { name: "phone", type: "tel", placeholder: "Номер телефона" },
       ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKJPyFA07mBxUPirOD94eTfMa1/uploaded-1778024824893-x2ve5e9m.png?_wi=3"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKJPyFA07mBxUPirOD94eTfMa1/uploaded-1778024824893-x2ve5e9m.png"
     />
   </div>
 
@@ -371,37 +188,17 @@ export default function LandingPage() {
       logoText="BABOR Novosibirsk"
       columns={[
         {
-          title: "Навигация",
-          items: [
-            {
-              label: "Главная",
-              href: "#hero",
-            },
-            {
-              label: "О нас",
-              href: "#about",
-            },
-            {
-              label: "Услуги",
-              href: "#services",
-            },
+          title: "Навигация",          items: [
+            { label: "Главная", href: "#hero" },
+            { label: "О нас", href: "#about" },
+            { label: "Услуги", href: "#services" },
           ],
         },
         {
-          title: "Контакты",
-          items: [
-            {
-              label: "WhatsApp",
-              href: "#",
-            },
-            {
-              label: "Telegram",
-              href: "#",
-            },
-            {
-              label: "+7 (383) 000-00-00",
-              href: "tel:+73830000000",
-            },
+          title: "Контакты",          items: [
+            { label: "WhatsApp", href: "#" },
+            { label: "Telegram", href: "#" },
+            { label: "+7 (383) 000-00-00", href: "tel:+73830000000" },
           ],
         },
       ]}
-- 
2.49.1