Merge version_4 into main

Update src/app/page.tsx
2026-05-14 15:21:23 +00:00 · 2026-05-14 15:21:17 +00:00 · 2026-05-14 15:20:56 +00:00 · 2026-05-14 15:20:53 +00:00 · 2026-05-14 15:20:27 +00:00 · 2026-05-14 15:20:24 +00:00
1 changed files with 123 additions and 296 deletions
--- a/src/app/page.tsx
+++ b/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 FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+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 MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { Home } from "lucide-react";
+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,302 +28,130 @@ export default function LandingPage() {
        headingFontWeight="normal"
    >
      <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "О нас",
-          id: "#about",
-        },
-        {
-          name: "Ассортимент",
-          id: "#products",
-        },
-        {
-          name: "Контакты",
-          id: "#contact",
-        },
-      ]}
-      brandName="КАТАЕВ СТРОЙ"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "О нас", id: "#about" },
+              { name: "Услуги", id: "#features" },
+              { name: "Контакты", id: "#contact" },
+            ]}
+            brandName="КАТАЕВ СТРОЙ"
+            button={{ text: "Связаться", href: "#contact" }}
+          />
+        </div>

-  <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      background={{
-        variant: "plain",
-      }}
-      title="Катаев Строй — ваш надежный партнер в строительстве и ремонте!"
-      description="Крупнейший строительный центр в Калмыкии. Всё необходимое для ремонта и строительства в одном месте."
-      buttons={[
-        {
-          text: "Смотреть каталог",
-          href: "#products",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/man-workshop-creating-bike_23-2148866687.jpg"
-      imageAlt="construction materials store front"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <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">
-      <TestimonialAboutCard
-      useInvertedBackground={true}
-      tag="О компании"
-      title="Более 2000 семей доверили нам создание идеального дома"
-      description="Мы — крупнейший строительный центр в Калмыкии, готовый помочь вам создать дом вашей мечты! В нашем ассортименте вы найдете всё необходимое для ремонта и строительства."
-      subdescription="Надежность и качество — наши главные приоритеты."
-      imageSrc="http://img.b2bpic.net/free-photo/woman-group-men-walking-construction-site_259150-57790.jpg"
-      icon={Home}
-      imageAlt="happy family building house"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+            <TextSplitAbout
+            useInvertedBackground={true}
+            title="Наш подход к работе"
+            description={[
+                "Мы предлагаем полный цикл строительных работ с соблюдением всех современных стандартов.",                "Более 15 лет опыта работы на рынке региона гарантируют надежность и качество каждого выполненного проекта."
+            ]}
+          />
+        </div>

-  <div id="features" data-section="features">
-      <FeatureCardEight
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          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",
-        },
-        {
-          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",
-        },
-        {
-          title: "Удобная доставка",
-          description: "Привезем всё необходимое прямо на объект.",
-          imageSrc: "http://img.b2bpic.net/free-photo/warehouse-experts-monitoring-inventory_482257-75322.jpg",
-          imageAlt: "Warehouse experts monitoring inventory",
-        },
-      ]}
-      title="Почему выбирают нас"
-      description="Строительство и ремонт требуют ответственного подхода. Вот наши преимущества."
-    />
-  </div>
+        <div id="features" data-section="features">
+            <FeatureCardTwentyFour
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Наши профессиональные услуги"
+            description="Мы специализируемся на высококачественном исполнении строительных и инженерных задач."
+            features={[
+              { 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" },
+            ]}
+          />
+        </div>

-  <div id="products" data-section="products">
-      <ProductCatalog
-      layout="section"
-      products={[
-        {
-          id: "1",
-          name: "Цемент М500",
-          price: "450 ₽",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-11606.jpg",
-          imageAlt: "cement bag construction supplies",
-        },
-        {
-          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",
-          imageAlt: "construction bricks pallet",
-        },
-        {
-          id: "3",
-          name: "Шуруповерт профессиональный",
-          price: "8900 ₽",
-          rating: 5,
-          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,
-          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="products" data-section="products">
+            <ProductCardFour
+            gridVariant="three-columns-all-equal-width"
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            title="Направления деятельности"
+            description="Откройте для себя спектр наших профессиональных решений."
+            products={[
+              { 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
-      useInvertedBackground={true}
-      title="Цифры говорят сами за себя"
-      tag="Наши успехи"
-      metrics={[
-        {
-          id: "m1",
-          value: "2000+",
-          description: "Счастливых семей",
-        },
-        {
-          id: "m2",
-          value: "15+",
-          description: "Лет опыта",
-        },
-        {
-          id: "m3",
-          value: "10000+",
-          description: "Товаров в наличии",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+            <MetricCardEleven
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Наши показатели"
+            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: "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
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="asymmetric-60-wide-40-narrow"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          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",
-        },
-        {
-          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="testimonials" data-section="testimonials">
+            <TestimonialCardFive
+            textboxLayout="split"
+            useInvertedBackground={true}
+            title="Отзывы партнеров"
+            description="Мы гордимся долгосрочными отношениями с нашими клиентами."
+            testimonials={[
+              { id: "t1", name: "Иван Петров", date: "2024-05-12", title: "Коммерческий директор", quote: "Высочайший уровень профессионализма и соблюдение сроков.", tag: "Партнер", avatarSrc: "https://avatar.iran.liara.run/public/1" }
+            ]}
+          />
+        </div>

-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "Есть ли у вас доставка?",
-          content: "Да, мы доставляем товары по всей Калмыкии.",
-        },
-        {
-          id: "f2",
-          title: "Можно ли вернуть товар?",
-          content: "Возврат осуществляется согласно законодательству РФ.",
-        },
-        {
-          id: "f3",
-          title: "Как сделать заказ?",
-          content: "Вы можете заказать онлайн или позвонить по телефону.",
-        },
-      ]}
-      sideTitle="Частые вопросы"
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+            <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
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Контакты"
-      title="Свяжитесь с нами"
-      description="Наш телефон: +7 937 193 33 23"
-      buttonText="Позвонить"
-      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="contact" data-section="contact">
+            <ContactSplit
+            tag="Свяжитесь с нами"
+            title="Готовы начать ваш проект?"
+            description="Оставьте заявку, и мы свяжемся с вами в течение часа для консультации."
+            background={{ variant: "radial-gradient" }}
+            useInvertedBackground={true}
+          />
+        </div>

-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="КАТАЕВ СТРОЙ"
-      columns={[
-        {
-          title: "Навигация",
-          items: [
-            {
-              label: "Главная",
-              href: "#",
-            },
-            {
-              label: "О нас",
-              href: "#about",
-            },
-          ],
-        },
-        {
-          title: "Сервис",
-          items: [
-            {
-              label: "Доставка",
-              href: "#",
-            },
-            {
-              label: "Оплата",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 Катаев Строй"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterBaseCard
+            logoText="КАТАЕВ СТРОЙ"
+            columns={[
+                { title: "Услуги", items: [{ label: "Строительство", href: "#features" }, { label: "Инженерия", href: "#features" }] },
+                { title: "Компания", items: [{ label: "О нас", href: "#about" }, { label: "Контакты", href: "#contact" }] }
+            ]}
+            copyrightText="© 2025 Катаев Строй"
+          />
+        </div>
      </ReactLenis>
    </ThemeProvider>
  );
Author	SHA1	Message	Date
bender	b10eef5794	Merge version_4 into main Merge version_4 into main	2026-05-14 15:21:23 +00:00
bender	6cedd2df84	Update src/app/page.tsx	2026-05-14 15:21:17 +00:00
bender	b13a2a0964	Merge version_4 into main Merge version_4 into main	2026-05-14 15:20:56 +00:00
bender	287feda26b	Update src/app/page.tsx	2026-05-14 15:20:53 +00:00
bender	39a23e8f87	Merge version_4 into main Merge version_4 into main	2026-05-14 15:20:27 +00:00
bender	8819d06105	Update src/app/page.tsx	2026-05-14 15:20:24 +00:00
bender	b00d6b8cc0	Merge version_3 into main Merge version_3 into main	2026-05-14 15:19:00 +00:00
bender	8c6513a604	Update src/app/page.tsx	2026-05-14 15:18:57 +00:00
bender	5d5624fc05	Merge version_3 into main Merge version_3 into main	2026-05-14 15:18:37 +00:00
bender	23519723bc	Update src/app/page.tsx	2026-05-14 15:18:34 +00:00
bender	d104683f9e	Merge version_3 into main Merge version_3 into main	2026-05-14 15:18:08 +00:00
bender	58266061eb	Update src/app/page.tsx	2026-05-14 15:18:04 +00:00
bender	246ecd3264	Merge version_3 into main Merge version_3 into main	2026-05-14 15:17:40 +00:00
bender	40c699d007	Update src/app/page.tsx	2026-05-14 15:17:37 +00:00
bender	ba7d80ce13	Merge version_2 into main Merge version_2 into main	2026-05-14 15:15:09 +00:00
bender	b92594fe5f	Update src/app/page.tsx	2026-05-14 15:15:03 +00:00