Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -4,6 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
@@ -17,15 +18,15 @@ export default function LandingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
-        defaultTextAnimation="background-highlight"
+        defaultTextAnimation="entrance-slide"
         borderRadius="pill"
         contentWidth="mediumLarge"
-        sizing="mediumLargeSizeMediumTitles"
+        sizing="largeSmallSizeLargeTitles"
         background="noise"
-        cardStyle="layered-gradient"
-        primaryButtonStyle="shadow"
-        secondaryButtonStyle="layered"
-        headingFontWeight="medium"
+        cardStyle="solid"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="solid"
+        headingFontWeight="bold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
@@ -36,7 +37,9 @@ export default function LandingPage() {
         {
           name: "Автомобиль",          id: "#car-showcase"},
         {
-          name: "О нас",          id: "#our-approach"},
+          name: "Наш подход",          id: "#our-approach"},
+        {
+          name: "Возможности",          id: "#capabilities-showcase"},
         {
           name: "Контакты",          id: "#contact"},
       ]}
@@ -169,10 +172,37 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="capabilities-showcase" data-section="capabilities-showcase">
+      <FeatureCardTwentyOne
+      title="Разработка с фокусом на опыт"
+      description="Мы создаем проекты, которые не только выглядят безупречно, но и взаимодействуют с пользователем на высшем уровне, предлагая интуитивный и захватывающий опыт."
+      tag="Наши возможности"
+      accordionItems={[
+        {
+          id: "capability1",          title: "Плавный скролл",          content: "Идеальная навигация и погружение в контент без задержек."
+        },
+        {
+          id: "capability2",          title: "Интерактивные эффекты",          content: "Динамическое взаимодействие, оживляющее каждый элемент дизайна."
+        },
+        {
+          id: "capability3",          title: "Анимации при наведении",          content: "Элегантные переходы, улучшающие юзабилити и эстетику."
+        },
+        {
+          id: "capability4",          title: "Современная типографика",          content: "Четкие и стильные шрифты для лучшей читаемости и визуальной иерархии."
+        }
+      ]}
+      imageSrc="http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674314.jpg?_wi=1"
+      imageAlt="Modern car driving in a city at night"
+      mediaAnimation="slide-up"
+      mediaPosition="right"
+      useInvertedBackground={false}
+    />
+  </div>
+
   <div id="trusted-partners" data-section="trusted-partners">
       <SocialProofOne
       textboxLayout="default"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       names={[
         "AutoLux Holdings",        "Elite Motors Group",        "Velocity Brands",        "Grand Automotive",        "Prestige Wheels",        "Apex Auto Solutions",        "Drive Global"]}
       title="Нам доверяют лидеры индустрии"
@@ -185,12 +215,12 @@ export default function LandingPage() {
   <div id="client-testimonials" data-section="client-testimonials">
       <TestimonialCardFive
       textboxLayout="default"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       testimonials={[
         {
           id: "t1",          name: "Михаил Петров",          date: "2 месяца назад",          title: "Исключительное качество и внимание",          quote: "AK превзошел все мои ожидания. Работа с BMW M3 G80 Touring была выполнена на высшем уровне, каждый нюанс учтен. Я очень доволен результатом!",          tag: "Индивидуальный заказ",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-male-with-curly-hair-dressed-jacket-eyeglasses_613910-567.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974229.jpg",          imageAlt: "Luxury car interior"},
         {
-          id: "t2",          name: "Анна Сидорова",          date: "3 недели назад",          title: "Настоящий профессионализм",          quote: "Динамические эффекты и презентация автомобиля просто завораживают. AK знает, как создать незабываемое впечатление. Высочайший уровень!",          tag: "Бренд-презентация",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452708.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674314.jpg",          imageAlt: "Luxury car exterior"},
+          id: "t2",          name: "Анна Сидорова",          date: "3 недели назад",          title: "Настоящий профессионализм",          quote: "Динамические эффекты и презентация автомобиля просто завораживают. AK знает, как создать незабываемое впечатление. Высочайший уровень!",          tag: "Бренд-презентация",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452708.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674314.jpg?_wi=2",          imageAlt: "Luxury car exterior"},
         {
           id: "t3",          name: "Иван Козлов",          date: "1 месяц назад",          title: "Скорость и надежность",          quote: "Мне нужен был сайт, который передает ощущение скорости и премиальности. AK справились на 100%. Плавность скролла и анимации — на высоте.",          tag: "Лендинг",          avatarSrc: "http://img.b2bpic.net/free-photo/successful-confident-businessman-glasses-speaking-beige-wall_176420-136.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-blue-uniform-checks-car_1157-31700.jpg",          imageAlt: "Custom car workshop"},
         {
@@ -206,7 +236,7 @@ export default function LandingPage() {
   <div id="faq" data-section="faq">
       <FaqDouble
       textboxLayout="default"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       faqs={[
         {
           id: "faq1",          title: "Какие автомобили вы представляете?",          content: "Мы специализируемся на высококлассных автомобилях класса люкс и спортивных моделях, уделяя особое внимание эксклюзивным модификациям и индивидуальным проектам."},
@@ -227,12 +257,12 @@ export default function LandingPage() {
 
   <div id="contact" data-section="contact">
       <ContactCTA
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       background={{
         variant: "radial-gradient"}}
-      tag="Свяжитесь с нами"
-      title="Начните свой эксклюзивный проект"
-      description="Готовы обсудить ваши идеи? Мы ждем вашего звонка или сообщения, чтобы воплотить вашу vision в жизнь с превосходным качеством и стилем."
+      tag="Свяжитесь со мной"
+      title="Связаться со мной"
+      description="Готовы обсудить ваши идеи? Свяжитесь со мной через Telegram или Email для начала вашего эксклюзивного проекта."
       buttons={[
         {
           text: "Telegram",          href: "https://t.me/ak_businesss"},
@@ -258,7 +288,9 @@ export default function LandingPage() {
             {
               label: "Автомобиль",              href: "#car-showcase"},
             {
-              label: "О нас",              href: "#our-approach"},
+              label: "Наш подход",              href: "#our-approach"},
+            {
+              label: "Возможности",              href: "#capabilities-showcase"},
             {
               label: "Контакты",              href: "#contact"},
           ],