Update src/app/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
+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';
@@ -11,6 +11,7 @@ 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 { Award, CheckCircle, HelpCircle, Sparkles, Star, Zap } from 'lucide-react';
 
 export default function LandingPage() {
@@ -32,6 +33,7 @@ export default function LandingPage() {
           brandName="AIInfluencer"
           navItems={[
             { name: "О решении", id: "features" },
+            { name: "Детали", id: "features-new" },
             { name: "Возможности", id: "about" },
             { name: "Цены", id: "pricing" },
             { name: "Кейсы", id: "testimonials" },
@@ -42,38 +44,27 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroSplitDoubleCarousel
+        <HeroBillboardGallery
           title="ИИ-инфлюенсер, который работает на ваш бренд"
           description="Создаём цифровой персонаж под ключ: от концепции образа до фото, видео и социальных сетей. Масштабируйте контент без зависимости от моделей и студий — за часы, а не недели."
           tag="Премиум решение"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           background={{ variant: "radial-gradient" }}
-          leftCarouselItems={[
+          mediaItems={[
             { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJ5dWgRXPkFHxu1a8nQ1RJCGs2/a-stunning-ai-generated-digital-avatar-i-1774194910432-1461835b.png", imageAlt: "Профессиональный цифровой аватар в деловом стиле" },
             { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJ5dWgRXPkFHxu1a8nQ1RJCGs2/a-fashion-forward-ai-digital-avatar-wear-1774194910927-6824c557.png", imageAlt: "Модный цифровой аватар в стиле лайфстайл" },
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJ5dWgRXPkFHxu1a8nQ1RJCGs2/an-ai-generated-digital-ambassador-showc-1774194909389-ce75c1c6.png", imageAlt: "Цифровой персонаж для демонстрации товаров" }
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJ5dWgRXPkFHxu1a8nQ1RJCGs2/an-ai-generated-digital-ambassador-showc-1774194909389-ce75c1c6.png", imageAlt: "Цифровой персонаж для демонстрации товаров" },
-          ]}
-          rightCarouselItems={[
             { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJ5dWgRXPkFHxu1a8nQ1RJCGs2/a-sophisticated-ai-generated-digital-ava-1774194910526-cd71f11f.png", imageAlt: "Цифровой аватар для красоты и косметики" },
             { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJ5dWgRXPkFHxu1a8nQ1RJCGs2/an-ai-digital-avatar-in-content-creator--1774194909300-d0714293.png", imageAlt: "AI персонаж для создателей контента" },
             { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJ5dWgRXPkFHxu1a8nQ1RJCGs2/multiple-ai-generated-digital-avatars-in-1774194909542-c2fb2887.jpg", imageAlt: "Разнообразные цифровые персонажи в разных стилях" }
           ]}
+          mediaAnimation="blur-reveal"
           buttons={[
             { text: "Заказать демонстрацию", href: "#contact" },
             { text: "Посмотреть кейсы", href: "#testimonials" }
           ]}
           buttonAnimation="slide-up"
-          carouselPosition="right"
-          marqueeItems={[
-            { type: "text", text: "Premium AI Generation" },
-            { type: "text", text: "Instant Production" },
-            { type: "text", text: "Unlimited Variations" },
-            { type: "text", text: "Brand Consistency" },
-            { type: "text", text: "24/7 Availability" }
-          ]}
-          marqueeSpeed={40}
-          showMarqueeCard={true}
         />
       </div>
 
@@ -105,8 +96,24 @@ export default function LandingPage() {
               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" }
             }
           ]}
-          buttons={[{ text: "Узнать больше", href: "#about" }]}
+          buttons={[{ text: "Узнать больше", href: "#about" }]}          buttonAnimation="slide-up"
-          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="features-new" data-section="features-new">
+        <FeatureBorderGlow
+          title="Продвинутые возможности"
+          description="Оцените все преимущества работы с AI-инфлюенсерами."
+          tag="Технологии"
+          tagIcon={Zap}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          features={[
+            { icon: Sparkles, title: "Уникальные образы", description: "Создайте цифровые аватары, которые идеально соответствуют эстетике вашего бренда." },
+            { icon: CheckCircle, title: "Мультиформатный контент", description: "Получайте фото и видео для любых платформ — от соцсетей до рекламных кампаний." },
+            { icon: Award, title: "Полное владение", description: "Все права на созданных персонажей и контент принадлежат только вам." }
+          ]}
         />
       </div>
 
@@ -120,8 +127,7 @@ 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" }]}
+          buttons={[{ text: "Начать проект", href: "#contact" }]}          buttonAnimation="blur-reveal"
-          buttonAnimation="blur-reveal"
         />
       </div>
 
@@ -158,8 +164,7 @@ 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="testimonials" data-section="testimonials">
@@ -199,8 +204,7 @@ 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">
@@ -218,8 +222,7 @@ export default function LandingPage() {
           useInvertedBackground={true}
           speed={40}
           showCard={true}
-          buttons={[{ text: "Присоединиться к партнерам", href: "#contact" }]}
+          buttons={[{ text: "Присоединиться к партнерам", href: "#contact" }]}        />
-        />
       </div>
 
       <div id="faq" data-section="faq">
@@ -252,8 +255,7 @@ 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">