From 41130bb3e067ab0c509bb1c3b9459b16e0203b39 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 31 Mar 2026 18:57:28 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 369 +++++++++++++++--------------------------------
 1 file changed, 116 insertions(+), 253 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8cebd5c..4e9e13e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,267 +17,130 @@ export default function LandingPage() {
         defaultButtonVariant="hover-magnetic"
         defaultTextAnimation="reveal-blur"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Modern Tyres"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "services" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Modern Tyres"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Premium Tyres & Auto Care, Sligo"
-      description="Fast, honest service from trusted local experts. Sameday fitting available on all major brands—no upselling, just results."
-      tag="Trusted in Sligo"
-      buttons={[
-        {
-          text: "Book Appointment",
-          href: "#contact",
-        },
-        {
-          text: "Call Now",
-          href: "tel:+353719140000",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-using-flashlight-while-examining-car-auto-repair-shop_637285-12705.jpg?_wi=1",
-          imageAlt: "Tyre fitting bay",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-repairing-car_23-2150171252.jpg?_wi=1",
-          imageAlt: "Performance tyre",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-woman-replacing-car-wheels_23-2148327522.jpg?_wi=1",
-          imageAlt: "Wheel alignment check",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/truck-workshop-interior-with-tools-cart-laptop-computer-diagnostics-tool-servicing-truck-vehicles_342744-1345.jpg",
-          imageAlt: "Professional workshop",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/inside-factory-unit-with-new-modern-computerized-equipment-mechanisms-box-with-swarf-photo-with-depth-field_645730-62.jpg",
-          imageAlt: "Organized tools",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/gear-stick-close-up-view-interior-brand-new-modern-luxury-automobile_146671-16596.jpg",
-          imageAlt: "Safe driving interior",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardCarousel
+            background={{ variant: "gradient-bars" }}
+            title="Premium Tyres & Auto Care, Sligo"
+            description="Fast, honest service from trusted local experts. Sameday fitting available on all major brands—no upselling, just results."
+            tag="Trusted in Sligo"
+            buttons={[
+              { text: "Book Appointment", href: "#contact" },
+              { text: "Call Now", href: "tel:+353719140000" },
+            ]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-using-flashlight-while-examining-car-auto-repair-shop_637285-12705.jpg", imageAlt: "Tyre fitting bay" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-repairing-car_23-2150171252.jpg", imageAlt: "Performance tyre" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/low-angle-woman-replacing-car-wheels_23-2148327522.jpg", imageAlt: "Wheel alignment check" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/truck-workshop-interior-with-tools-cart-laptop-computer-diagnostics-tool-servicing-truck-vehicles_342744-1345.jpg", imageAlt: "Professional workshop" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/inside-factory-unit-with-new-modern-computerized-equipment-mechanisms-box-with-swarf-photo-with-depth-field_645730-62.jpg", imageAlt: "Organized tools" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/gear-stick-close-up-view-interior-brand-new-modern-luxury-automobile_146671-16596.jpg", imageAlt: "Safe driving interior" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="Why Sligo Trusts Us"
-      description="We combine industry-leading tyre technology with local integrity. No gimmicks, no hidden fees—just expert care for your vehicle."
-      metrics={[
-        {
-          value: "20+",
-          title: "Years Experience",
-        },
-        {
-          value: "15k+",
-          title: "Tyres Fitted",
-        },
-        {
-          value: "5.0",
-          title: "Star Rating",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/happy-couple-shaking-hands-with-car-mechanic-while-greeting-repair-shop_637285-7726.jpg"
-      mediaAnimation="slide-up"
-      metricsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="Why Sligo Trusts Us"
+            description="We combine industry-leading tyre technology with local integrity. No gimmicks, no hidden fees—just expert care for your vehicle."
+            metrics={[
+              { value: "20+", title: "Years Experience" },
+              { value: "15k+", title: "Tyres Fitted" },
+              { value: "5.0", title: "Star Rating" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/happy-couple-shaking-hands-with-car-mechanic-while-greeting-repair-shop_637285-7726.jpg"
+            mediaAnimation="slide-up"
+            metricsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureBento
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          bentoComponent: "reveal-icon",
-          icon: ShieldCheck,
-          title: "Professional Fitting",
-          description: "Precision mounting and balancing for maximum tyre safety.",
-          imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-using-flashlight-while-examining-car-auto-repair-shop_637285-12705.jpg?_wi=2",
-          imageAlt: "tyre shop interior",
-        },
-        {
-          bentoComponent: "reveal-icon",
-          icon: Wrench,
-          title: "Diagnostics",
-          description: "State-of-the-art diagnostic technology for all vehicle makes.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-repairing-car_23-2150171252.jpg?_wi=2",
-          imageAlt: "new car tyre rim",
-        },
-        {
-          bentoComponent: "reveal-icon",
-          icon: Gauge,
-          title: "Alignment Check",
-          description: "Extended tyre life with precise wheel alignment settings.",
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-woman-replacing-car-wheels_23-2148327522.jpg?_wi=2",
-          imageAlt: "mechanic wheel alignment",
-        },
-      ]}
-      title="Expert Auto Services"
-      description="Comprehensive care to keep you on the road safely."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureBento
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              {
+                bentoComponent: "reveal-icon",                icon: ShieldCheck,
+                title: "Professional Fitting",                description: "Precision mounting and balancing for maximum tyre safety."},
+              {
+                bentoComponent: "reveal-icon",                icon: Wrench,
+                title: "Diagnostics",                description: "State-of-the-art diagnostic technology for all vehicle makes."},
+              {
+                bentoComponent: "reveal-icon",                icon: Gauge,
+                title: "Alignment Check",                description: "Extended tyre life with precise wheel alignment settings."},
+            ]}
+            title="Expert Auto Services"
+            description="Comprehensive care to keep you on the road safely."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="bento-grid"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          role: "Driver",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12688.jpg",
-        },
-        {
-          id: "2",
-          name: "Mark D.",
-          role: "Fleet Owner",
-          company: "Sligo Logistics",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-standing-repair-garage_1170-1536.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily R.",
-          role: "Commuter",
-          company: "Daily Driver",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-man-drinking-beer-after-washing-car_23-2149316441.jpg",
-        },
-        {
-          id: "4",
-          name: "David K.",
-          role: "Professional",
-          company: "Tech Specialist",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/excited-black-manager-showing-thumbs-up-after-successul-negotiation-with-partners-indoor-portrait-asian-employees-with-african-worker-blue-shirt-foreground_197531-25399.jpg?_wi=1",
-        },
-        {
-          id: "5",
-          name: "Alan B.",
-          role: "Mechanic",
-          company: "Sligo Auto Hub",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/excited-black-manager-showing-thumbs-up-after-successul-negotiation-with-partners-indoor-portrait-asian-employees-with-african-worker-blue-shirt-foreground_197531-25399.jpg?_wi=2",
-        },
-      ]}
-      title="What Our Customers Say"
-      description="Join hundreds of happy local drivers."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="bento-grid"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Sarah J.", role: "Driver", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12688.jpg" },
+              { id: "2", name: "Mark D.", role: "Fleet Owner", company: "Sligo Logistics", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mechanic-standing-repair-garage_1170-1536.jpg" },
+              { id: "3", name: "Emily R.", role: "Commuter", company: "Daily Driver", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-man-drinking-beer-after-washing-car_23-2149316441.jpg" },
+              { id: "4", name: "David K.", role: "Professional", company: "Tech Specialist", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/excited-black-manager-showing-thumbs-up-after-successul-negotiation-with-partners-indoor-portrait-asian-employees-with-african-worker-blue-shirt-foreground_197531-25399.jpg" },
+              { id: "5", name: "Alan B.", role: "Mechanic", company: "Sligo Auto Hub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/excited-black-manager-showing-thumbs-up-after-successul-negotiation-with-partners-indoor-portrait-asian-employees-with-african-worker-blue-shirt-foreground_197531-25399.jpg" },
+            ]}
+            title="What Our Customers Say"
+            description="Join hundreds of happy local drivers."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Book Your Service"
-      description="Ready to get back on the road? Send us a message and we'll confirm your slot ASAP."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
-        },
-        {
-          name: "phone",
-          type: "tel",
-          placeholder: "Phone Number",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Tell us about your tyre/auto needs...",
-        rows: 4,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/man-using-digital-tablet-while-charging-electric-car_107420-94880.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Book Your Service"
+            description="Ready to get back on the road? Send us a message and we'll confirm your slot ASAP."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "email", type: "email", placeholder: "Your Email", required: true },
+              { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
+            ]}
+            textarea={{ name: "message", placeholder: "Tell us about your tyre/auto needs...", rows: 4 }}
+            imageSrc="http://img.b2bpic.net/free-photo/man-using-digital-tablet-while-charging-electric-car_107420-94880.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/small-black-sign-wall_23-2147725015.jpg"
-      columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Use",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Modern Tyres BestDrive"
-      copyrightText="© 2025 Modern Tyres Sligo. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/small-black-sign-wall_23-2147725015.jpg"
+            columns={[
+              { title: "Navigation", items: [{ label: "Services", href: "#services" }, { label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] },
+            ]}
+            logoText="Modern Tyres BestDrive"
+            copyrightText="© 2025 Modern Tyres Sligo. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1