From 36641f8f5e26feaa75dc282b4d8b0199c7b2691e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 22 Apr 2026 14:22:39 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 387 +++++++++++++++--------------------------------
 1 file changed, 120 insertions(+), 267 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6877d97..f8f4e75 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,282 +29,135 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="EcoApp"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Features", id: "features" },
+              { name: "About", id: "about" },
+              { name: "FAQ", id: "faq" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="EcoApp"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Управляйте своим будущим с EcoApp"
-      description="Приложение, которое делает экологичную жизнь простой, эффективной и стильной. Начните прямо сейчас."
-      imageSrc="http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17228.jpg"
-      imageAlt="EcoApp Mobile Interface"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardScroll
+            background={{ variant: "gradient-bars" }}
+            title="Управляйте своим будущим с EcoApp"
+            description="Приложение, которое делает экологичную жизнь простой, эффективной и стильной. Начните прямо сейчас."
+            imageSrc="http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17228.jpg"
+            imageAlt="EcoApp Mobile Interface"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="Наши достижения"
-      metrics={[
-        {
-          icon: Users,
-          label: "Пользователей",
-          value: "100k+",
-        },
-        {
-          icon: Award,
-          label: "Наград",
-          value: "25",
-        },
-        {
-          icon: Leaf,
-          label: "Сэкономлено тонн CO2",
-          value: "500+",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <AboutMetric
+            useInvertedBackground={false}
+            title="Наши достижения"
+            metrics={[
+              { icon: Users, label: "Пользователей", value: "100k+" },
+              { icon: Award, label: "Наград", value: "25" },
+              { icon: Leaf, label: "Сэкономлено тонн CO2", value: "500+" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardSix
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Молниеносная скорость",
-          description: "Работайте с данными без задержек.",
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-time-logo-templates-collection_23-2148945996.jpg",
-          imageAlt: "Speed",
-        },
-        {
-          title: "Вовлеченность сообщества",
-          description: "Станьте частью эко-движения.",
-          imageSrc: "http://img.b2bpic.net/free-vector/20-seo-blue-color-icon-presentation_1142-25521.jpg",
-          imageAlt: "Community",
-        },
-        {
-          title: "Максимальная безопасность",
-          description: "Ваши данные защищены на уровне банков.",
-          imageSrc: "http://img.b2bpic.net/free-photo/lock-sign-front-side-white-background_187299-40178.jpg",
-          imageAlt: "Security",
-        },
-      ]}
-      title="Преимущества EcoApp"
-      description="Мы создали инструмент, который сочетает в себе пользу и легкость использования."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardSix
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { title: "Молниеносная скорость", description: "Работайте с данными без задержек.", imageSrc: "http://img.b2bpic.net/free-vector/flat-time-logo-templates-collection_23-2148945996.jpg", imageAlt: "Speed" },
+              { title: "Вовлеченность сообщества", description: "Станьте частью эко-движения.", imageSrc: "http://img.b2bpic.net/free-vector/20-seo-blue-color-icon-presentation_1142-25521.jpg", imageAlt: "Community" },
+              { title: "Максимальная безопасность", description: "Ваши данные защищены на уровне банков.", imageSrc: "http://img.b2bpic.net/free-photo/lock-sign-front-side-white-background_187299-40178.jpg", imageAlt: "Security" },
+            ]}
+            title="Преимущества EcoApp"
+            description="Мы создали инструмент, который сочетает в себе пользу и легкость использования."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "99.9%",
-          title: "Аптайм",
-          description: "Стабильность 24/7",
-          imageSrc: "http://img.b2bpic.net/free-photo/green-abstract-background_23-2151820762.jpg",
-        },
-        {
-          id: "m2",
-          value: "5x",
-          title: "Рост",
-          description: "Скорость обработки",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-women-holding-rocket-icon_53876-65378.jpg",
-        },
-        {
-          id: "m3",
-          value: "0",
-          title: "Ошибок",
-          description: "Чистый код",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-people-holding-golden-key_53876-74779.jpg",
-        },
-      ]}
-      title="Эффективность"
-      description="Почему выбирают нас каждый день."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardEleven
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "99.9%", title: "Аптайм", description: "Стабильность 24/7", imageSrc: "http://img.b2bpic.net/free-photo/green-abstract-background_23-2151820762.jpg" },
+              { id: "m2", value: "5x", title: "Рост", description: "Скорость обработки", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-women-holding-rocket-icon_53876-65378.jpg" },
+              { id: "m3", value: "0", title: "Ошибок", description: "Чистый код", imageSrc: "http://img.b2bpic.net/free-photo/business-people-holding-golden-key_53876-74779.jpg" },
+            ]}
+            title="Эффективность"
+            description="Почему выбирают нас каждый день."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Алексей Иванов",
-          handle: "@alex",
-          testimonial: "Это лучшее приложение для экологии, что я пробовал!",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg",
-        },
-        {
-          id: "2",
-          name: "Мария Смирнова",
-          handle: "@smirnova",
-          testimonial: "Очень удобный интерфейс и полезный функционал.",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-cool-teenage-girl-with-no-make-up-pinkish-bob-hairdo-ring-her-nose-posing-indoors_343059-124.jpg",
-        },
-        {
-          id: "3",
-          name: "Дмитрий Петров",
-          handle: "@dpetrov",
-          testimonial: "Пользуюсь каждый день, очень рекомендую всем.",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-outline-business-side-face-male_1194-3839.jpg",
-        },
-        {
-          id: "4",
-          name: "Елена Соколова",
-          handle: "@sokolova",
-          testimonial: "Экономит мое время и помогает планете.",
-          imageSrc: "http://img.b2bpic.net/free-photo/sideways-mature-man-holding-his-tablet_23-2148404428.jpg",
-        },
-        {
-          id: "5",
-          name: "Игорь Кузнецов",
-          handle: "@igork",
-          testimonial: "Просто вау! Очень доволен результатом.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-lady-standing-with-crossed-arms-blouse-skirt-looking-confident_176474-55666.jpg",
-        },
-      ]}
-      title="Отзывы клиентов"
-      description="Что говорят наши пользователи о нас."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSix
+            textboxLayout="default"
+            useInvertedBackground={false}
+            animationType="slide-up"
+            testimonials={[
+              { id: "1", name: "Алексей Иванов", handle: "@alex", testimonial: "Это лучшее приложение для экологии, что я пробовал!", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg" },
+              { id: "2", name: "Мария Смирнова", handle: "@smirnova", testimonial: "Очень удобный интерфейс и полезный функционал.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-cool-teenage-girl-with-no-make-up-pinkish-bob-hairdo-ring-her-nose-posing-indoors_343059-124.jpg" },
+              { id: "3", name: "Дмитрий Петров", handle: "@dpetrov", testimonial: "Пользуюсь каждый день, очень рекомендую всем.", imageSrc: "http://img.b2bpic.net/free-photo/confident-outline-business-side-face-male_1194-3839.jpg" },
+              { id: "4", name: "Елена Соколова", handle: "@sokolova", testimonial: "Экономит мое время и помогает планете.", imageSrc: "http://img.b2bpic.net/free-photo/sideways-mature-man-holding-his-tablet_23-2148404428.jpg" },
+              { id: "5", name: "Игорь Кузнецов", handle: "@igork", testimonial: "Просто вау! Очень доволен результатом.", imageSrc: "http://img.b2bpic.net/free-photo/young-lady-standing-with-crossed-arms-blouse-skirt-looking-confident_176474-55666.jpg" },
+            ]}
+            title="Отзывы клиентов"
+            description="Что говорят наши пользователи о нас."
+          />
+        </div>
 
-  <div id="socialproof" data-section="socialproof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "EcoTech",
-        "GreenSolutions",
-        "NatureForce",
-        "EarthCare",
-        "PureEnergy",
-        "BioFlow",
-        "SustainableNow",
-      ]}
-      title="Нам доверяют лидеры"
-      description="Партнеры, которые поддерживают нас в миссии."
-    />
-  </div>
+        <div id="socialproof" data-section="socialproof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["EcoTech", "GreenSolutions", "NatureForce", "EarthCare", "PureEnergy", "BioFlow", "SustainableNow"]}
+            title="Нам доверяют лидеры"
+            description="Партнеры, которые поддерживают нас в миссии."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Как начать пользоваться?",
-          content: "Скачайте приложение и следуйте инструкциям в интерфейсе.",
-        },
-        {
-          id: "f2",
-          title: "Приложение бесплатное?",
-          content: "Базовая версия бесплатна для всех.",
-        },
-        {
-          id: "f3",
-          title: "Где найти помощь?",
-          content: "Через раздел контактов в приложении.",
-        },
-      ]}
-      sideTitle="Частые вопросы"
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "Как начать пользоваться?", content: "Скачайте приложение и следуйте инструкциям в интерфейсе." },
+              { id: "f2", title: "Приложение бесплатное?", content: "Базовая версия бесплатна для всех." },
+              { id: "f3", title: "Где найти помощь?", content: "Через раздел контактов в приложении." },
+            ]}
+            sideTitle="Частые вопросы"
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Свяжитесь с нами"
-      description="Есть вопросы или предложения? Напишите нам, мы открыты для диалога."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Ваше имя",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Ваш email",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Ваше сообщение",
-        rows: 4,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/ordered-office-stuff-laptop_23-2148225485.jpg"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Свяжитесь с нами"
+            description="Есть вопросы или предложения? Напишите нам, мы открыты для диалога."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Ваше имя", required: true },
+              { name: "email", type: "email", placeholder: "Ваш email", required: true },
+            ]}
+            textarea={{ name: "message", placeholder: "Ваше сообщение", rows: 4 }}
+            imageSrc="http://img.b2bpic.net/free-photo/ordered-office-stuff-laptop_23-2148225485.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "О нас",
-              href: "#about",
-            },
-            {
-              label: "Функции",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Контакты",
-              href: "#contact",
-            },
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-          ],
-        },
-      ]}
-      logoText="EcoApp"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "О нас", href: "#about" }, { label: "Функции", href: "#features" }] },
+              { items: [{ label: "Контакты", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
+            ]}
+            logoText="EcoApp"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file