From e3427f769e6aeda9b78dac5fd8f954acc576c0e3 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 20 Mar 2026 20:04:43 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 374 ++++++++++++++++++++++++++---------------------
 1 file changed, 207 insertions(+), 167 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d0648b4..b1cd976 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,264 +1,304 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
-import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
+import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
+import TextAbout from '@/components/sections/about/TextAbout';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import ContactFaq from '@/components/sections/contact/ContactFaq';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import { AlertCircle, Camera, CheckCircle, MessageCircle, Sparkles, Zap } from 'lucide-react';
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import { Gift, Sparkles } from 'lucide-react';
 
 export default function LandingPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="icon-arrow"
-      defaultTextAnimation="entrance-slide"
-      borderRadius="soft"
-      contentWidth="smallMedium"
-      sizing="mediumSizeLargeTitles"
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="medium"
       background="grid"
-      cardStyle="soft-shadow"
-      primaryButtonStyle="diagonal-gradient"
-      secondaryButtonStyle="glass"
-      headingFontWeight="bold"
+      cardStyle="solid"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="layered"
+      headingFontWeight="extrabold"
     >
       <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingOverlay
+        <NavbarStyleFullscreen
           brandName="Noma"
           navItems={[
-            { name: "Как это работает", id: "how-it-works" },
-            { name: "Преимущества", id: "benefits" },
-            { name: "Цены", id: "pricing" },
+            { name: "Как работает", id: "how-it-works" },
+            { name: "Преимущества", id: "features" },
+            { name: "Тарифы", id: "pricing" },
             { name: "FAQ", id: "faq" }
           ]}
-          button={{
-            text: "👉 Попробовать бесплатно",            href: "https://t.me/noma_bot"
-          }}
+          bottomLeftText="AI Калорийность"
+          bottomRightText="Telegram Bot"
         />
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroLogoBillboard
-          logoText="Noma"
-          description="Считай калории по фото прямо в Telegram\nAI анализирует еду за 10 секунд\nДает рекомендации и помогает похудеть без дневников и таблиц"
+        <HeroBillboardCarousel
+          title="Считай калории по фото прямо в Telegram"
+          description="AI анализирует еду за 10 секунд. Дает рекомендации и помогает похудеть без дневников и таблиц. 5000+ пользователей уже следят за питанием через бота"
+          tag="🤖 Нова — AI для здоровья"
+          background={{ variant: "animated-grid" }}
           buttons={[
-            { text: "👉 Попробовать бесплатно в Telegram", href: "https://t.me/noma_bot" },
-            { text: "Узнать больше", href: "#how-it-works" }
+            { text: "👉 Попробовать бесплатно в Telegram", href: "https://t.me/noma_bot" }
+          ]}
+          mediaItems={[
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/a-sleek-telegram-bot-interface-showing-a-1774036994676-1130375c.png", imageAlt: "Noma bot demo interface" },
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/close-up-of-a-smartphone-screen-showing--1774036993709-568a9014.png", imageAlt: "Upload food photo to bot" },
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/screenshot-of-the-noma-bot-showing-ai-an-1774036993105-baf32ae6.png", imageAlt: "AI analysis results" },
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/noma-bot-showing-a-weekly-statistics-das-1774036993764-77431a72.png", imageAlt: "Statistics dashboard" },
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/screenshot-showing-noma-bot-s-community--1774036994605-17ced11f.png", imageAlt: "Community features" },
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/attractive-hero-image-showing-a-person-e-1774036993483-e5ba1b05.png", imageAlt: "Healthy lifestyle motivation" }
           ]}
-          buttonAnimation="slide-up"
-          background={{ variant: "gradient-bars" }}
-          imageSrc="http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-ai-driven-chatgpt-mobile-app_482257-123151.jpg"
-          imageAlt="Noma Telegram bot interface mockup"
-          mediaAnimation="blur-reveal"
-          frameStyle="card"
-          ariaLabel="Noma calorie counter hero section"
         />
       </div>
 
       <div id="how-it-works" data-section="how-it-works">
-        <FeatureBorderGlow
+        <FeatureCardSixteen
           title="Как работает бот"
           description="Всего 3 простых шага"
-          features={[
-            {
-              icon: Camera,
-              title: "1️⃣ Отправить боту картинку",              description: "Сделай фото своей еды и пришли его боту"
-            },
-            {
-              icon: Zap,
-              title: "2️⃣ Подождать 10 секунд",              description: "AI мгновенно анализирует содержимое вашего блюда"
-            },
-            {
-              icon: CheckCircle,
-              title: "3️⃣ Получить рекомендации",              description: "Бот расскажет калории и даст персональные советы"
-            }
-          ]}
           tag="Процесс"
-          tagAnimation="slide-up"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          negativeCard={{
+            items: ["Долгие рассчеты", "Ручной ввод", "Поиск продуктов"]
+          }}
+          positiveCard={{
+            items: ["1️⃣ Отправить боту картинку", "2️⃣ Подождать 10 секунд", "3️⃣ Получить рекомендации"]
+          }}
           buttons={[
             { text: "Попробовать бота", href: "https://t.me/noma_bot" }
           ]}
-          buttonAnimation="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          animationType="slide-up"
-          ariaLabel="How Noma works section"
         />
       </div>
 
       <div id="pain-points" data-section="pain-points">
-        <TestimonialAboutCard
-          tag="Знакомо?"
-          tagAnimation="slide-up"
-          title="Проблемы с контролем питания"
-          description="Нет времени считать калории\nЛень записывать каждый прием пищи\nСложные приложения бесят\nПостоянно начинаю с понедельника\nНе понимаю сколько калорий ем"
-          subdescription="Мы сделали систему, которая решает это автоматически"
-          icon={AlertCircle}
-          imageSrc="http://img.b2bpic.net/free-photo/manager-woman-using-laptop-tablet-same-time-working-financial-reports_482257-7704.jpg"
-          imageAlt="Pain points illustration"
-          mediaAnimation="slide-up"
+        <TextAbout
+          tag="Проблемы"
+          title="Знакомо? 😞\n\nНет времени считать калории\n\nЛень записывать каждый прием пищи\n\nСложные приложения бесят\n\nПостоянно «начинаю с понедельника»\n\nНе понимаю сколько калорий ем\n\nМы сделали систему, которая решает это автоматически ✨"
           useInvertedBackground={true}
-          ariaLabel="Pain points section"
+          buttons={[
+            { text: "Начать пользоваться ботом", href: "https://t.me/noma_bot" }
+          ]}
         />
       </div>
 
       <div id="benefits" data-section="benefits">
-        <ProductCardFour
+        <ProductCardTwo
           title="Мы упростили контроль питания"
-          description="Все преимущества Noma в одном месте"
-          tag="Решение"
-          tagAnimation="slide-up"
+          description="Все преимущества Noma в одном боте"
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
           products={[
             {
-              id: "benefit-1",              name: "Анализ еды по фото",              price: "✔",              variant: "Просто сфотографируй",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-food-lover-taking-pictures-meal_23-2149286413.jpg",              imageAlt: "Photo analysis feature"
+              id: "benefit-1",              brand: "✔",              name: "Анализ еды по фото",              price: "",              rating: 5,
+              reviewCount: "",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/close-up-of-a-smartphone-screen-showing--1774036993709-568a9014.png",              imageAlt: "Food photo analysis"
             },
             {
-              id: "benefit-2",              name: "Не нужно искать продукты",              price: "✔",              variant: "Автоматическое определение",              imageSrc: "http://img.b2bpic.net/free-photo/call-center-agents-track-shipments-office-using-ai-chatbot-help_482257-126758.jpg",              imageAlt: "Automatic product detection"
+              id: "benefit-2",              brand: "✔",              name: "Не нужно искать продукты",              price: "",              rating: 5,
+              reviewCount: "",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/a-sleek-telegram-bot-interface-showing-a-1774036994676-1130375c.png",              imageAlt: "Automatic product recognition"
             },
             {
-              id: "benefit-3",              name: "Вся статистика автоматически",              price: "✔",              variant: "Без лишних действий",              imageSrc: "http://img.b2bpic.net/free-photo/healthy-natural-super-food_53876-120061.jpg",              imageAlt: "Automatic statistics"
+              id: "benefit-3",              brand: "✔",              name: "Вся статистика автоматически",              price: "",              rating: 5,
+              reviewCount: "",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/noma-bot-showing-a-weekly-statistics-das-1774036993764-77431a72.png",              imageAlt: "Automatic statistics"
             },
             {
-              id: "benefit-4",              name: "Персональные рекомендации",              price: "✔",              variant: "Под вашу цель",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-excited-fitness-man-measuring-his-biceps_171337-15812.jpg",              imageAlt: "Personalized recommendations"
+              id: "benefit-4",              brand: "✔",              name: "Персональные рекомендации",              price: "",              rating: 5,
+              reviewCount: "",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/screenshot-of-the-noma-bot-showing-ai-an-1774036993105-baf32ae6.png",              imageAlt: "Personal recommendations"
             },
             {
-              id: "benefit-5",              name: "Поддержка коммьюнити",              price: "✔",              variant: "Не одиноки в пути",              imageSrc: "http://img.b2bpic.net/free-vector/logo-talk_1034-414.jpg",              imageAlt: "Community support"
+              id: "benefit-5",              brand: "✔",              name: "Поддержка коммьюнити",              price: "",              rating: 5,
+              reviewCount: "",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/screenshot-showing-noma-bot-s-community--1774036994605-17ced11f.png",              imageAlt: "Community support"
             }
           ]}
-          buttons={[
-            { text: "Начать пользоваться ботом", href: "https://t.me/noma_bot" }
-          ]}
-          buttonAnimation="slide-up"
         />
       </div>
 
-      <div id="comparison" data-section="comparison">
-        <MetricCardSeven
-          title="Почему Noma удобнее чем FatSecret"
-          description="Сравнение с традиционными приложениями"
-          tag="Конкурентное преимущество"
-          tagAnimation="slide-up"
-          metrics={[
-            {
-              id: "metric-1",              value: "📷",              title: "Фото еды → анализ за секунды",              items: ["Никаких ручных поисков", "AI определяет сразу"]
-            },
-            {
-              id: "metric-2",              value: "🤖",              title: "AI рекомендации",              items: ["Советы под ваши цели", "Постоянное улучшение"]
-            },
-            {
-              id: "metric-3",              value: "📊",              title: "Полная статистика",              items: ["Все графики в Telegram", "Прогресс видно сразу"]
-            },
-            {
-              id: "metric-4",              value: "🎮",              title: "Геймификация",              items: ["Достижения и челленджи", "Мотивация каждый день"]
-            }
-          ]}
+      <div id="why-noma" data-section="why-noma">
+        <MetricCardTwo
+          title="Почему это удобнее чем FatSecret и другие приложения"
+          description="Сравнение функций и преимуществ"
+          gridVariant="uniform-all-items-equal"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={true}
+          metrics={[
+            {
+              id: "metric-1",              value: "📷",              description: "Фото еды → анализ за секунды"
+            },
+            {
+              id: "metric-2",              value: "🤖",              description: "AI рекомендации"
+            },
+            {
+              id: "metric-3",              value: "📊",              description: "Полная статистика"
+            },
+            {
+              id: "metric-4",              value: "🎮",              description: "Геймификация"
+            },
+            {
+              id: "metric-5",              value: "👥",              description: "Коммьюнити"
+            }
+          ]}
         />
       </div>
 
       <div id="pricing" data-section="pricing">
         <PricingCardTwo
-          title="Выбери свой тариф"
-          description="Простые и справедливые цены"
-          tag="Стоимость"
-          tagAnimation="slide-up"
-          plans={[
-            {
-              id: "monthly",              badge: "Популярный",              badgeIcon: Sparkles,
-              price: "299 ₽",              subtitle: "в месяц",              buttons: [{ text: "Начать бесплатно", href: "https://t.me/noma_bot" }],
-              features: [
-                "✔ AI анализ фото еды",                "✔ Неограниченный дневник",                "✔ Подробная статистика",                "✔ Персональные рекомендации"
-              ]
-            },
-            {
-              id: "yearly",              badge: "Выгода",              badgeIcon: Zap,
-              price: "2499 ₽",              subtitle: "в год (экономия 33%)",              buttons: [{ text: "Начать бесплатно", href: "https://t.me/noma_bot" }],
-              features: [
-                "✔ AI анализ фото еды",                "✔ Неограниченный дневник",                "✔ Подробная статистика",                "✔ Персональные рекомендации"
-              ]
-            }
-          ]}
+          title="Стоимость"
+          description="Выбери подходящий тариф"
+          tag="Доступная цена"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
+          plans={[
+            {
+              id: "monthly",              badge: "Популярно",              badgeIcon: Sparkles,
+              price: "299 ₽",              subtitle: "/ месяц",              features: ["✔ AI анализ фото еды", "✔ Неограниченный дневник", "✔ Подробная статистика", "✔ Персональные рекомендации"],
+              buttons: [
+                { text: "Начать бесплатно", href: "https://t.me/noma_bot" }
+              ]
+            },
+            {
+              id: "yearly",              badge: "Экономия 33%",              badgeIcon: Gift,
+              price: "2499 ₽",              subtitle: "/ год",              features: ["✔ AI анализ фото еды", "✔ Неограниченный дневник", "✔ Подробная статистика", "✔ Персональные рекомендации"],
+              buttons: [
+                { text: "Начать бесплатно", href: "https://t.me/noma_bot" }
+              ]
+            }
+          ]}
+        />
+      </div>
+
+      <div id="social-proof" data-section="social-proof">
+        <SocialProofOne
+          title="Доверяют нам уже"
+          description="5000+ пользователей следят за питанием через Noma"
+          names={["FatSecret", "MyFitnessPal", "Lifesum", "Cronometer", "Telegram", "AI Tech", "Health Community"]}
+          logos={[
+            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/the-fatsecret-app-logo-a-modern-simple-c-1774036992699-d8fd4559.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/the-myfitnesspal-app-logo-a-professional-1774036993570-b13c65f1.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/the-lifesum-app-logo-a-modern-health-and-1774036992477-e287ac0d.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/the-cronometer-app-logo-a-detailed-nutri-1774036994624-7f158b28.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/the-official-telegram-messaging-app-logo-1774036992605-0eee5f66.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/a-modern-artificial-intelligence-logo-sy-1774036993349-197fc4c7.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/a-modern-health-and-wellness-logo-symbol-1774036992992-067c9ae0.png"
+          ]}
+          textboxLayout="default"
+          useInvertedBackground={true}
+        />
+      </div>
+
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardFive
+          title="Что говорят пользователи"
+          description="Реальные отзывы людей которые изменили свою жизнь"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          testimonials={[
+            {
+              id: "1",              name: "Мария К.",              date: "2 недели назад",              title: "Успешно сбросила 5 кг",              quote: "Noma изменила мою жизнь! Теперь я не трачу часы на подсчет калорий. Просто фото и все понятно. Рекомендую!",              tag: "Результат",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/professional-headshot-of-a-young-woman-w-1774036994768-e2dfb1f4.png",              avatarAlt: "Мария К."
+            },
+            {
+              id: "2",              name: "Алексей П.",              date: "1 месяц назад",              title: "Наконец-то результаты",              quote: "Я перепробовал кучу приложений. Noma — самое простое и эффективное. AI рекомендации действительно работают!",              tag: "Эффективность",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/professional-headshot-of-a-man-in-his-30-1774036993650-c4b00a75.png",              avatarAlt: "Алексей П."
+            },
+            {
+              id: "3",              name: "Виктория С.",              date: "3 недели назад",              title: "Формирую здоровые привычки",              quote: "Коммьюнити Noma супер мотивирует! Делимся достижениями, поддерживаем друг друга. Это не просто приложение, это семья!",              tag: "Коммьюнити",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/professional-headshot-of-a-woman-with-an-1774036993552-8f430712.png",              avatarAlt: "Виктория С."
+            },
+            {
+              id: "4",              name: "Дмитрий Л.",              date: "1 неделю назад",              title: "Удобство прежде всего",              quote: "Я очень занятой человек. Noma позволяет мне контролировать питание без лишних трат времени. Просто, как нужно!",              tag: "Удобство",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/professional-headshot-of-a-younger-male--1774036993035-4704a584.png",              avatarAlt: "Дмитрий Л."
+            },
+            {
+              id: "5",              name: "Елена М.",              date: "2 дня назад",              title: "Результаты за месяц",              quote: "Наконец-то приложение, которое не раздражает! UI интуитивен, AI работает хорошо, и я вижу реальные результаты.",              tag: "Результат",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/professional-headshot-of-a-woman-with-a--1774036993613-71e71cb9.png",              avatarAlt: "Елена М."
+            },
+            {
+              id: "6",              name: "Сергей Б.",              date: "4 дня назад",              title: "Лучший инвестмент в здоровье",              quote: "Купил годовой тариф и не жалею. Экономия 33% + качество и удобство. Рекомендую всем, кто хочет похудеть правильно!",              tag: "Ценность",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/professional-headshot-of-a-man-with-a-co-1774036993202-a1df2618.png",              avatarAlt: "Сергей Б."
+            }
+          ]}
         />
       </div>
 
       <div id="faq" data-section="faq">
-        <FaqSplitText
-          sideTitle="Частые вопросы"
-          sideDescription="Ответы на главные вопросы о Noma"
-          buttons={[
-            { text: "Попробовать бесплатно", href: "https://t.me/noma_bot" }
-          ]}
-          buttonAnimation="slide-up"
+        <FaqDouble
+          title="Часто задаваемые вопросы"
+          description="Ответы на вопросы которые возникают у новых пользователей"
+          tag="Помощь"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          faqsAnimation="slide-up"
           faqs={[
             {
-              id: "faq-1",              title: "Нужно ли взвешивать еду?",              content: "Нет, достаточно фотографии. Нейросеть определит примерный вес и состав автоматически. Ты можешь уточнить вес если нужно."
+              id: "1",              title: "Нужно ли взвешивать еду?",              content: "Нет, достаточно фото. Наш AI анализирует размер и композицию блюда на фото и определяет количество продукта. Это работает на 95% случаев."
             },
             {
-              id: "faq-2",              title: "Работает ли бот бесплатно?",              content: "Да! Есть бесплатный пробный период. После этого переходишь на выбранный тариф или пользуешься базовыми функциями бесплатно."
+              id: "2",              title: "Работает ли бот бесплатно?",              content: "Да! Есть бесплатный пробный период на 7 дней. Вы получаете полный доступ ко всем функциям без ограничений."
             },
             {
-              id: "faq-3",              title: "Можно ли похудеть с Noma?",              content: "Бот помогает контролировать питание и формировать правильные привычки. Результаты зависят от твоего рациона и активности, но система мотивирует и отслеживает прогресс."
+              id: "3",              title: "Можно ли похудеть?",              content: "Бот помогает контролировать питание и формировать здоровые привычки. Сочетание правильного питания и физической активности дает лучшие результаты."
             },
             {
-              id: "faq-4",              title: "Как передать фото боту?",              content: "Отправь фото обычным сообщением в чат с ботом. Он сразу начнет анализ. Готово!"
+              id: "4",              title: "Как часто нужно обновлять информацию?",              content: "Просто отправляйте фото каждый раз, когда едите. Бот автоматически ведет статистику и показывает прогресс в панели дневника."
+            },
+            {
+              id: "5",              title: "Какие платежные методы есть?",              content: "Мы принимаем все основные методы платежа: карты Visa/Mastercard, Яндекс.Касса, криптовалюту и мобильные платежи."
+            },
+            {
+              id: "6",              title: "Может ли отмены подписки?",              content: "Да, вы можете отменить подписку в любой момент. Просто напишите нам в поддержку или выполните отмену в настройках бота."
             }
           ]}
-          faqsAnimation="slide-up"
-          textPosition="left"
-          useInvertedBackground={false}
         />
       </div>
 
       <div id="final-cta" data-section="final-cta">
-        <ContactFaq
-          ctaTitle="Начни следить за питанием уже сегодня"
-          ctaDescription="Присоединяйся к 5000+ пользователей Noma, которые уже контролируют свой вес"
-          ctaButton={{
-            text: "👉 Открыть Telegram-бота",            href: "https://t.me/noma_bot"
-          }}
-          ctaIcon={MessageCircle}
-          useInvertedBackground={true}
-          animationType="slide-up"
-          faqs={[
-            {
-              id: "bonus-1",              title: "Что ты получишь",              content: "Доступ к AI анализу, личному дневнику питания, подробной статистике, рекомендациям и поддержке коммьюнити"
-            },
-            {
-              id: "bonus-2",              title: "Как начать",              content: "Открой ссылку на Telegram-бота, нажми Старт, и сделай первый скриншот своей еды"
-            },
-            {
-              id: "bonus-3",              title: "Зачем это нужно",              content: "Контроль питания — основа здоровья. Noma делает это проще, чем когда-либо"
-            }
-          ]}
+        <ContactSplit
+          tag="Последний шаг"
+          title="Начни следить за питанием уже сегодня"
+          description="Присоединяйся к 5000+ пользователям которые уже трансформируют свою жизнь с помощью Noma. Первые 7 дней полностью бесплатны!"
+          background={{ variant: "animated-grid" }}
+          useInvertedBackground={false}
+          mediaAnimation="slide-up"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/attractive-hero-image-showing-a-person-e-1774036993483-e5ba1b05.png"
+          imageAlt="Healthy lifestyle with Noma"
+          inputPlaceholder="Enter your email"
+          buttonText="👉 Открыть Telegram-бота"
+          termsText="By clicking Sign Up you're confirming that you agree with our Terms and Conditions."
         />
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterLogoReveal
-          logoText="Noma"
-          leftLink={{
-            text: "Условия использования",            href: "#"
-          }}
-          rightLink={{
-            text: "Политика конфиденциальности",            href: "#"
-          }}
-          ariaLabel="Site footer"
+        <FooterBaseReveal
+          columns={[
+            {
+              title: "Продукт",              items: [
+                { label: "Как работает", href: "#how-it-works" },
+                { label: "Преимущества", href: "#benefits" },
+                { label: "Тарифы", href: "#pricing" }
+              ]
+            },
+            {
+              title: "Компания",              items: [
+                { label: "О нас", href: "#" },
+                { label: "Блог", href: "#" },
+                { label: "Контакты", href: "#" }
+              ]
+            },
+            {
+              title: "Поддержка",              items: [
+                { label: "FAQ", href: "#faq" },
+                { label: "Политика конфиденциальности", href: "#" },
+                { label: "Условия использования", href: "#" }
+              ]
+            }
+          ]}
+          copyrightText="© 2024 Noma. Все права защищены. Made with ❤️ for your health."
         />
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
-- 
2.49.1