Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -3,14 +3,14 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqBase from '@/components/sections/faq/FaqBase';
-import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 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">
-          <ProductCardOne
+          <ProductCardFour
             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 грн/м²", 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" }
+              { 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" }
             ]}
           />
         </div>
 
         <div id="testimonials" data-section="testimonials">
-          <TestimonialCardThirteen
-            showRating={true}
+          <TestimonialCardOne
+            gridVariant="three-columns-all-equal-width"
             animationType="slide-up"
             textboxLayout="split"
             title="Відгуки клієнтів"
             description="Дізнайтеся, що думають наші замовники про якість роботи."
             useInvertedBackground={false}
-            testimonials={[{ id: "1", name: "Олександр", handle: "@client", testimonial: "Дуже задоволений роботою, все зроблено вчасно та якісно.", rating: 5 }]}
+            testimonials={[{ id: "1", name: "Олександр", role: "Клієнт", company: "Власник будинку", quote: "Дуже задоволений роботою, все зроблено вчасно та якісно.", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/smiling-man_140725-9981.jpg" }]}
           />
         </div>
 
         <div id="faq" data-section="faq">
-          <FaqBase
+          <FaqSplitMedia
             faqs={[
               { id: "q1", title: "Як замовити укладання?", content: "Зв'яжіться з нами через форму на сайті або за телефоном." },
               { id: "q2", title: "Чи виїжджаєте на об'єкт?", content: "Так, ми проводимо безкоштовний виїзд для замірів." }
@@ -112,6 +112,7 @@ 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>