From 00556b0236242e9638b0cec910a8a03113d9c352 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 20 Apr 2026 21:31:08 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 496 ++++++++++++++---------------------------------
 1 file changed, 143 insertions(+), 353 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1f082a8..f09fbe8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -15,369 +15,159 @@ import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCar
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="bounce-effect"
-        defaultTextAnimation="background-highlight"
-        borderRadius="soft"
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="background-highlight"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Team",
-          id: "team",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Vail Auto"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Services", id: "features" },
+              { name: "Team", id: "team" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Vail Auto"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDoubleCarousel
-      background={{
-        variant: "plain",
-      }}
-      title="Expert Care for Your Vehicle"
-      description="Premium auto repair and maintenance services in Vail. From engine diagnostics to full tire replacements, we keep your car running like new."
-      leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-talks-with-client-about-car_482257-115300.jpg",
-          imageAlt: "Mechanic workspace",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-bicycle-mechanic-cleans-his-arms-after-bike-service-manual-workshop_613910-14283.jpg",
-          imageAlt: "Mechanic workspace",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/advanced-diagnostic-lab-with-metallic-equipment-sterile-testing-environment_482257-124278.jpg",
-          imageAlt: "Mechanic workspace",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/team-mechanics-fixing-car_482257-76105.jpg",
-          imageAlt: "Mechanic workspace",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-starting-maintenance_23-2147897914.jpg",
-          imageAlt: "Mechanic workspace",
-        },
-      ]}
-      rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-mechanic-uses-mockup-tablet-while-changing-old-car-brake-fluid-with-new-one-repair-shop-bipoc-woman-holding-isolated-screen-device-garage-while-doing-vehicle-checkup_482257-70543.jpg",
-          imageAlt: "Garage scene",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-working-with-wires-workshop_23-2147897983.jpg",
-          imageAlt: "Garage scene",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881877.jpg",
-          imageAlt: "Garage scene",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881684.jpg",
-          imageAlt: "Garage scene",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-holding-tyre-lung-wrench_1170-1587.jpg",
-          imageAlt: "Garage scene",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Book Service",
-          href: "#contact",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/serviceman-does-checkup-client-car_482257-76119.jpg",
-          alt: "Customer profile 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/car-mechanic-green-screen-tablet_482257-81478.jpg",
-          alt: "Customer profile 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-looks-online-vehicle-parts_482257-76163.jpg",
-          alt: "Customer profile 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/employee-checks-car-with-mockup-laptop_482257-91166.jpg",
-          alt: "Customer profile 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/bike-repair-shop_23-2148138387.jpg",
-          alt: "Customer profile 5",
-        },
-      ]}
-      avatarText="Trusted by 25,000+ local drivers"
-      marqueeItems={[
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/toolbox-car_1170-1608.jpg",
-          alt: "Service brand logo",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/blurred-car-repair-shop_23-2147897920.jpg",
-          alt: "Service brand logo",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/shiny-new-car-auto-service-got-problem-with-tyres-which-will-be-sorted-soon_613910-17078.jpg",
-          alt: "Service brand logo",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3951.jpg",
-          alt: "Service brand logo",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881624.jpg",
-          alt: "Service brand logo",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDoubleCarousel
+            background={{ variant: "plain" }}
+            title="Expert Care for Your Vehicle"
+            description="Premium auto repair and maintenance services in Vail. From engine diagnostics to full tire replacements, we keep your car running like new."
+            leftCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/mechanic-talks-with-client-about-car_482257-115300.jpg", imageAlt: "Mechanic workspace" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-bicycle-mechanic-cleans-his-arms-after-bike-service-manual-workshop_613910-14283.jpg", imageAlt: "Mechanic workspace" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/advanced-diagnostic-lab-with-metallic-equipment-sterile-testing-environment_482257-124278.jpg", imageAlt: "Mechanic workspace" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/team-mechanics-fixing-car_482257-76105.jpg", imageAlt: "Mechanic workspace" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/mechanic-starting-maintenance_23-2147897914.jpg", imageAlt: "Mechanic workspace" },
+            ]}
+            rightCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/african-american-mechanic-uses-mockup-tablet-while-changing-old-car-brake-fluid-with-new-one-repair-shop-bipoc-woman-holding-isolated-screen-device-garage-while-doing-vehicle-checkup_482257-70543.jpg", imageAlt: "Garage scene" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/mechanic-working-with-wires-workshop_23-2147897983.jpg", imageAlt: "Garage scene" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881877.jpg", imageAlt: "Garage scene" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881684.jpg", imageAlt: "Garage scene" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-holding-tyre-lung-wrench_1170-1587.jpg", imageAlt: "Garage scene" },
+            ]}
+            buttons={[{ text: "Book Service", href: "#contact" }]}
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/serviceman-does-checkup-client-car_482257-76119.jpg", alt: "Customer profile 1" },
+              { src: "http://img.b2bpic.net/free-photo/car-mechanic-green-screen-tablet_482257-81478.jpg", alt: "Customer profile 2" },
+              { src: "http://img.b2bpic.net/free-photo/woman-looks-online-vehicle-parts_482257-76163.jpg", alt: "Customer profile 3" },
+              { src: "http://img.b2bpic.net/free-photo/employee-checks-car-with-mockup-laptop_482257-91166.jpg", alt: "Customer profile 4" },
+              { src: "http://img.b2bpic.net/free-photo/bike-repair-shop_23-2148138387.jpg", alt: "Customer profile 5" },
+            ]}
+            avatarText="Trusted by 25,000+ local drivers"
+            marqueeItems={[
+              { type: "image", src: "http://img.b2bpic.net/free-photo/toolbox-car_1170-1608.jpg", alt: "Service brand logo" },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/blurred-car-repair-shop_23-2147897920.jpg", alt: "Service brand logo" },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/shiny-new-car-auto-service-got-problem-with-tyres-which-will-be-sorted-soon_613910-17078.jpg", alt: "Service brand logo" },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3951.jpg", alt: "Service brand logo" },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881624.jpg", alt: "Service brand logo" },
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardSixteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      negativeCard={{
-        items: [
-          "No Hidden Fees",
-          "No Unnecessary Repairs",
-          "No Long Wait Times",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "Certified Technicians",
-          "Advanced Diagnostic Tech",
-          "Quality OEM Parts",
-        ],
-      }}
-      title="Comprehensive Repair Services"
-      description="Full-service mechanical solutions for all vehicle makes and models."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardSixteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            negativeCard={{ items: ["No Hidden Fees", "No Unnecessary Repairs", "No Long Wait Times"] }}
+            positiveCard={{ items: ["Certified Technicians", "Advanced Diagnostic Tech", "Quality OEM Parts"] }}
+            title="Comprehensive Repair Services"
+            description="Full-service mechanical solutions for all vehicle makes and models."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
-      useInvertedBackground={true}
-      title="Years of Excellence"
-      tag="Results"
-      metrics={[
-        {
-          id: "m1",
-          value: "15+",
-          description: "Years in Business",
-        },
-        {
-          id: "m2",
-          value: "25k+",
-          description: "Cars Serviced",
-        },
-        {
-          id: "m3",
-          value: "100%",
-          description: "Customer Satisfaction",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardFourteen
+            useInvertedBackground={true}
+            title="Years of Excellence"
+            tag="Results"
+            metrics={[
+              { id: "m1", value: "15+", description: "Years in Business" },
+              { id: "m2", value: "25k+", description: "Cars Serviced" },
+              { id: "m3", value: "100%", description: "Customer Satisfaction" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="team" data-section="team">
-      <TeamCardFive
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      team={[
-        {
-          id: "t1",
-          name: "John Doe",
-          role: "Lead Mechanic",
-          imageSrc: "http://img.b2bpic.net/free-photo/laughing-auto-mechanic-crossing-hands_23-2147897806.jpg",
-        },
-        {
-          id: "t2",
-          name: "Jane Smith",
-          role: "Diagnostics Expert",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-repairmen-workshop_23-2147897992.jpg",
-        },
-        {
-          id: "t3",
-          name: "Mike Brown",
-          role: "Service Specialist",
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-standing-with-arms-crossed_1170-1294.jpg",
-        },
-      ]}
-      title="Meet Our Experts"
-      description="Our certified professionals handle every repair with precision."
-    />
-  </div>
+        <div id="team" data-section="team">
+          <TeamCardFive
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            team={[
+              { id: "t1", name: "John Doe", role: "Lead Mechanic", imageSrc: "http://img.b2bpic.net/free-photo/laughing-auto-mechanic-crossing-hands_23-2147897806.jpg" },
+              { id: "t2", name: "Jane Smith", role: "Diagnostics Expert", imageSrc: "http://img.b2bpic.net/free-photo/smiling-repairmen-workshop_23-2147897992.jpg" },
+              { id: "t3", name: "Mike Brown", role: "Service Specialist", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-standing-with-arms-crossed_1170-1294.jpg" },
+            ]}
+            title="Meet Our Experts"
+            description="Our certified professionals handle every repair with precision."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Miller",
-          role: "Client",
-          company: "Local Driver",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-car-mechanic-resting-while-working-auto-repair-shop_637285-7552.jpg",
-        },
-        {
-          id: "2",
-          name: "Tom Wilson",
-          role: "Client",
-          company: "Local Driver",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-female-customer-workshop_637285-9789.jpg",
-        },
-        {
-          id: "3",
-          name: "Elena Rodriguez",
-          role: "Client",
-          company: "Local Driver",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171223.jpg",
-        },
-        {
-          id: "4",
-          name: "David Clark",
-          role: "Client",
-          company: "Local Driver",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-customer-workshop_637285-8634.jpg",
-        },
-        {
-          id: "5",
-          name: "Anna Patel",
-          role: "Client",
-          company: "Local Driver",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580607.jpg",
-        },
-      ]}
-      title="Trusted by Drivers"
-      description="See why our customers in Vail trust us with their automotive care."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "1", name: "Sarah Miller", role: "Client", company: "Local Driver", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-car-mechanic-resting-while-working-auto-repair-shop_637285-7552.jpg" },
+              { id: "2", name: "Tom Wilson", role: "Client", company: "Local Driver", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-female-customer-workshop_637285-9789.jpg" },
+              { id: "3", name: "Elena Rodriguez", role: "Client", company: "Local Driver", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171223.jpg" },
+              { id: "4", name: "David Clark", role: "Client", company: "Local Driver", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-customer-workshop_637285-8634.jpg" },
+              { id: "5", name: "Anna Patel", role: "Client", company: "Local Driver", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580607.jpg" },
+            ]}
+            title="Trusted by Drivers"
+            description="See why our customers in Vail trust us with their automotive care."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "Do I need an appointment?",
-          content: "Yes, we recommend booking an appointment for faster service.",
-        },
-        {
-          id: "q2",
-          title: "Do you offer oil changes?",
-          content: "Yes, we offer full-service oil changes.",
-        },
-        {
-          id: "q3",
-          title: "Can you handle complex repairs?",
-          content: "Absolutely, our diagnostics tech covers all major mechanical issues.",
-        },
-      ]}
-      sideTitle="Frequently Asked Questions"
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "Do I need an appointment?", content: "Yes, we recommend booking an appointment for faster service." },
+              { id: "q2", title: "Do you offer oil changes?", content: "Yes, we offer full-service oil changes." },
+              { id: "q3", title: "Can you handle complex repairs?", content: "Absolutely, our diagnostics tech covers all major mechanical issues." },
+            ]}
+            sideTitle="Frequently Asked Questions"
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      text="Ready to get back on the road? Book your appointment today with Vail Auto Repair."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "tel:1234567890",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={true}
+            background={{ variant: "plain" }}
+            text="Ready to get back on the road? Book your appointment today with Vail Auto Repair."
+            buttons={[{ text: "Contact Us", href: "tel:1234567890" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Oil Change",
-              href: "#",
-            },
-            {
-              label: "Tire Service",
-              href: "#",
-            },
-            {
-              label: "Diagnostics",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Meet the Team",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Vail Auto Repair"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            logoText="Vail Auto Repair"
+            columns={[
+              { title: "Services", items: [{ label: "Oil Change", href: "#" }, { label: "Tire Service", href: "#" }, { label: "Diagnostics", href: "#" }] },
+              { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Meet the Team", href: "#" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );