Update src/app/page.tsx

Merge version_8 into main
2026-03-23 17:26:26 +00:00 · 2026-03-23 17:24:42 +00:00 · 2026-03-23 17:24:39 +00:00 · 2026-03-23 17:23:10 +00:00 · 2026-03-23 17:23:04 +00:00 · 2026-03-23 17:20:17 +00:00
2 changed files with 75 additions and 52 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,8 +2,8 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
-import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
+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';
@@ -11,6 +11,8 @@ 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 { Award, CheckCircle, HelpCircle, Sparkles, Star, Zap } from 'lucide-react';

 export default function LandingPage() {
@@ -32,6 +34,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,63 +45,76 @@ export default function LandingPage() {
      </div>

      <div id="hero" data-section="hero">
-        <HeroSplitDoubleCarousel
+        <HeroBillboardGallery
          title="ИИ-инфлюенсер, который работает на ваш бренд"
-          description="Создаём цифровой персонаж под ключ: от концепции образа до фото, видео и социальных сетей. Масштабируйте контент без зависимости от моделей и студий — за часы, а не недели."
+          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: "Цифровой персонаж для демонстрации товаров" }
-          ]}
-          rightCarouselItems={[
+            { 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/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>

      <div id="features" data-section="features">
-        <FeatureCardSixteen
+        <FeatureCardNine
          title="Инновационное решение против традиционного маркетинга"
          description="Наш сервис устраняет основные проблемы классических подходов к созданию контента, предоставляя масштабируемую, быструю и экономичную альтернативу."
          tag="Сравнение"
          tagIcon={CheckCircle}
          tagAnimation="blur-reveal"
-          negativeCard={{
-            items: [
-              "Зависимость от моделей и их графика",              "Длительный поиск и кастинг",              "Высокие расходы на студийные сессии",              "Медленная итерация и правки",              "Ограниченное количество вариаций",              "Проблемы с согласованием бренда"
-            ]
-          }}
-          positiveCard={{
-            items: [
-              "Полная свобода в создании персонажа",              "Минуты на разработку концепции",              "Автоматизированное производство контента",              "Мгновенные вариации и изменения",              "Неограниченные версии персонажа",              "Идеальная визуальная консистентность"
-            ]
-          }}
-          textboxLayout="split"
+          textboxLayout="default"
          useInvertedBackground={true}
          animationType="blur-reveal"
-          buttons={[{ text: "Узнать больше", href: "#about" }]}
-          buttonAnimation="slide-up"
+          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" }
+            },
+            {
+              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" }
+            },
+            {
+              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" }
+            }
+          ]}
+          buttons={[{ text: "Узнать больше", href: "#about" }]}          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="features-new" data-section="features-new">
+        <FeatureBorderGlow
+          title="Максимизируйте охват и владение с нашими ИИ-инфлюенсерами"
+          description="Получайте эксклюзивные изображения, мультиформатный контент и полное владение правами, чтобы превзойти конкурентов и уверенно доминировать в цифровом пространстве."
+          tag="Технологии"
+          tagIcon={Zap}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          features={[
+            { icon: Sparkles, title: "Уникальные образы", description: "Создайте цифровые аватары, которые идеально соответствуют эстетике вашего бренда." },
+            { icon: CheckCircle, title: "Мультиформатный контент", description: "Получайте фото и видео для любых платформ — от соцсетей до рекламных кампаний." },
+            { icon: Award, title: "Полное владение", description: "Все права на созданных персонажей и контент принадлежат только вам." }
+          ]}
        />
      </div>

@@ -112,8 +128,19 @@ 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>
+
+      <div id="about-extra" data-section="about-extra">
+        <TextSplitAbout
+          title="Что делает нас особенными"
+          description={[
+            "Мы создаем не просто изображения, а полноценные цифровые личности, способные эффективно взаимодействовать с вашей аудиторией. Это позволяет вашему бренду масштабировать контент, сохраняя при этом уникальность и консистентность.",            "Забудьте о сложностях традиционных фотосессий и видеосъемок. С нами вы получаете качественный контент для любых платформ, быстро и с полным контролем над каждым аспектом. Мы делаем технологии доступными для вашего креатива."
+          ]}
+          buttons={[{ text: "Узнать больше", href: "#features" }]}          buttonAnimation="slide-up"
+          showBorder={true}
+          useInvertedBackground={true}
        />
      </div>

@@ -150,8 +177,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">
@@ -191,8 +217,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">
@@ -210,8 +235,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">
@@ -244,8 +268,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">
@@ -307,4 +330,4 @@ export default function LandingPage() {
      </div>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #fbfaff;
-  --card: #f7f5ff;
-  --foreground: #0f0022;
-  --primary-cta: #8b5cf6;
-  --primary-cta-text: #fbfaff;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #0f0022;
-  --accent: #d8cef5;
-  --background-accent: #c4a8f9;
+  --background: #000000;
+  --card: #0c0c0c;
+  --foreground: #ffffff;
+  --primary-cta: #106EFB;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #000000;
+  --secondary-cta-text: #ffffff;
+  --accent: #535353;
+  --background-accent: #106EFB;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	00aba192b7	Update src/app/page.tsx	2026-03-23 17:26:26 +00:00
bender	1ff564cc10	Merge version_8 into main Merge version_8 into main	2026-03-23 17:24:42 +00:00
bender	3b85dd61f6	Update src/app/page.tsx	2026-03-23 17:24:39 +00:00
bender	49813a92d5	Merge version_7 into main Merge version_7 into main	2026-03-23 17:23:10 +00:00
bender	65a6aa7b9e	Update src/app/page.tsx	2026-03-23 17:23:04 +00:00
bender	5a9f410de1	Merge version_6 into main Merge version_6 into main	2026-03-23 17:20:17 +00:00
bender	64c278cc6c	Update src/app/page.tsx	2026-03-23 17:20:11 +00:00
bender	6ab8608006	Merge version_6 into main Merge version_6 into main	2026-03-23 17:19:29 +00:00
bender	de8d403f20	Update src/app/page.tsx	2026-03-23 17:19:26 +00:00
bender	16f8812247	Merge version_5 into main Merge version_5 into main	2026-03-23 17:16:46 +00:00
bender	78fe4f5cc5	Update src/app/page.tsx	2026-03-23 17:16:43 +00:00
bender	6c8c6cdef1	Merge version_4 into main Merge version_4 into main	2026-03-23 17:15:11 +00:00
bender	17fd884957	Update theme colors	2026-03-23 17:15:06 +00:00
bender	a402f902f2	Merge version_4 into main Merge version_4 into main	2026-03-23 17:14:21 +00:00
bender	f03edb426d	Update theme colors	2026-03-23 17:14:16 +00:00
bender	bedda1a652	Merge version_4 into main Merge version_4 into main	2026-03-23 17:13:54 +00:00
bender	928e7db1e0	Update theme colors	2026-03-23 17:13:50 +00:00
bender	148ce447bf	Merge version_4 into main Merge version_4 into main	2026-03-23 17:13:17 +00:00
bender	64326cb241	Update theme colors	2026-03-23 17:13:12 +00:00
bender	cab7eb70fb	Merge version_4 into main Merge version_4 into main	2026-03-23 17:09:26 +00:00
bender	0b3e543ae7	Update src/app/page.tsx	2026-03-23 17:09:23 +00:00
bender	63785d1db9	Merge version_3 into main Merge version_3 into main	2026-03-23 17:01:36 +00:00
bender	622edcc4d6	Merge version_3 into main Merge version_3 into main	2026-03-23 17:01:26 +00:00
bender	bbdefdb998	Merge version_3 into main Merge version_3 into main	2026-03-23 17:01:13 +00:00
bender	ee8acfb3af	Merge version_3 into main Merge version_3 into main	2026-03-23 17:00:19 +00:00