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"
         />
@@ -307,4 +315,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

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);