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

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2039c81..d0648b4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,304 +1,264 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-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 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 PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
-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';
+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';
 
 export default function LandingPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="text-stagger"
-      defaultTextAnimation="background-highlight"
-      borderRadius="pill"
-      contentWidth="medium"
-      sizing="medium"
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="smallMedium"
+      sizing="mediumSizeLargeTitles"
       background="grid"
-      cardStyle="solid"
-      primaryButtonStyle="double-inset"
-      secondaryButtonStyle="layered"
-      headingFontWeight="extrabold"
+      cardStyle="soft-shadow"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleFullscreen
+        <NavbarLayoutFloatingOverlay
           brandName="Noma"
           navItems={[
-            { name: "Как работает", id: "how-it-works" },
-            { name: "Преимущества", id: "features" },
-            { name: "Тарифы", id: "pricing" },
+            { name: "Как это работает", id: "how-it-works" },
+            { name: "Преимущества", id: "benefits" },
+            { name: "Цены", id: "pricing" },
             { name: "FAQ", id: "faq" }
           ]}
-          bottomLeftText="AI Калорийность"
-          bottomRightText="Telegram Bot"
+          button={{
+            text: "👉 Попробовать бесплатно",            href: "https://t.me/noma_bot"
+          }}
         />
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardCarousel
-          title="Считай калории по фото прямо в Telegram"
-          description="AI анализирует еду за 10 секунд. Дает рекомендации и помогает похудеть без дневников и таблиц. 5000+ пользователей уже следят за питанием через бота"
-          tag="🤖 Нова — AI для здоровья"
-          background={{ variant: "animated-grid" }}
+        <HeroLogoBillboard
+          logoText="Noma"
+          description="Считай калории по фото прямо в Telegram\nAI анализирует еду за 10 секунд\nДает рекомендации и помогает похудеть без дневников и таблиц"
           buttons={[
-            { 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?_wi=1", 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?_wi=1", 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?_wi=1", 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?_wi=1", 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?_wi=1", 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?_wi=1", imageAlt: "Healthy lifestyle motivation" }
+            { text: "👉 Попробовать бесплатно в Telegram", href: "https://t.me/noma_bot" },
+            { text: "Узнать больше", href: "#how-it-works" }
           ]}
+          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">
-        <FeatureCardSixteen
+        <FeatureBorderGlow
           title="Как работает бот"
           description="Всего 3 простых шага"
+          features={[
+            {
+              icon: Camera,
+              title: "1️⃣ Отправить боту картинку",              description: "Сделай фото своей еды и пришли его боту"
+            },
+            {
+              icon: Zap,
+              title: "2️⃣ Подождать 10 секунд",              description: "AI мгновенно анализирует содержимое вашего блюда"
+            },
+            {
+              icon: CheckCircle,
+              title: "3️⃣ Получить рекомендации",              description: "Бот расскажет калории и даст персональные советы"
+            }
+          ]}
           tag="Процесс"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          negativeCard={{
-            items: ["Долгие рассчеты", "Ручной ввод", "Поиск продуктов"]
-          }}
-          positiveCard={{
-            items: ["1️⃣ Отправить боту картинку", "2️⃣ Подождать 10 секунд", "3️⃣ Получить рекомендации"]
-          }}
+          tagAnimation="slide-up"
           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">
-        <TextAbout
-          tag="Проблемы"
-          title="Знакомо? 😞\n\nНет времени считать калории\n\nЛень записывать каждый прием пищи\n\nСложные приложения бесят\n\nПостоянно «начинаю с понедельника»\n\nНе понимаю сколько калорий ем\n\nМы сделали систему, которая решает это автоматически ✨"
+        <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"
           useInvertedBackground={true}
-          buttons={[
-            { text: "Начать пользоваться ботом", href: "https://t.me/noma_bot" }
-          ]}
+          ariaLabel="Pain points section"
         />
       </div>
 
       <div id="benefits" data-section="benefits">
-        <ProductCardTwo
+        <ProductCardFour
           title="Мы упростили контроль питания"
-          description="Все преимущества Noma в одном боте"
+          description="Все преимущества Noma в одном месте"
+          tag="Решение"
+          tagAnimation="slide-up"
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
           products={[
             {
-              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?_wi=2",              imageAlt: "Food photo analysis"
+              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-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?_wi=2",              imageAlt: "Automatic product recognition"
+              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-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?_wi=2",              imageAlt: "Automatic statistics"
+              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-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?_wi=2",              imageAlt: "Personal recommendations"
+              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-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?_wi=2",              imageAlt: "Community support"
+              id: "benefit-5",              name: "Поддержка коммьюнити",              price: "✔",              variant: "Не одиноки в пути",              imageSrc: "http://img.b2bpic.net/free-vector/logo-talk_1034-414.jpg",              imageAlt: "Community support"
             }
           ]}
+          buttons={[
+            { text: "Начать пользоваться ботом", href: "https://t.me/noma_bot" }
+          ]}
+          buttonAnimation="slide-up"
         />
       </div>
 
-      <div id="why-noma" data-section="why-noma">
-        <MetricCardTwo
-          title="Почему это удобнее чем FatSecret и другие приложения"
-          description="Сравнение функций и преимуществ"
-          gridVariant="uniform-all-items-equal"
+      <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: ["Достижения и челленджи", "Мотивация каждый день"]
+            }
+          ]}
           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="Доступная цена"
+          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 анализ фото еды",                "✔ Неограниченный дневник",                "✔ Подробная статистика",                "✔ Персональные рекомендации"
+              ]
+            }
+          ]}
           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">
-        <FaqDouble
-          title="Часто задаваемые вопросы"
-          description="Ответы на вопросы которые возникают у новых пользователей"
-          tag="Помощь"
-          textboxLayout="default"
-          useInvertedBackground={true}
-          faqsAnimation="slide-up"
+        <FaqSplitText
+          sideTitle="Частые вопросы"
+          sideDescription="Ответы на главные вопросы о Noma"
+          buttons={[
+            { text: "Попробовать бесплатно", href: "https://t.me/noma_bot" }
+          ]}
+          buttonAnimation="slide-up"
           faqs={[
             {
-              id: "1",              title: "Нужно ли взвешивать еду?",              content: "Нет, достаточно фото. Наш AI анализирует размер и композицию блюда на фото и определяет количество продукта. Это работает на 95% случаев."
+              id: "faq-1",              title: "Нужно ли взвешивать еду?",              content: "Нет, достаточно фотографии. Нейросеть определит примерный вес и состав автоматически. Ты можешь уточнить вес если нужно."
             },
             {
-              id: "2",              title: "Работает ли бот бесплатно?",              content: "Да! Есть бесплатный пробный период на 7 дней. Вы получаете полный доступ ко всем функциям без ограничений."
+              id: "faq-2",              title: "Работает ли бот бесплатно?",              content: "Да! Есть бесплатный пробный период. После этого переходишь на выбранный тариф или пользуешься базовыми функциями бесплатно."
             },
             {
-              id: "3",              title: "Можно ли похудеть?",              content: "Бот помогает контролировать питание и формировать здоровые привычки. Сочетание правильного питания и физической активности дает лучшие результаты."
+              id: "faq-3",              title: "Можно ли похудеть с Noma?",              content: "Бот помогает контролировать питание и формировать правильные привычки. Результаты зависят от твоего рациона и активности, но система мотивирует и отслеживает прогресс."
             },
             {
-              id: "4",              title: "Как часто нужно обновлять информацию?",              content: "Просто отправляйте фото каждый раз, когда едите. Бот автоматически ведет статистику и показывает прогресс в панели дневника."
-            },
-            {
-              id: "5",              title: "Какие платежные методы есть?",              content: "Мы принимаем все основные методы платежа: карты Visa/Mastercard, Яндекс.Касса, криптовалюту и мобильные платежи."
-            },
-            {
-              id: "6",              title: "Может ли отмены подписки?",              content: "Да, вы можете отменить подписку в любой момент. Просто напишите нам в поддержку или выполните отмену в настройках бота."
+              id: "faq-4",              title: "Как передать фото боту?",              content: "Отправь фото обычным сообщением в чат с ботом. Он сразу начнет анализ. Готово!"
             }
           ]}
+          faqsAnimation="slide-up"
+          textPosition="left"
+          useInvertedBackground={false}
         />
       </div>
 
       <div id="final-cta" data-section="final-cta">
-        <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?_wi=2"
-          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."
+        <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 делает это проще, чем когда-либо"
+            }
+          ]}
         />
       </div>
 
       <div id="footer" data-section="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."
+        <FooterLogoReveal
+          logoText="Noma"
+          leftLink={{
+            text: "Условия использования",            href: "#"
+          }}
+          rightLink={{
+            text: "Политика конфиденциальности",            href: "#"
+          }}
+          ariaLabel="Site footer"
         />
       </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file