From 6e882cab62e80f0b7fb3f23f16162c4cc7fb4a56 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 3 Apr 2026 15:22:12 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 291 ++++++++++++++---------------------------------
 1 file changed, 83 insertions(+), 208 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 10968b9..10051aa 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -25,220 +25,95 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Reviews",
-          id: "reviews",
-        },
-        {
-          name: "Book Now",
-          id: "contact",
-        },
-      ]}
-      brandName="A&M Motors"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Services", id: "services" },
+              { name: "About", id: "about" },
+              { name: "Reviews", id: "reviews" },
+              { name: "Book Now", id: "contact" },
+            ]}
+            brandName="A&M Motors"
+            button={{ text: "Get Started", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCarouselLogo
-      logoText="A&M Motors"
-      description="We Keep You Moving. Your local expert for all vehicle repairs — from diagnostics to full engine work. Honest service, quality parts, fair prices."
-      buttons={[
-        {
-          text: "Book a Service",
-          href: "#contact",
-        },
-        {
-          text: "Call Us Today",
-          href: "tel:+441234567890",
-        },
-      ]}
-      slides={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_23-2148138492.jpg",
-          imageAlt: "General Repairs",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/hands-mechanic-using-diagnostic-tool_1170-1188.jpg",
-          imageAlt: "Diagnostics",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/muscular-man-is-fixing-car-s-wheel-with-special-tool-auto-service_613910-3825.jpg",
-          imageAlt: "Tyres & Brakes",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-oiling-car-brake_1170-1626.jpg",
-          imageAlt: "Brakes",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-examining-car-oil-auto-repair-shop_637285-4301.jpg",
-          imageAlt: "Oil Servicing",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-manual-worker-industrial-production-line-facility_637285-4875.jpg",
-          imageAlt: "Air Conditioning",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCarouselLogo
+            logoText="A&M Motors"
+            description="We Keep You Moving. Your local expert for all vehicle repairs — from diagnostics to full engine work. Honest service, quality parts, fair prices."
+            buttons={[{ text: "Book a Service", href: "#contact" }, { text: "Call Us Today", href: "tel:+441234567890" }]}
+            slides={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_23-2148138492.jpg", imageAlt: "General Repairs" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/hands-mechanic-using-diagnostic-tool_1170-1188.jpg", imageAlt: "Diagnostics" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/muscular-man-is-fixing-car-s-wheel-with-special-tool-auto-service_613910-3825.jpg", imageAlt: "Tyres & Brakes" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-oiling-car-brake_1170-1626.jpg", imageAlt: "Brakes" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-examining-car-oil-auto-repair-shop_637285-4301.jpg", imageAlt: "Oil Servicing" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/closeup-manual-worker-industrial-production-line-facility_637285-4875.jpg", imageAlt: "Air Conditioning" }
+            ]}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardSixteen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      negativeCard={{
-        items: [
-          "No hidden fees or surprise costs",
-          "No guesswork on diagnostics",
-          "No unnecessary upselling",
-          "No delayed turnaround times",
-          "No low-quality generic parts",
-          "No unreliable work history",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "General Mechanical Repairs",
-          "Advanced Computer Diagnostics",
-          "Tyres & Brake Replacement",
-          "Full Oil & Filter Servicing",
-          "Air Conditioning Regas",
-          "MOT Preparation Inspections",
-        ],
-      }}
-      title="Our Services"
-      description="Comprehensive mechanical repair and maintenance for all vehicle makes and models."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardSixteen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            negativeCard={{ items: ["No hidden fees or surprise costs", "No guesswork on diagnostics", "No unnecessary upselling", "No delayed turnaround times", "No low-quality generic parts", "No unreliable work history"] }}
+            positiveCard={{ items: ["General Mechanical Repairs", "Advanced Computer Diagnostics", "Tyres & Brake Replacement", "Full Oil & Filter Servicing", "Air Conditioning Regas", "MOT Preparation Inspections"] }}
+            title="Our Services"
+            description="Comprehensive mechanical repair and maintenance for all vehicle makes and models."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={true}
-      title="Your Local Garage, Done Right"
-      description="We're not a faceless chain. A&M Motors is a local, independent repair shop with a reputation built on honesty and quality work. When you bring your vehicle to us, you deal with people who genuinely care about getting you back on the road safely."
-      tag="Why Choose Us"
-      imageSrc="http://img.b2bpic.net/free-photo/shoemaker-s-workshop-with-nobody-with-press-boots_613910-3324.jpg"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MediaAbout
+            useInvertedBackground={true}
+            title="Your Local Garage, Done Right"
+            description="We're not a faceless chain. A&M Motors is a local, independent repair shop with a reputation built on honesty and quality work. When you bring your vehicle to us, you deal with people who genuinely care about getting you back on the road safely."
+            tag="Why Choose Us"
+            imageSrc="http://img.b2bpic.net/free-photo/shoemaker-s-workshop-with-nobody-with-press-boots_613910-3324.jpg"
+          />
+        </div>
 
-  <div id="reviews" data-section="reviews">
-      <TestimonialCardTen
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          title: "Great Service",
-          quote: "Absolutely fantastic service. They diagnosed the issue within minutes and had my car back to me the same afternoon. Will not go anywhere else.",
-          name: "Sarah M.",
-          role: "Customer",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21751.jpg",
-        },
-        {
-          id: "2",
-          title: "Highly Trusted",
-          quote: "Honest, reliable and reasonably priced. Rare to find a garage you can actually trust — these guys are the real deal. Highly recommended.",
-          name: "David K.",
-          role: "Customer",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-home_23-2150062545.jpg",
-        },
-        {
-          id: "3",
-          title: "Very Helpful",
-          quote: "Great team, very knowledgeable. They explained exactly what needed doing and why without trying to upsell unnecessary extras. Refreshingly honest.",
-          name: "Priya L.",
-          role: "Customer",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-worker-car-workshop_52683-90907.jpg",
-        },
-        {
-          id: "4",
-          title: "Fixed First Time",
-          quote: "Brought my car in with a mystery fault that two other garages couldn't fix. A&M had it sorted same day. Absolutely brilliant.",
-          name: "James T.",
-          role: "Customer",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-worried-businessman-talking-with-african-american-auto-mechanic-about-costs-car-reparation-auto-repair-shop_637285-4251.jpg",
-        },
-        {
-          id: "5",
-          title: "Top Quality",
-          quote: "Quality work and fair prices. I've been coming here for years and have never had a complaint.",
-          name: "Mark R.",
-          role: "Customer",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car-showroom_1303-14589.jpg",
-        },
-      ]}
-      title="Customer Reviews"
-      description="See why our customers trust us with their vehicles."
-    />
-  </div>
+        <div id="reviews" data-section="reviews">
+          <TestimonialCardTen
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", title: "Great Service", quote: "Absolutely fantastic service. They diagnosed the issue within minutes and had my car back to me the same afternoon. Will not go anywhere else.", name: "Sarah M.", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21751.jpg" },
+              { id: "2", title: "Highly Trusted", quote: "Honest, reliable and reasonably priced. Rare to find a garage you can actually trust — these guys are the real deal. Highly recommended.", name: "David K.", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-home_23-2150062545.jpg" },
+              { id: "3", title: "Very Helpful", quote: "Great team, very knowledgeable. They explained exactly what needed doing and why without trying to upsell unnecessary extras. Refreshingly honest.", name: "Priya L.", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/young-worker-car-workshop_52683-90907.jpg" },
+              { id: "4", title: "Fixed First Time", quote: "Brought my car in with a mystery fault that two other garages couldn't fix. A&M had it sorted same day. Absolutely brilliant.", name: "James T.", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/young-worried-businessman-talking-with-african-american-auto-mechanic-about-costs-car-reparation-auto-repair-shop_637285-4251.jpg" },
+              { id: "5", title: "Top Quality", quote: "Quality work and fair prices. I've been coming here for years and have never had a complaint.", name: "Mark R.", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car-showroom_1303-14589.jpg" }
+            ]}
+            title="Customer Reviews"
+            description="See why our customers trust us with their vehicles."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
-      tag="Get In Touch"
-      title="Book Your Appointment"
-      description="Fill in the details below to request a service booking. We'll be in touch shortly to confirm."
-      imageSrc="http://img.b2bpic.net/free-photo/engineer-repair-shop-using-augmented-reality-holograms-check-car-specifications-checkup-meticulous-garage-employee-using-futuristic-ar-technology-examine-defective-vehicle_482257-73060.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={true}
+            background={{ variant: "gradient-bars" }}
+            tag="Get In Touch"
+            title="Book Your Appointment"
+            description="Fill in the details below to request a service booking. We'll be in touch shortly to confirm."
+            imageSrc="http://img.b2bpic.net/free-photo/engineer-repair-shop-using-augmented-reality-holograms-check-car-specifications-checkup-meticulous-garage-employee-using-futuristic-ar-technology-examine-defective-vehicle_482257-73060.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="A&M Motors"
-      columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "General Repairs",
-              href: "#services",
-            },
-            {
-              label: "Diagnostics",
-              href: "#services",
-            },
-            {
-              label: "Tyres & Brakes",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Reviews",
-              href: "#reviews",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="A&M Motors"
+            columns={[
+              { title: "Services", items: [{ label: "General Repairs", href: "#services" }, { label: "Diagnostics", href: "#services" }, { label: "Tyres & Brakes", href: "#services" }] },
+              { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Reviews", href: "#reviews" }, { label: "Contact", href: "#contact" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file