From 9bf7a60eb619176707030afa3b06066e55744a38 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 13 May 2026 16:17:12 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 242 +++++++++++++++--------------------------------
 1 file changed, 74 insertions(+), 168 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7e65729..7832c9f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,15 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import HeroCentered from '@/components/sections/hero/HeroCentered';
-import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FaqBase from '@/components/sections/faq/FaqBase';
+import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import TextAbout from '@/components/sections/about/TextAbout';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import MediaAbout from '@/components/sections/about/MediaAbout';
 
 export default function LandingPage() {
   return (
@@ -18,226 +18,132 @@ export default function LandingPage() {
         defaultButtonVariant="hover-bubble"
         defaultTextAnimation="entrance-slide"
         borderRadius="soft"
-        contentWidth="small"
-        sizing="largeSmallSizeLargeTitles"
+        contentWidth="medium"
+        sizing="mediumLargeSizeLargeTitles"
         background="none"
-        cardStyle="solid"
-        primaryButtonStyle="primary-glow"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="diagonal-gradient"
         secondaryButtonStyle="glass"
-        headingFontWeight="light"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "Services",          id: "features"},
-        {
-          name: "Testimonials",          id: "testimonials"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", id: "hero" },
+        { name: "Services", id: "features" },
+        { name: "Reviews", id: "testimonials" },
+        { name: "FAQ", id: "faq" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Garage DZ"
-      button={{
-        text: "Call Now",        href: "tel:0487742674"}}
+      button={{ text: "Call Now", href: "tel:0487742674" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroCentered
-      background={{
-        variant: "gradient-bars"}}
-      title="Expert Car Repair & Maintenance in Brussels"
-      description="Quality automotive care at Garage DZ. Trust our experts for engine diagnostics, repairs, and full maintenance services to keep your vehicle running smoothly."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg",          alt: "Customer"},
-        {
-          src: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32019.jpg",          alt: "Customer"},
-        {
-          src: "http://img.b2bpic.net/free-photo/expert-informs-woman-car-motor-costs_482257-96392.jpg",          alt: "Customer"},
-        {
-          src: "http://img.b2bpic.net/free-photo/charismatic-man-holding-car-keys-showing-thumbs-up_158595-4218.jpg",          alt: "Customer"},
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-hat_23-2148546106.jpg",          alt: "Customer"},
-      ]}
-      avatarText="Trusted by 500+ Local Drivers"
-      buttons={[
-        {
-          text: "Call Now",          href: "tel:0487742674"},
-        {
-          text: "Get Directions",          href: "https://maps.google.com/?q=Rue+de+Ransbeek+49,1120+Bruxelles"},
-      ]}
-      marqueeItems={[
-        {
-          type: "text",          text: "Engine Repairs"},
-        {
-          type: "text",          text: "Oil Changes"},
-        {
-          type: "text",          text: "Brake Services"},
-        {
-          type: "text",          text: "Tire Balancing"},
-        {
-          type: "text",          text: "Full Diagnostics"},
-      ]}
+      <HeroBillboard
+      background={{ variant: "gradient-bars" }}
+      title="Expert Automotive Repair & Diagnostics in Brussels"
+      description="Professional vehicle maintenance and repair services at Garage DZ. We combine advanced diagnostics with expert craftsmanship to ensure your car stays road-ready and reliable."
+      tag="Automotive Excellence"
+      buttons={[{ text: "Book Service", href: "#contact" }, { text: "Get Directions", href: "https://maps.google.com/?q=Rue+de+Ransbeek+49,1120+Bruxelles" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/expert-informs-woman-car-motor-costs_482257-96392.jpg"
+      imageAlt="Mechanic expert"
+      mediaAnimation="slide-up"
     />
   </div>
 
   <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={false}
-      tag="About Us"
-      title="Quality Automotive Care You Can Trust"
-      buttons={[
-        {
-          text: "Learn More",          href: "#contact"},
-      ]}
+      <MediaAbout
+      useInvertedBackground={true}
+      tag="About Garage DZ"
+      title="Quality Care for Your Vehicle"
+      description="With over a decade of experience in Brussels, our certified technicians are committed to transparency, reliability, and top-tier automotive care for every vehicle that enters our shop."
+      buttons={[{ text: "Learn More", href: "#contact" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/female-mechanic-using-laptop_1170-1249.jpg"
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardTen
+      <FeatureCardTwentyThree
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Engine Diagnostics",          description: "State-of-the-art computer diagnostics to identify engine issues quickly.",          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-using-laptop_1170-1249.jpg",            imageAlt: "Diagnostics"},
-          items: [],
-          reverse: false
-        },
-        {
-          title: "Oil Change",          description: "Premium oil and filter replacements for optimal engine performance.",          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/gas-station-worker-taking-care-client-s-car_23-2150440266.jpg",            imageAlt: "Oil Change"},
-          items: [],
-          reverse: true
-        },
-        {
-          title: "Brake Repair",          description: "Expert brake inspection and replacement for your complete safety.",          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-tire-tire-repair-garage-replacement-winter-summer-tires_146671-18334.jpg",            imageAlt: "Brakes"},
-          items: [],
-          reverse: false
-        },
-        {
-          title: "Tire Service",          description: "Full tire sales, mounting, and balancing services for all roads.",          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg",            imageAlt: "Tires"},
-          items: [],
-          reverse: true
-        },
-        {
-          title: "General Maintenance",          description: "Routine checkups and fluid level monitoring for long vehicle life.",          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/expert-informs-woman-car-motor-costs_482257-96392.jpg",            imageAlt: "Maintenance"},
-          items: [],
-          reverse: false
-        }
+        { id: "1", title: "Engine Diagnostics", tags: ["Precision", "Tech"], imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-engine-with-help-laptop_1170-1529.jpg" },
+        { id: "2", title: "Full Maintenance", tags: ["Routine", "Care"], imageSrc: "http://img.b2bpic.net/free-photo/gas-station-worker-taking-care-client-s-car_23-2150440266.jpg" },
+        { id: "3", title: "Brake & Tire", tags: ["Safety", "Reliability"], imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-tire-tire-repair-garage-replacement-winter-summer-tires_146671-18334.jpg" }
       ]}
-      title="Our Professional Services"
-      description="Comprehensive maintenance and repair services for all vehicle models, delivered with expert care."
+      title="Our Core Services"
+      description="Comprehensive automotive solutions designed to keep your vehicle performance at its peak."
     />
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="default"
+      <MetricCardSeven
+      animationType="depth-3d"
+      textboxLayout="split"
       useInvertedBackground={true}
+      title="Our Performance Metrics"
+      description="Why local drivers consistently trust us for their automotive needs."
       metrics={[
-        {
-          id: "1",          value: "4.8/5",          title: "Google Rating",          description: "Based on 20+ reviews",          imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-engine-with-help-laptop_1170-1529.jpg"
-        },
-        {
-          id: "2",          value: "10+",          title: "Years Experience",          description: "Serving Brussels since 2013",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-auto-repairman-checking-car-oil-workshop_637285-7638.jpg"
-        },
-        {
-          id: "3",          value: "100%",          title: "Expert Technicians",          description: "Certified and trained staff",          imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-looking-car-s-bilge_23-2147897815.jpg"
-        },
+        { id: "1", value: "4.8/5", title: "Google Rating", items: ["20+ Verified Reviews", "Top Rated in Area"] },
+        { id: "2", value: "10+", title: "Years Experience", items: ["Serving Brussels", "Expertise Since 2013"] },
+        { id: "3", value: "100%", title: "Tech Certified", items: ["Expert Technicians", "Manufacturer Standards"] }
       ]}
-      title="Why Choose Garage DZ?"
-      description="Proven reliability and expertise in automotive repair for over 10 years."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      animationType="slide-up"
+      <TestimonialCardOne
+      animationType="depth-3d"
       textboxLayout="split"
       useInvertedBackground={false}
+      gridVariant="three-columns-all-equal-width"
+      title="What Our Clients Say"
+      description="Honest feedback from Brussels residents who rely on us for their vehicle maintenance."
       testimonials={[
-        {
-          id: "1",          name: "Sarah Miller",          handle: "@sarah_m",          testimonial: "Excellent service and very transparent pricing. My go-to garage in Brussels.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg"},
-        {
-          id: "2",          name: "Tom D.",          handle: "@tom_d",          testimonial: "Garage DZ diagnosed my engine issue in no time. Very professional.",          imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580607.jpg"},
-        {
-          id: "3",          name: "Elena R.",          handle: "@elena_r",          testimonial: "Friendly staff, fair prices, and very quick service. Highly recommended.",          imageSrc: "http://img.b2bpic.net/free-photo/group-happy-business-colleagues-clapping-hands-after-attending-presentation-office_637285-215.jpg"},
-        {
-          id: "4",          name: "Kevin L.",          handle: "@kevin_l",          testimonial: "The best place for routine oil changes. Always fast and reliable.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-executive-looking-information_1098-2091.jpg"},
-        {
-          id: "5",          name: "Julie C.",          handle: "@julie_c",          testimonial: "Professional work on my brakes. Will definitely return.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing_23-2150171294.jpg"},
+        { id: "1", name: "Sarah Miller", role: "Regular Client", company: "Brussels", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg" },
+        { id: "2", name: "Tom D.", role: "Commuter", company: "Brussels", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580607.jpg" },
+        { id: "3", name: "Elena R.", role: "Local Resident", company: "Brussels", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing_23-2150171294.jpg" }
       ]}
-      title="Customer Reviews"
-      description="Hear what our local clients say about our services."
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
+      <FaqBase
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "1",          title: "Do I need an appointment?",          content: "Yes, we recommend booking an appointment to ensure prompt service."},
-        {
-          id: "2",          title: "Do you handle warranty work?",          content: "Yes, we work according to manufacturer standards."},
-        {
-          id: "3",          title: "What payment methods do you accept?",          content: "We accept cash, Bancontact, and major credit cards."},
+        { id: "1", title: "Do I need an appointment?", content: "Yes, we recommend booking an appointment to ensure prompt service." },
+        { id: "2", title: "Do you handle warranty work?", content: "Yes, we follow strict manufacturer standards." },
+        { id: "3", title: "Accepted payments?", content: "Cash, Bancontact, and major credit cards." }
       ]}
-      title="Frequently Asked Questions"
-      description="Common answers about our repair and maintenance process."
+      title="Common Questions"
+      description="Everything you need to know about our repair processes."
       faqsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
-      tag="Contact Information"
-      title="Visit Us at Garage DZ"
-      description="Located at Rue de Ransbeek 49, 1120 Bruxelles. Call us at 0487 74 26 74."
-      buttons={[
-        {
-          text: "Get Directions",          href: "https://maps.google.com/?q=Rue+de+Ransbeek+49,1120+Bruxelles"},
+      <ContactSplitForm
+      title="Request a Service Appointment"
+      description="Ready to fix your car? Fill out the details below and our team will get in touch."
+      inputs={[
+        { name: "name", type: "text", placeholder: "Full Name", required: true },
+        { name: "email", type: "email", placeholder: "Email Address", required: true },
+        { name: "carModel", type: "text", placeholder: "Car Model & Year" }
       ]}
-      useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
+      textarea={{ name: "service", placeholder: "Service Required" }}
+      imageSrc="http://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Services",              href: "#features"},
-            {
-              label: "Contact",              href: "#contact"},
-            {
-              label: "Google Reviews",              href: "#testimonials"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "0487 74 26 74",              href: "tel:0487742674"},
-            {
-              label: "Rue de Ransbeek 49, 1120 Bruxelles",              href: "#contact"},
-          ],
-        },
-      ]}
+      <FooterCard
       logoText="Garage DZ"
+      copyrightText="© 2025 Garage DZ. All rights reserved."
     />
   </div>
       </ReactLenis>