Update src/app/page.tsx

Merge version_11 into main

src/app/page.tsx

@@ -3,16 +3,18 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
-import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
 import { Award, CheckCircle, HelpCircle, Sparkles, Star, Zap } from 'lucide-react';
 
 export default function LandingPage() {
@@ -37,7 +39,9 @@ export default function LandingPage() {
             { name: "Детали", id: "features-new" },
             { name: "Возможности", id: "about" },
             { name: "Цены", id: "pricing" },
+            { name: "Расширенные Цены", id: "pricing-additional" },
             { name: "Кейсы", id: "testimonials" },
+            { name: "Продукты", id: "products" },
             { name: "FAQ", id: "faq" }
           ]}
           button={{ text: "Заказать демо", href: "#contact" }}
@@ -70,7 +74,7 @@ export default function LandingPage() {
       </div>
 
       <div id="features" data-section="features">
-        <FeatureCardNine
+        <FeatureCardEight
           title="Инновационное решение против традиционного маркетинга"
           description="Наш сервис устраняет основные проблемы классических подходов к созданию контента, предоставляя масштабируемую, быструю и экономичную альтернативу."
           tag="Сравнение"
@@ -78,26 +82,23 @@ export default function LandingPage() {
           tagAnimation="blur-reveal"
           textboxLayout="default"
           useInvertedBackground={true}
-          animationType="blur-reveal"
-          showStepNumbers={true}
           features={[
             {
               id: 1,
-              title: "Быстрое создание персонажей",              description: "Мгновенная разработка концепции и создание персонажей за часы, а не недели. Забудьте о длительном поиске и кастинге моделей.",              phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJ5dWgRXPkFHxu1a8nQ1RJCGs2/ai-character-creation-interface-mockup-s-1774194908990-2b13e334.png", imageAlt: "AI character creation interface" },
-              phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJ5dWgRXPkFHxu1a8nQ1RJCGs2/mobile-app-interface-for-ai-influencer-g-1774194909873-c646062f.png", imageAlt: "Mobile app for AI influencer generation" }
+              title: "Быстрое создание персонажей",              description: "Мгновенная разработка концепции и создание персонажей за часы, а не недели. Забудьте о длительном поиске и кастинге моделей.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJ5dWgRXPkFHxu1a8nQ1RJCGs2/ai-character-creation-interface-mockup-s-1774194908990-2b13e334.png",              imageAlt: "AI character creation interface"
             },
             {
               id: 2,
-              title: "Масштабируемый и вариативный контент",              description: "Получайте неограниченное количество вариаций контента и идеальную визуальную консистентность без привязки к моделям или студиям.",              phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJ5dWgRXPkFHxu1a8nQ1RJCGs2/ai-influencer-on-a-digital-screen-interf-1774194910309-a78b871c.png", imageAlt: "AI influencer on digital screen" },
-              phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJ5dWgRXPkFHxu1a8nQ1RJCGs2/mobile-screen-showing-ai-generated-social-1774194908945-3d920367.png", imageAlt: "AI generated social media content" }
+              title: "Масштабируемый и вариативный контент",              description: "Получайте неограниченное количество вариаций контента и идеальную визуальную консистентность без привязки к моделям или студиям.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJ5dWgRXPkFHxu1a8nQ1RJCGs2/ai-influencer-on-a-digital-screen-interf-1774194910309-a78b871c.png",              imageAlt: "AI influencer on digital screen"
             },
             {
               id: 3,
-              title: "Экономия ресурсов и времени",              description: "Автоматизированное производство контента и мгновенные итерации значительно сокращают расходы и сроки, позволяя фокусироваться на стратегии.",              phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJ5dWgRXPkFHxu1a8nQ1RJCGs2/dashboard-showing-ai-content-production-m-1774194911000-8041c2d0.png", imageAlt: "AI content production dashboard" },
-              phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJ5dWgRXPkFHxu1a8nQ1RJCGs2/tablet-screen-with-content-scheduling-and-1774194910006-21820609.png", imageAlt: "Tablet screen with content scheduling" }
+              title: "Экономия ресурсов и времени",              description: "Автоматизированное производство контента и мгновенные итерации значительно сокращают расходы и сроки, позволяя фокусироваться на стратегии.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJ5dWgRXPkFHxu1a8nQ1RJCGs2/dashboard-showing-ai-content-production-m-1774194911000-8041c2d0.png",              imageAlt: "AI content production dashboard"
             }
           ]}
-          buttons={[{ text: "Узнать больше", href: "#about" }]}          buttonAnimation="slide-up"
+          buttons={[{ text: "Узнать больше", href: "#about" }]
+          }
+          buttonAnimation="slide-up"
         />
       </div>
 
@@ -128,7 +129,9 @@ export default function LandingPage() {
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJ5dWgRXPkFHxu1a8nQ1RJCGs2/a-sophisticated-infographic-or-diagram-s-1774194910201-1305e1bb.png"
           imageAlt="Процесс создания ИИ-инфлюенсера"
           useInvertedBackground={false}
-          buttons={[{ text: "Начать проект", href: "#contact" }]}          buttonAnimation="blur-reveal"
+          buttons={[{ text: "Начать проект", href: "#contact" }]
+          }
+          buttonAnimation="blur-reveal"
         />
       </div>
 
@@ -138,7 +141,9 @@ export default function LandingPage() {
           description={[
             "Мы создаем не просто изображения, а полноценные цифровые личности, способные эффективно взаимодействовать с вашей аудиторией. Это позволяет вашему бренду масштабировать контент, сохраняя при этом уникальность и консистентность.",            "Забудьте о сложностях традиционных фотосессий и видеосъемок. С нами вы получаете качественный контент для любых платформ, быстро и с полным контролем над каждым аспектом. Мы делаем технологии доступными для вашего креатива."
           ]}
-          buttons={[{ text: "Узнать больше", href: "#features" }]}          buttonAnimation="slide-up"
+          buttons={[{ text: "Узнать больше", href: "#features" }]
+          }
+          buttonAnimation="slide-up"
           showBorder={true}
           useInvertedBackground={true}
         />
@@ -177,7 +182,44 @@ export default function LandingPage() {
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJ5dWgRXPkFHxu1a8nQ1RJCGs2/enterprise-solution-showcase-unlimited-c-1774194910255-311f8351.png",              imageAlt: "Пакет Enterprise"
             }
           ]}
-          buttons={[{ text: "Посмотреть все возможности", href: "#features" }]}        />
+          buttons={[{ text: "Посмотреть все возможности", href: "#features" }]
+          }
+        />
+      </div>
+
+      <div id="pricing-additional" data-section="pricing-additional">
+        <PricingCardFive
+          title="Особые пакеты для стартапов и роста"
+          description="Дополнительные опции для тех, кто ищет гибкость и максимальную эффективность."
+          tag="Расширенные тарифы"
+          tagIcon={Sparkles}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          plans={[
+            {
+              id: "startup",              tag: "Для стартапов",              tagIcon: Sparkles,
+              price: "₽30 000",              period: "за проект",              description: "Идеально подходит для первых шагов в мире AI-маркетинга.",              button: { text: "Начать сейчас", href: "#contact" },
+              featuresTitle: "Включено:",              features: [
+                "1 базовый AI-персонаж",                "10 изображений в высоком разрешении",                "Стандартные позы и фоны",                "Базовая поддержка"
+              ]
+            },
+            {
+              id: "growth",              tag: "Для роста",              tagIcon: Award,
+              price: "₽80 000",              period: "за проект",              description: "Расширенный пакет для масштабирования вашего присутствия.",              button: { text: "Улучшить план", href: "#contact" },
+              featuresTitle: "Включено:",              features: [
+                "2 уникальных AI-персонажа",                "50 изображений и 1 видео",                "Кастомные позы и локации",                "Приоритетная поддержка 24/7",                "Доступ к библиотеке стилей"
+              ]
+            },
+            {
+              id: "premium",              tag: "Премиум",              tagIcon: Star,
+              price: "₽200 000+",              period: "индивидуально",              description: "Полностью настраиваемое решение для крупных кампаний.",              button: { text: "Запросить предложение", href: "#contact" },
+              featuresTitle: "Включено:",              features: [
+                "Неограниченное количество AI-персонажей",                "Полное медиа-производство (фото/видео)",                "Эксклюзивные стилизации и сценарии",                "Персональный менеджер и SLA",                "Интеграция с маркетинговыми платформами"
+              ]
+            }
+          ]}
+        />
       </div>
 
       <div id="testimonials" data-section="testimonials">
@@ -217,7 +259,9 @@ export default function LandingPage() {
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJ5dWgRXPkFHxu1a8nQ1RJCGs2/professional-headshot-of-a-beauty-or-lif-1774194911435-f531bff5.png"
             }
           ]}
-          buttons={[{ text: "Смотреть больше примеров", href: "#contact" }]}        />
+          buttons={[{ text: "Смотреть больше примеров", href: "#contact" }]
+          }
+        />
       </div>
 
       <div id="social-proof" data-section="social-proof">
@@ -235,7 +279,33 @@ export default function LandingPage() {
           useInvertedBackground={true}
           speed={40}
           showCard={true}
-          buttons={[{ text: "Присоединиться к партнерам", href: "#contact" }]}        />
+          buttons={[{ text: "Присоединиться к партнерам", href: "#contact" }]
+          }
+        />
+      </div>
+
+      <div id="products" data-section="products">
+        <ProductCardThree
+          title="Наши продукты"
+          description="Исследуйте нашу линейку продуктов, созданных для оптимизации ваших маркетинговых кампаний с AI-инфлюенсерами."
+          tag="Продукты"
+          tagIcon={Zap}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          gridVariant="three-columns-all-equal-width"
+          products={[
+            {
+              id: "product1",              name: "AI-Модель Стандарт",              price: "₽25 000",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJ5dWgRXPkFHxu1a8nQ1RJCGs2/basic-ai-model-product-card-display-with-1774194909568-12502157.png",              imageAlt: "AI-Модель Стандарт"
+            },
+            {
+              id: "product2",              name: "AI-Модель Премиум",              price: "₽75 000",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJ5dWgRXPkFHxu1a8nQ1RJCGs2/premium-ai-model-product-card-display-wi-1774194910375-38437024.png",              imageAlt: "AI-Модель Премиум"
+            },
+            {
+              id: "product3",              name: "AI-Модель Enterprise",              price: "Индивидуально",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJ5dWgRXPkFHxu1a8nQ1RJCGs2/enterprise-ai-model-product-card-display-1774194909794-fb41ff9d.png",              imageAlt: "AI-Модель Enterprise"
+            }
+          ]}
+        />
       </div>
 
       <div id="faq" data-section="faq">
@@ -268,7 +338,9 @@ export default function LandingPage() {
               id: "6",              title: "Можно ли получить белый лейбл (white-label) решение?",              content: "Да, для агентств и крупных компаний мы предоставляем white-label решение с вашим брендингом. Свяжитесь с нами для обсуждения условий и интеграции API."
             }
           ]}
-          buttons={[{ text: "Остались вопросы?", href: "#contact" }]}        />
+          buttons={[{ text: "Остались вопросы?", href: "#contact" }]
+          }
+        />
       </div>
 
       <div id="contact" data-section="contact">
@@ -330,4 +402,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}