Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -3,15 +3,15 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
-import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
-import MediaAbout from '@/components/sections/about/MediaAbout';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 
 export default function LandingPage() {
   return (
@@ -29,118 +29,127 @@ export default function LandingPage() {
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-            <NavbarLayoutFloatingOverlay
+            <NavbarLayoutFloatingInline
             navItems={[
               { name: "О нас", id: "#about" },
-              { name: "Ассортимент", id: "#products" },
+              { name: "Услуги", id: "#features" },
               { name: "Контакты", id: "#contact" },
             ]}
             brandName="КАТАЕВ СТРОЙ"
+            button={{ text: "Связаться", href: "#contact" }}
           />
         </div>
 
         <div id="hero" data-section="hero">
-            <HeroSplitDoubleCarousel
-            background={{ variant: "plain" }}
-            title="Катаев Строй — надежность в каждом проекте"
-            description="Профессиональные решения для строительства и ремонта с гарантией качества в Калмыкии."
-            leftCarouselItems={[
-              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Diivt0cEGrTEcUUWDNsWBPbvma/uploaded-1778771687275-n4htuwop.png", imageAlt: "Construction Site" },
-            ]}
-            rightCarouselItems={[
-              { imageSrc: "http://img.b2bpic.net/free-photo/view-steel-hammer-with-other-construction-elements-tools_23-2150576467.jpg?_wi=1", imageAlt: "Tools" },
-            ]}
-            buttons={[{ text: "Перейти в каталог", href: "#products" }]}
+            <HeroBillboardScroll
+            background={{ variant: "gradient-bars" }}
+            title="Профессиональное строительство и проектирование"
+            description="Комплексные инженерные и строительные услуги для частных и коммерческих объектов в Калмыкии."
+            buttons={[{ text: "Узнать больше", href: "#features" }]
+            }
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Diivt0cEGrTEcUUWDNsWBPbvma/uploaded-1778771687275-n4htuwop.png"
           />
         </div>
 
         <div id="about" data-section="about">
-            <MediaAbout
+            <TextSplitAbout
             useInvertedBackground={true}
-            tag="О компании"
-            title="Ваш эксперт в строительстве"
-            description="Более 15 лет мы помогаем воплощать архитектурные идеи в реальность. От фундамента до кровли — только лучшие материалы."
-            imageSrc="http://img.b2bpic.net/free-photo/woman-group-men-walking-construction-site_259150-57790.jpg"
+            title="Наш подход к работе"
+            description={[
+                "Мы предлагаем полный цикл строительных работ с соблюдением всех современных стандартов.",                "Более 15 лет опыта работы на рынке региона гарантируют надежность и качество каждого выполненного проекта."
+            ]}
           />
         </div>
 
         <div id="features" data-section="features">
-            <FeatureCardEight
-            textboxLayout="default"
+            <FeatureCardTwentyFour
+            animationType="slide-up"
+            textboxLayout="split"
             useInvertedBackground={false}
+            title="Наши профессиональные услуги"
+            description="Мы специализируемся на высококачественном исполнении строительных и инженерных задач."
             features={[
-              { title: "Широкий выбор", description: "Более 10 000 позиций на складе.", imageSrc: "http://img.b2bpic.net/free-photo/warehouse-experts-monitoring-inventory_482257-75322.jpg" },
-              { title: "Оперативность", description: "Быстрая доставка по всему региону.", imageSrc: "http://img.b2bpic.net/free-photo/instruments-carpenter-wooden-desk_23-2148180571.jpg" },
+              { id: "s1", title: "Строительство зданий", author: "Экспертная группа", description: "Возведение объектов любой сложности с нуля.", tags: ["Строительство"], imageSrc: "http://img.b2bpic.net/free-photo/warehouse-experts-monitoring-inventory_482257-75322.jpg" },
+              { id: "s2", title: "Инженерные системы", author: "Технический отдел", description: "Проектирование и монтаж коммуникаций.", tags: ["Инженерия"], imageSrc: "http://img.b2bpic.net/free-photo/instruments-carpenter-wooden-desk_23-2148180571.jpg" },
             ]}
-            title="Наши преимущества"
-            description="Строим будущее вместе с вами."
           />
         </div>
 
         <div id="products" data-section="products">
-            <ProductCatalog
-            layout="section"
+            <ProductCardFour
+            gridVariant="three-columns-all-equal-width"
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            title="Направления деятельности"
+            description="Откройте для себя спектр наших профессиональных решений."
             products={[
-              { id: "1", name: "Цемент М500", price: "450 ₽", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-11606.jpg" },
-              { id: "2", name: "Кирпич керамический", price: "35 ₽", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-steel-hammer-with-other-construction-elements-tools_23-2150576467.jpg?_wi=2" },
+              { id: "p1", name: "Монолитное строительство", price: "от 5000 ₽/м²", variant: "Базовый сервис", imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-11606.jpg" },
+              { id: "p2", name: "Фасадные работы", price: "от 1200 ₽/м²", variant: "Внешняя отделка", imageSrc: "http://img.b2bpic.net/free-photo/view-steel-hammer-with-other-construction-elements-tools_23-2150576467.jpg?_wi=2" },
+              { id: "p3", name: "Кровельные системы", price: "от 2500 ₽/м²", variant: "Защита", imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg" },
             ]}
           />
         </div>
 
         <div id="metrics" data-section="metrics">
-            <MetricCardFourteen
-            title="В цифрах"
-            tag="Доверие клиентов"
+            <MetricCardEleven
+            animationType="slide-up"
+            textboxLayout="split"
             useInvertedBackground={false}
+            title="Наши показатели"
+            description="Результаты работы, говорящие сами за себя."
             metrics={[
-              { id: "m1", value: "2000+", description: "Довольных клиентов" },
-              { id: "m2", value: "15+", description: "Лет на рынке" },
+              { id: "me1", value: "500+", title: "Успешных проектов", description: "Завершенных объектов в срок", imageSrc: "http://img.b2bpic.net/free-photo/civil-engineer-construction-worker-manager-holding-digital-tablet-blueprints-talking-planing-about-construction-site-cooperation-teamwork-concept_640221-136.jpg?_wi=1" },
+              { id: "me2", value: "15+", title: "Лет опыта", description: "Стабильности на рынке", imageSrc: "http://img.b2bpic.net/free-photo/woman-group-men-walking-construction-site_259150-57790.jpg" },
             ]}
           />
         </div>
 
         <div id="testimonials" data-section="testimonials">
-            <TestimonialCardOne
-            gridVariant="asymmetric-60-wide-40-narrow"
-            animationType="slide-up"
-            textboxLayout="default"
-            useInvertedBackground={false}
+            <TestimonialCardFive
+            textboxLayout="split"
+            useInvertedBackground={true}
+            title="Отзывы партнеров"
+            description="Мы гордимся долгосрочными отношениями с нашими клиентами."
             testimonials={[
-              { id: "1", name: "Александр", role: "Клиент", company: "Элиста", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg" }
+              { id: "t1", name: "Иван Петров", date: "2024-05-12", title: "Коммерческий директор", quote: "Высочайший уровень профессионализма и соблюдение сроков.", tag: "Партнер", avatarSrc: "https://avatar.iran.liara.run/public/1" }
             ]}
-            title="Отзывы"
-            description="Что говорят о нас наши партнеры."
           />
         </div>
 
         <div id="faq" data-section="faq">
-            <FaqSplitText
-            faqs={[
-              { id: "f1", title: "Как заказать?", content: "Через сайт или по телефону." },
-              { id: "f2", title: "Доставка платная?", content: "Рассчитывается индивидуально." },
-            ]}
-            sideTitle="Частые вопросы"
+            <FaqSplitMedia
+            title="Вопросы и ответы"
+            description="Найдите информацию о наших условиях и методах работы."
             faqsAnimation="slide-up"
+            textboxLayout="split"
             useInvertedBackground={false}
+            imageSrc="http://img.b2bpic.net/free-photo/civil-engineer-construction-worker-manager-holding-digital-tablet-blueprints-talking-planing-about-construction-site-cooperation-teamwork-concept_640221-136.jpg?_wi=2"
+            faqs={[
+              { id: "fq1", title: "Работаете ли вы с юрлицами?", content: "Да, работаем по договору с НДС и без." },
+              { id: "fq2", title: "Выдаете ли гарантию?", content: "Да, гарантия на все виды строительных работ составляет до 5 лет." },
+            ]}
           />
         </div>
 
         <div id="contact" data-section="contact">
             <ContactSplit
-            tag="Контакты"
-            title="На связи 24/7"
-            description="Звоните по номеру +7 937 193 33 23"
-            imageSrc="http://img.b2bpic.net/free-photo/civil-engineer-construction-worker-manager-holding-digital-tablet-blueprints-talking-planing-about-construction-site-cooperation-teamwork-concept_640221-136.jpg"
-            useInvertedBackground={false}
-            background={{ variant: "plain" }}
+            tag="Свяжитесь с нами"
+            title="Готовы начать ваш проект?"
+            description="Оставьте заявку, и мы свяжемся с вами в течение часа для консультации."
+            background={{ variant: "radial-gradient" }}
+            useInvertedBackground={true}
           />
         </div>
 
         <div id="footer" data-section="footer">
-            <FooterBaseReveal
+            <FooterBaseCard
             logoText="КАТАЕВ СТРОЙ"
-            columns={[{ title: "Компания", items: [{ label: "Главная", href: "#" }] }]}
-            copyrightText="© 2024 Катаев Строй"
+            columns={[
+                { title: "Услуги", items: [{ label: "Строительство", href: "#features" }, { label: "Инженерия", href: "#features" }] },
+                { title: "Компания", items: [{ label: "О нас", href: "#about" }, { label: "Контакты", href: "#contact" }] }
+            ]}
+            copyrightText="© 2025 Катаев Строй"
           />
         </div>
       </ReactLenis>