Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -3,16 +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 FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
+import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
-import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
-import { Home, Zap, Truck, ShieldCheck } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,192 +28,130 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
+            <NavbarLayoutFloatingInline
-      navItems={[
+            navItems={[
-        {
+              { name: "О нас", id: "#about" },
-          name: "О нас",          id: "#about"},
+              { name: "Услуги", id: "#features" },
-        {
+              { name: "Контакты", id: "#contact" },
-          name: "Ассортимент",          id: "#products"},
+            ]}
-        {
+            brandName="КАТАЕВ СТРОЙ"
-          name: "Контакты",          id: "#contact"},
+            button={{ text: "Связаться", href: "#contact" }}
-      ]}
+          />
-      brandName="КАТАЕВ СТРОЙ"
+        </div>
-    />
-  </div>
 
-  <div id="hero" data-section="hero">
+        <div id="hero" data-section="hero">
-      <HeroBillboardScroll
+            <HeroBillboardScroll
-      background={{
+            background={{ variant: "gradient-bars" }}
-        variant: "plain"}}
+            title="Профессиональное строительство и проектирование"
-      title="Катаев Строй — ваш надежный партнер в строительстве и ремонте!"
+            description="Комплексные инженерные и строительные услуги для частных и коммерческих объектов в Калмыкии."
-      description="Крупнейший строительный центр в Калмыкии. Всё необходимое для ремонта и строительства в одном месте."
+            buttons={[{ text: "Узнать больше", href: "#features" }]
-      buttons={[
+            }
-        {
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Diivt0cEGrTEcUUWDNsWBPbvma/uploaded-1778771687275-n4htuwop.png"
-          text: "Смотреть каталог",          href: "#products"},
+          />
-      ]}
+        </div>
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Diivt0cEGrTEcUUWDNsWBPbvma/uploaded-1778771687275-n4htuwop.png"
-      imageAlt="construction materials store front"
-    />
-  </div>
 
-  <div id="about" data-section="about">
+        <div id="about" data-section="about">
-      <TestimonialAboutCard
+            <TextSplitAbout
-      useInvertedBackground={true}
+            useInvertedBackground={true}
-      tag="О компании"
+            title="Наш подход к работе"
-      title="Более 2000 семей доверили нам создание идеального дома"
+            description={[
-      description="Мы — крупнейший строительный центр в Калмыкии, готовый помочь вам создать дом вашей мечты! В нашем ассортименте вы найдете всё необходимое для ремонта и строительства."
+                "Мы предлагаем полный цикл строительных работ с соблюдением всех современных стандартов.",                "Более 15 лет опыта работы на рынке региона гарантируют надежность и качество каждого выполненного проекта."
-      subdescription="Надежность и качество — наши главные приоритеты."
+            ]}
-      imageSrc="http://img.b2bpic.net/free-photo/woman-group-men-walking-construction-site_259150-57790.jpg"
+          />
-      icon={Home}
+        </div>
-      imageAlt="happy family building house"
-      mediaAnimation="slide-up"
-    />
-  </div>
 
-  <div id="features" data-section="features">
+        <div id="features" data-section="features">
-      <FeatureCardEight
+            <FeatureCardTwentyFour
-      textboxLayout="default"
+            animationType="slide-up"
-      useInvertedBackground={false}
+            textboxLayout="split"
-      features={[
+            useInvertedBackground={false}
-        {
+            title="Наши профессиональные услуги"
-          title: "Огромный ассортимент",          description: "Более 10 000 товаров всегда в наличии.",          imageSrc: "http://img.b2bpic.net/free-photo/instruments-carpenter-wooden-desk_23-2148180571.jpg",          imageAlt: "Instruments of carpenter on wooden desk"},
+            description="Мы специализируемся на высококачественном исполнении строительных и инженерных задач."
-        {
+            features={[
-          title: "Высокое качество",          description: "Работаем только с проверенными поставщиками.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-construction-safety-goggles-work-tools_169016-17031.jpg",          imageAlt: "Close up of construction safety goggles and work tools"},
+              { 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: "Привезем всё необходимое прямо на объект.",          imageSrc: "http://img.b2bpic.net/free-photo/warehouse-experts-monitoring-inventory_482257-75322.jpg",          imageAlt: "Warehouse experts monitoring inventory"},
+            ]}
-      ]}
+          />
-      title="Почему выбирают нас"
+        </div>
-      description="Строительство и ремонт требуют ответственного подхода. Вот наши преимущества."
-    />
-  </div>
 
-  <div id="products" data-section="products">
+        <div id="products" data-section="products">
-      <ProductCatalog
+            <ProductCardFour
-      layout="section"
+            gridVariant="three-columns-all-equal-width"
-      products={[
+            animationType="slide-up"
-        {
+            textboxLayout="split"
-          id: "1",          name: "Цемент М500",          price: "450 ₽",          rating: 5,
+            useInvertedBackground={true}
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-11606.jpg",          imageAlt: "cement bag construction supplies"},
+            title="Направления деятельности"
-        {
+            description="Откройте для себя спектр наших профессиональных решений."
-          id: "2",          name: "Кирпич керамический",          price: "35 ₽",          rating: 5,
+            products={[
-          imageSrc: "http://img.b2bpic.net/free-photo/view-steel-hammer-with-other-construction-elements-tools_23-2150576467.jpg",          imageAlt: "construction bricks pallet"},
+              { 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: "3",          name: "Шуруповерт профессиональный",          price: "8900 ₽",          rating: 5,
+              { id: "p3", name: "Кровельные системы", price: "от 2500 ₽/м²", variant: "Защита", imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/uniform-construction-tools-wooden-table-top-view_169016-24245.jpg",          imageAlt: "power tools construction kit"},
+            ]}
-        {
+          />
-          id: "4",          name: "Краска интерьерная",          price: "1200 ₽",          rating: 4,
+        </div>
-          imageSrc: "http://img.b2bpic.net/free-photo/factory-workers-walking-through-large-production-hall-having-conversation_342744-167.jpg",          imageAlt: "building paint cans stack"},
-        {
-          id: "5",          name: "Труба ПВХ 110",          price: "350 ₽",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/construction-plans-with-helmet-drawing-tools-blueprints_1232-4302.jpg",          imageAlt: "plumbing pipe materials"},
-        {
-          id: "6",          name: "Плитка напольная",          price: "950 ₽",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-mason-supplies-composition_23-2149511910.jpg",          imageAlt: "flooring tiles construction"},
-      ]}
-    />
-  </div>
 
-  <div id="metrics" data-section="metrics">
+        <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
+            <MetricCardEleven
-      useInvertedBackground={true}
+            animationType="slide-up"
-      title="Цифры говорят сами за себя"
+            textboxLayout="split"
-      tag="Наши успехи"
+            useInvertedBackground={false}
-      metrics={[
+            title="Наши показатели"
-        {
+            description="Результаты работы, говорящие сами за себя."
-          id: "m1",          value: "2000+",          description: "Счастливых семей"},
+            metrics={[
-        {
+              { 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: "m2",          value: "15+",          description: "Лет опыта"},
+              { id: "me2", value: "15+", title: "Лет опыта", description: "Стабильности на рынке", imageSrc: "http://img.b2bpic.net/free-photo/woman-group-men-walking-construction-site_259150-57790.jpg" },
-        {
+            ]}
-          id: "m3",          value: "10000+",          description: "Товаров в наличии"},
+          />
-      ]}
+        </div>
-      metricsAnimation="slide-up"
-    />
-  </div>
 
-  <div id="testimonials" data-section="testimonials">
+        <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
+            <TestimonialCardFive
-      animationType="slide-up"
+            textboxLayout="split"
-      textboxLayout="default"
+            useInvertedBackground={true}
-      gridVariant="asymmetric-60-wide-40-narrow"
+            title="Отзывы партнеров"
-      useInvertedBackground={false}
+            description="Мы гордимся долгосрочными отношениями с нашими клиентами."
-      testimonials={[
+            testimonials={[
-        {
+              { id: "t1", name: "Иван Петров", date: "2024-05-12", title: "Коммерческий директор", quote: "Высочайший уровень профессионализма и соблюдение сроков.", tag: "Партнер", avatarSrc: "https://avatar.iran.liara.run/public/1" }
-          id: "1",          name: "Александр",          role: "Клиент",          company: "Элиста",          rating: 5,
+            ]}
-          imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg",          imageAlt: "happy customer construction store"},
+          />
-        {
+        </div>
-          id: "2",          name: "Марина",          role: "Клиент",          company: "Калмыкия",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-makes-repairs-home_1398-5140.jpg",          imageAlt: "homeowner renovation success"},
-        {
-          id: "3",          name: "Дмитрий",          role: "Клиент",          company: "Строительство",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/black-white-scene-showcasing-life-construction-workers-site_23-2151333277.jpg",          imageAlt: "happy renovation client"},
-        {
-          id: "4",          name: "Елена",          role: "Клиент",          company: "Ремонт",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-holding-thumbs-up_23-2148752021.jpg",          imageAlt: "satisfied construction client"},
-        {
-          id: "5",          name: "Сергей",          role: "Бригадир",          company: "СпецСтрой",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site_23-2149124249.jpg",          imageAlt: "Building and construction worker on the site"},
-      ]}
-      title="Отзывы наших клиентов"
-      description="Нам доверяют профессионалы и частные лица."
-    />
-  </div>
 
-  <div id="faq" data-section="faq">
+        <div id="faq" data-section="faq">
-      <FaqSplitText
+            <FaqSplitMedia
-      useInvertedBackground={true}
+            title="Вопросы и ответы"
-      faqs={[
+            description="Найдите информацию о наших условиях и методах работы."
-        {
+            faqsAnimation="slide-up"
-          id: "f1",          title: "Есть ли у вас доставка?",          content: "Да, мы доставляем товары по всей Калмыкии."},
+            textboxLayout="split"
-        {
+            useInvertedBackground={false}
-          id: "f2",          title: "Можно ли вернуть товар?",          content: "Возврат осуществляется согласно законодательству РФ."},
+            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: "f3",          title: "Как сделать заказ?",          content: "Вы можете заказать онлайн или позвонить по телефону."},
+              { id: "fq1", title: "Работаете ли вы с юрлицами?", content: "Да, работаем по договору с НДС и без." },
-      ]}
+              { id: "fq2", title: "Выдаете ли гарантию?", content: "Да, гарантия на все виды строительных работ составляет до 5 лет." },
-      sideTitle="Частые вопросы"
+            ]}
-      faqsAnimation="slide-up"
+          />
-    />
+        </div>
-  </div>
 
-  <div id="contact" data-section="contact">
+        <div id="contact" data-section="contact">
-      <ContactSplit
+            <ContactSplit
-      useInvertedBackground={false}
+            tag="Свяжитесь с нами"
-      background={{
+            title="Готовы начать ваш проект?"
-        variant: "plain"}}
+            description="Оставьте заявку, и мы свяжемся с вами в течение часа для консультации."
-      tag="Контакты"
+            background={{ variant: "radial-gradient" }}
-      title="Свяжитесь с нами"
+            useInvertedBackground={true}
-      description="Наш телефон: +7 937 193 33 23"
+          />
-      buttonText="Позвонить"
+        </div>
-      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"
-      imageAlt="Civil engineer and construction worker manager holding digital tablet and blueprints talking and planing about construction site"
-      mediaAnimation="slide-up"
-    />
-  </div>
 
-  <div id="footer" data-section="footer">
+        <div id="footer" data-section="footer">
-      <FooterBaseReveal
+            <FooterBaseCard
-      logoText="КАТАЕВ СТРОЙ"
+            logoText="КАТАЕВ СТРОЙ"
-      columns={[
+            columns={[
-        {
+                { title: "Услуги", items: [{ label: "Строительство", href: "#features" }, { label: "Инженерия", href: "#features" }] },
-          title: "Навигация",          items: [
+                { title: "Компания", items: [{ label: "О нас", href: "#about" }, { label: "Контакты", href: "#contact" }] }
-            {
+            ]}
-              label: "Главная",              href: "#"},
+            copyrightText="© 2025 Катаев Строй"
-            {
+          />
-              label: "О нас",              href: "#about"},
+        </div>
-          ],
-        },
-        {
-          title: "Сервис",          items: [
-            {
-              label: "Доставка",              href: "#"},
-            {
-              label: "Оплата",              href: "#"},
-          ],
-        },
-      ]}
-      copyrightText="© 2024 Катаев Строй"
-    />
-  </div>
       </ReactLenis>
     </ThemeProvider>
   );