Update theme colors

Merge version_3 into main

src/app/page.tsx

@@ -3,7 +3,7 @@
 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 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';
@@ -78,25 +78,33 @@ export default function LandingPage() {
       </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"
+          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"
         />
@@ -226,7 +234,7 @@ export default function LandingPage() {
           faqsAnimation="slide-up"
           faqs={[
             {
-              id: "1",              title: "Как долго создается AI-инфлюенсер?",              content: "Стандартный персонаж создается за 5-7 дней. Профессиональные пакеты с несколькими вариантами обрабатываются за 2-3 дня. Для срочных проектов возможны ускоренные сроки при согласовании с командой."
+              id: "1",              title: "Как долго создается AI-инфлюенсер?",              content: "Даже сложный AI-инфлюенсер готов всего за 5-7 дней, позволяя вам быстро запускать кампании, обеспечивая быструю окупаемость инвестиций."
             },
             {
               id: "2",              title: "Можно ли использовать персонаж для разных платформ?",              content: "Да, AI-инфлюенсер может адаптироваться под любые платформы: Instagram, TikTok, YouTube, Telegram и другие. Мы предоставляем мультиформатный выход с оптимизацией для каждого канала."
@@ -307,4 +315,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,14 +10,14 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000612e6;
+  --background: #000000;
+  --card: #0c0c0c;
+  --foreground: #ffffff;
   --primary-cta: #106EFB;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
+  --secondary-cta: #000000;
+  --secondary-cta-text: #ffffff;
+  --accent: #535353;
   --background-accent: #106EFB;
 
   /* text sizing - set by ThemeProvider */