Update src/app/page.tsx

Merge version_2 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,19 +37,21 @@ export default function LandingPage() {
         {
           name: "Автомобиль",          id: "#car-showcase"},
         {
-          name: "О нас",          id: "#our-approach"},
+          name: "Наш подход",          id: "#our-approach"},
+        {
+          name: "Возможности",          id: "#capabilities-showcase"},
         {
           name: "Контакты",          id: "#contact"},
       ]}
-      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k1abzi"
-      logoAlt="AK brand logo"
+      logoSrc="http://img.b2bpic.net/free-photo/minimalist-luxury-auto-logo-concept_23-2150123456.jpg"
+      logoAlt="AK Luxury Automotive brand logo"
       brandName="AK"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroOverlayTestimonial
-      title="AK"
+      title="AK: Ваша Роскошь на Дороге"
       description="Погрузитесь в мир превосходства luxury automotive. Мы создаем уникальные презентации, которые подчеркивают инновации, скорость и бескомпромиссную роскошь, воплощенные в каждом автомобиле."
       testimonials={[
         {
@@ -72,8 +75,8 @@ export default function LandingPage() {
           imageSrc: "http://img.b2bpic.net/free-photo/scenic-view-winding-transfagaras-mountain-road-transylvanian-alps_158595-5447.jpg",          imageAlt: "Luxury car on road trip"
         }
       ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k1abzi"
-      imageAlt="AK brand logo on dark minimalist background"
+      imageSrc="http://img.b2bpic.net/free-photo/luxurious-sports-car-parked-city-street_23-2149590141.jpg"
+      imageAlt="Aspirational luxury sports car in a modern setting"
       showDimOverlay={true}
       showBlur={true}
       textPosition="bottom"
@@ -90,6 +93,10 @@ export default function LandingPage() {
           src: "http://img.b2bpic.net/free-photo/cool-man-posing-black-white-medium-shot_23-2149411426.jpg",          alt: "Cool man posing black and white medium shot"},
       ]}
       avatarText="Присоединяйтесь к числу наших довольных клиентов"
+      buttons={[
+        { text: "Открыть каталог", href: "#car-showcase" },
+        { text: "Связаться", href: "#contact" }
+      ]}
     />
   </div>
 
@@ -112,10 +119,10 @@ export default function LandingPage() {
         {
           title: "Городская динамика",          description: "Создан для покорения городских джунглей, с адаптивной подвеской и интуитивным управлением."},
       ]}
-      videoSrc="http://img.b2bpic.net/free-photo/motion-blur-bridge-with-cars-night_23-2148287838.jpg?_wi=1"
+      videoSrc="http://img.b2bpic.net/free-photo/bmw-m3-g80-touring-exterior-front_23-2150247890.jpg?_wi=1"
       videoAriaLabel="BMW M3 G80 Touring driving through a night city"
       mediaAnimation="blur-reveal"
-      imageSrc="http://img.b2bpic.net/free-photo/motion-blur-bridge-with-cars-night_23-2148287838.jpg?_wi=2"
+      imageSrc="http://img.b2bpic.net/free-photo/bmw-m3-g80-touring-exterior-front_23-2150247890.jpg?_wi=2"
       imageAlt="BMW M3 G80 Touring matte black night city cinematic drive"
     />
   </div>
@@ -169,10 +176,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 +219,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 +240,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 +261,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"},
@@ -247,8 +281,8 @@ export default function LandingPage() {
       <FooterMedia
       videoSrc="http://img.b2bpic.net/free-photo/nightlife-city-sparkles-light_23-2149057537.jpg"
       videoAriaLabel="Cinematic night city traffic loop"
-      logoSrc="http://img.b2bpic.net/free-photo/biohazard-sign-ai-generated_268835-18690.jpg"
-      logoAlt="AK brand logo"
+      logoSrc="http://img.b2bpic.net/free-photo/minimalist-luxury-auto-logo-concept_23-2150123456.jpg"
+      logoAlt="AK Luxury Automotive brand logo"
       logoText="AK"
       columns={[
         {
@@ -258,7 +292,9 @@ export default function LandingPage() {
             {
               label: "Автомобиль",              href: "#car-showcase"},
             {
-              label: "О нас",              href: "#our-approach"},
+              label: "Наш подход",              href: "#our-approach"},
+            {
+              label: "Возможности",              href: "#capabilities-showcase"},
             {
               label: "Контакты",              href: "#contact"},
           ],
@@ -286,4 +322,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}