From 3826bff0b162d843a6869a67bfd4f5fe6754131d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 14 Apr 2026 09:12:04 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 308 ++++++++++++++++-------------------------------
 1 file changed, 103 insertions(+), 205 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 31c12dd..da0728a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,219 +16,117 @@ export default function LandingPage() {
         defaultButtonVariant="text-stagger"
         defaultTextAnimation="background-highlight"
         borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "Services",
-          id: "#services",
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="Scott Linus Tyre"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "services" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="Scott Linus Tyre"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogoBillboard
-      background={{
-        variant: "plain",
-      }}
-      logoText="Scott Linus Tyre"
-      description="Built on Trust. Driven by Precision. Serving the Vaal region with expert fitment and repair since 2014."
-      buttons={[
-        {
-          text: "Book Appointment",
-          href: "https://wa.me/27787499491?text=Hi+Scott+Linus+Tyre+I+would+like+a+free+quote",
-        },
-        {
-          text: "Get a Free Quote",
-          href: "https://wa.me/27787499491?text=Hi+Scott+Linus+Tyre+I+would+like+a+free+quote",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580612.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroLogoBillboard
+            background={{ variant: "plain" }}
+            logoText="Scott Linus Tyre"
+            description="Built on Trust. Driven by Precision. Serving the Vaal region with expert fitment and repair since 2014."
+            buttons={[
+              { text: "Book Appointment", href: "https://wa.me/27787499491?text=Hi+Scott+Linus+Tyre+I+would+like+a+free+quote" },
+              { text: "Get a Free Quote", href: "https://wa.me/27787499491?text=Hi+Scott+Linus+Tyre+I+would+like+a+free+quote" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580612.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={false}
-      title="Family-owned and operated since 2014, Scott Linus Tyre provides honest, high-quality automotive repair services you can depend on in the Vaal region."
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextAbout
+            useInvertedBackground={false}
+            title="Family-owned and operated since 2014, Scott Linus Tyre provides honest, high-quality automotive repair services you can depend on in the Vaal region."
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "Wheel Alignment",
-          description: "Passenger/Bakkies: R250+ | SUVs: R300+. Book now for precision alignment.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163671.jpg",
-        },
-        {
-          title: "Rim Welding",
-          description: "Expert rim welding solutions. Price: from R300+. Get a free quote via WhatsApp.",
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-bicycle-wheel_1170-2519.jpg",
-        },
-        {
-          title: "Used Tyres",
-          description: "12-16\": R400+ | 17\": R450+ | 18\": R650+ | 19\": R800+. Get a quote for 20\"+.",
-          imageSrc: "http://img.b2bpic.net/free-photo/urban-environment-with-grunge-aesthetic_23-2150943442.jpg",
-        },
-        {
-          title: "Engine Servicing",
-          description: "Comprehensive car servicing for optimal performance. Contact us for a quote.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-washing-engine-station_1157-36598.jpg",
-        },
-        {
-          title: "Suspension Repairs",
-          description: "Quality checks and repairs for your vehicle's suspension system.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-mechanic-changing-car-wheels_23-2148327513.jpg",
-        },
-        {
-          title: "New Tyres",
-          description: "Premium new tyres for all vehicle types. Contact us for availability.",
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-tire_23-2147897909.jpg",
-        },
-      ]}
-      title="Professional Services"
-      description="Expert solutions for your vehicle's safety and performance."
-      buttons={[
-        {
-          text: "Book Appointment via WhatsApp",
-          href: "https://wa.me/27787499491?text=Hi+Scott+Linus+Tyre+I+would+like+a+free+quote",
-        },
-      ]}
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            features={[
+              { title: "Wheel Alignment", description: "Passenger/Bakkies: R250+ | SUVs: R300+. Book now for precision alignment.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163671.jpg" },
+              { title: "Rim Welding", description: "Expert rim welding solutions. Price: from R300+. Get a free quote via WhatsApp.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-bicycle-wheel_1170-2519.jpg" },
+              { title: "Used Tyres", description: "12-16\": R400+ | 17\": R450+ | 18\": R650+ | 19\": R800+. Get a quote for 20\"+.", imageSrc: "http://img.b2bpic.net/free-photo/urban-environment-with-grunge-aesthetic_23-2150943442.jpg" },
+              { title: "Engine Servicing", description: "Comprehensive car servicing for optimal performance. Contact us for a quote.", imageSrc: "http://img.b2bpic.net/free-photo/man-washing-engine-station_1157-36598.jpg" },
+              { title: "Suspension Repairs", description: "Quality checks and repairs for your vehicle's suspension system.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-mechanic-changing-car-wheels_23-2148327513.jpg" },
+              { title: "New Tyres", description: "Premium new tyres for all vehicle types. Contact us for availability.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-tire_23-2147897909.jpg" }
+            ]}
+            title="Professional Services"
+            description="Expert solutions for your vehicle's safety and performance."
+            buttons={[{ text: "Book Appointment via WhatsApp", href: "https://wa.me/27787499491?text=Hi+Scott+Linus+Tyre+I+would+like+a+free+quote" }]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Danie Botha",
-          role: "Local Customer",
-          company: "Vereeniging",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-working-with-car-tires-auto-service-workshop_637285-7524.jpg",
-        },
-        {
-          id: "2",
-          name: "Sarah Mokoena",
-          role: "Local Customer",
-          company: "Vaal",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-trying-repair-car_23-2148514928.jpg",
-        },
-        {
-          id: "3",
-          name: "Johan van Wyk",
-          role: "Local Customer",
-          company: "Gauteng",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/repairmen-examining-car-bottom_23-2147897937.jpg",
-        },
-        {
-          id: "4",
-          name: "Thandi Nkosi",
-          role: "Local Customer",
-          company: "Vereeniging",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-hipster-girl-jeans-jacket-head-scarf-tire-fitting-zone_627829-9503.jpg",
-        },
-        {
-          id: "5",
-          name: "Pieter Smit",
-          role: "Local Customer",
-          company: "Vaal",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-fixing-car-tyre_1170-1653.jpg",
-        },
-      ]}
-      title="What Our Clients Say"
-      description="Trusted by our local community in Vereeniging."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Danie Botha", role: "Local Customer", company: "Vereeniging", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-working-with-car-tires-auto-service-workshop_637285-7524.jpg" },
+              { id: "2", name: "Sarah Mokoena", role: "Local Customer", company: "Vaal", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-trying-repair-car_23-2148514928.jpg" },
+              { id: "3", name: "Johan van Wyk", role: "Local Customer", company: "Gauteng", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/repairmen-examining-car-bottom_23-2147897937.jpg" },
+              { id: "4", name: "Thandi Nkosi", role: "Local Customer", company: "Vereeniging", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-hipster-girl-jeans-jacket-head-scarf-tire-fitting-zone_627829-9503.jpg" },
+              { id: "5", name: "Pieter Smit", role: "Local Customer", company: "Vaal", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mechanic-fixing-car-tyre_1170-1653.jpg" }
+            ]}
+            title="What Our Clients Say"
+            description="Trusted by our local community in Vereeniging."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      text="Visit us at 4 Grey Avenue, Vereeniging, Gauteng. Open Monday to Saturday. WhatsApp us for a free quote at 0787499491."
-      buttons={[
-        {
-          text: "WhatsApp Us",
-          href: "https://wa.me/27787499491?text=Hi+Scott+Linus+Tyre+I+would+like+a+free+quote",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={true}
+            background={{ variant: "plain" }}
+            text="Visit us at 4 Grey Avenue, Vereeniging, Gauteng. Open Monday to Saturday. WhatsApp us for a free quote at 0787499491."
+            buttons={[{ text: "WhatsApp Us", href: "https://wa.me/27787499491?text=Hi+Scott+Linus+Tyre+I+would+like+a+free+quote" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881889.jpg"
-      logoText="Scott Linus Tyre"
-      columns={[
-        {
-          title: "Quick Links",
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Connect",
-          items: [
-            {
-              label: "WhatsApp",
-              href: "https://wa.me/27787499491?text=Hi+Scott+Linus+Tyre+I+would+like+a+free+quote",
-            },
-            {
-              label: "Facebook",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 Scott Linus Tyre. Established 2014."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881889.jpg"
+            logoText="Scott Linus Tyre"
+            columns={[
+              { title: "Quick Links", items: [
+                  { label: "Home", href: "#hero" },
+                  { label: "Services", href: "#services" },
+                  { label: "Contact", href: "#contact" }
+                ]
+              },
+              { title: "Connect", items: [
+                  { label: "WhatsApp", href: "https://wa.me/27787499491?text=Hi+Scott+Linus+Tyre+I+would+like+a+free+quote" },
+                  { label: "Facebook", href: "#" }
+                ]
+              }
+            ]}
+            copyrightText="© 2024 Scott Linus Tyre. Established 2014."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1