Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -2,15 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FaqBase from '@/components/sections/faq/FaqBase';
+import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
-import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
 
 export default function LandingPage() {
   return (
@@ -74,7 +74,7 @@ export default function LandingPage() {
         </div>
 
         <div id="products" data-section="products">
-          <ProductCardFour
+          <ProductCardOne
             title="Наш асортимент"
             description="Перегляньте популярні види бруківки для різних архітектурних рішень."
             gridVariant="three-columns-all-equal-width"
@@ -82,27 +82,27 @@ export default function LandingPage() {
             textboxLayout="default"
             useInvertedBackground={false}
             products={[
-              { id: "p1", name: "Класична цеглинка", price: "від 300 грн/м²", variant: "В наявності", imageSrc: "https://img.b2bpic.net/free-photo/paving-stones-background_140725-7832.jpg" },
-              { id: "p2", name: "Фігурна плитка", price: "від 450 грн/м²", variant: "В наявності", imageSrc: "https://img.b2bpic.net/free-photo/paving-blocks_140725-8314.jpg?_wi=1" },
-              { id: "p3", name: "Бруківка Старе місто", price: "від 400 грн/м²", variant: "Під замовлення", imageSrc: "https://img.b2bpic.net/free-photo/paving-blocks_140725-8314.jpg?_wi=2" }
+              { id: "p1", name: "Класична цеглинка", price: "від 300 грн/м²", imageSrc: "https://img.b2bpic.net/free-photo/paving-stones-background_140725-7832.jpg" },
+              { id: "p2", name: "Фігурна плитка", price: "від 450 грн/м²", imageSrc: "https://img.b2bpic.net/free-photo/paving-blocks_140725-8314.jpg?_wi=1" },
+              { id: "p3", name: "Бруківка Старе місто", price: "від 400 грн/м²", imageSrc: "https://img.b2bpic.net/free-photo/paving-blocks_140725-8314.jpg?_wi=2" }
             ]}
           />
         </div>
 
         <div id="testimonials" data-section="testimonials">
-          <TestimonialCardOne
-            gridVariant="three-columns-all-equal-width"
+          <TestimonialCardThirteen
+            showRating={true}
             animationType="slide-up"
             textboxLayout="split"
             title="Відгуки клієнтів"
             description="Дізнайтеся, що думають наші замовники про якість роботи."
             useInvertedBackground={false}
-            testimonials={[{ id: "1", name: "Олександр", role: "Клієнт", company: "Власник будинку", quote: "Дуже задоволений роботою, все зроблено вчасно та якісно.", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/smiling-man_140725-9981.jpg" }]}
+            testimonials={[{ id: "1", name: "Олександр", handle: "@client", testimonial: "Дуже задоволений роботою, все зроблено вчасно та якісно.", rating: 5 }]}
           />
         </div>
 
         <div id="faq" data-section="faq">
-          <FaqSplitMedia
+          <FaqBase
             faqs={[
               { id: "q1", title: "Як замовити укладання?", content: "Зв'яжіться з нами через форму на сайті або за телефоном." },
               { id: "q2", title: "Чи виїжджаєте на об'єкт?", content: "Так, ми проводимо безкоштовний виїзд для замірів." }
@@ -112,27 +112,28 @@ export default function LandingPage() {
             faqsAnimation="slide-up"
             textboxLayout="default"
             useInvertedBackground={false}
-            imageSrc="https://img.b2bpic.net/free-photo/worker-measuring-pavement_140725-9982.jpg"
           />
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactSplit
+          <ContactCTA
             tag="Зв'язок"
             title="Почніть свій проект вже сьогодні"
-            description="Залишилися питання? Залиште заявку, і ми допоможемо вам з вибором."
-            background={{ variant: "animated-grid" }}
+            description="Наш експерт готова безкоштовно проконсультувати вас та провести заміри на вашому об'єкті у будь-який зручний час."
+            buttons={[{ text: "Замовити дзвінок", href: "tel:+38000000000" }]}
+            background={{ variant: "sparkles-gradient" }}
             useInvertedBackground={false}
-            imageSrc="https://img.b2bpic.net/free-photo/worker-laying-stone-pathway_140725-9234.jpg"
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterBaseReveal
+          <FooterMedia
             logoText="Бруківка Вектор"
             columns={[
-              { title: "Навігація", items: [{ label: "Головна", href: "#hero" }, { label: "Каталог", href: "#products" }] }
+              { title: "Навігація", items: [{ label: "Головна", href: "#hero" }, { label: "Каталог", href: "#products" }, { label: "Контакти", href: "#contact" }] },
+              { title: "Підтримка", items: [{ label: "FAQ", href: "#faq" }, { label: "Політика конфіденційності", href: "#" }] }
             ]}
+            imageSrc="https://img.b2bpic.net/free-photo/paving-pattern_140725-6321.jpg"
             copyrightText="© 2025 Бруківка Вектор. Усі права захищено."
           />
         </div>