From 9d8a174a7f1dad16308b4f22e5b8229e9d7990e0 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 3 Apr 2026 23:35:10 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 486 +++++++++++++++--------------------------------
 1 file changed, 149 insertions(+), 337 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 058f6d4..f7dfb80 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -26,350 +26,162 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "Location",
-          id: "location",
-        },
-      ]}
-      brandName="Wash Me"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "About", id: "about" },
+              { name: "Services", id: "features" },
+              { name: "Reviews", id: "testimonials" },
+              { name: "Location", id: "location" },
+            ]}
+            brandName="Wash Me"
+            button={{ text: "Book Now", href: "#cta" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitKpi
-      background={{
-        variant: "radial-gradient",
-      }}
-      title="Make Your Ride Shine"
-      description="24/7 Self-Service Car Wash in Rochester, MN. Professional pressure and cleaning power for your vehicle."
-      kpis={[
-        {
-          value: "24/7",
-          label: "Always Open",
-        },
-        {
-          value: "180+",
-          label: "Happy Washes",
-        },
-        {
-          value: "Local",
-          label: "Women-Owned",
-        },
-      ]}
-      enableKpiAnimation={true}
-      buttons={[
-        {
-          text: "Get Directions",
-          href: "#location",
-        },
-        {
-          text: "Call Now",
-          href: "tel:5072084748",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342609.jpg?_wi=1"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/handsome-man-portrait-looking-camera_23-2148281661.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/handsomen-man-black-sweater-washing-his-car_1157-35955.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26071.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2388.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/modern-urban-car-street_23-2149092037.jpg",
-          alt: "Customer",
-        },
-      ]}
-      avatarText="Trusted by 180+ local drivers"
-      marqueeItems={[
-        {
-          type: "text-icon",
-          text: "High Pressure",
-          icon: Droplets,
-        },
-        {
-          type: "text-icon",
-          text: "Hot Soap",
-          icon: Sparkles,
-        },
-        {
-          type: "text-icon",
-          text: "24/7 Access",
-          icon: Clock,
-        },
-        {
-          type: "text-icon",
-          text: "Truck Friendly",
-          icon: Truck,
-        },
-        {
-          type: "text-icon",
-          text: "Deep Shine",
-          icon: Star,
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitKpi
+            background={{ variant: "radial-gradient" }}
+            title="Make Your Ride Shine"
+            description="24/7 Self-Service Car Wash in Rochester, MN. Professional pressure and cleaning power for your vehicle."
+            kpis={[
+              { value: "24/7", label: "Always Open" },
+              { value: "180+", label: "Happy Washes" },
+              { value: "Local", label: "Women-Owned" },
+            ]}
+            enableKpiAnimation={true}
+            buttons={[
+              { text: "Get Directions", href: "#location" },
+              { text: "Call Now", href: "tel:5072084748" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342609.jpg"
+            mediaAnimation="blur-reveal"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/handsome-man-portrait-looking-camera_23-2148281661.jpg", alt: "Customer" },
+              { src: "http://img.b2bpic.net/free-photo/handsomen-man-black-sweater-washing-his-car_1157-35955.jpg", alt: "Customer" },
+              { src: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26071.jpg", alt: "Customer" },
+              { src: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2388.jpg", alt: "Customer" },
+              { src: "http://img.b2bpic.net/free-photo/modern-urban-car-street_23-2149092037.jpg", alt: "Customer" },
+            ]}
+            avatarText="Trusted by 180+ local drivers"
+            marqueeItems={[
+              { type: "text-icon", text: "High Pressure", icon: Droplets },
+              { type: "text-icon", text: "Hot Soap", icon: Sparkles },
+              { type: "text-icon", text: "24/7 Access", icon: Clock },
+              { type: "text-icon", text: "Truck Friendly", icon: Truck },
+              { type: "text-icon", text: "Deep Shine", icon: Star },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="Built for Drivers, By Locals"
-      description="Locally and women-owned, we provide a reliable, affordable self-service experience in the heart of Rochester. Our facility features high-pressure wash capabilities, hot water, and a variety of wash modes for any vehicle size."
-      metrics={[
-        {
-          value: "24h",
-          title: "Access",
-        },
-        {
-          value: "Hot",
-          title: "Water Wash",
-        },
-        {
-          value: "Truck",
-          title: "Friendly",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg?_wi=1"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="Built for Drivers, By Locals"
+            description="Locally and women-owned, we provide a reliable, affordable self-service experience in the heart of Rochester. Our facility features high-pressure wash capabilities, hot water, and a variety of wash modes for any vehicle size."
+            metrics={[
+              { value: "24h", title: "Access" },
+              { value: "Hot", title: "Water Wash" },
+              { value: "Truck", title: "Friendly" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg"
+            mediaAnimation="slide-up"
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          title: "High-Pressure Wash",
-          tags: [
-            "Deep Clean",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/neon-icon-tire-shop_1262-14772.jpg?_wi=1",
-        },
-        {
-          id: "f2",
-          title: "Hot Water & Soap",
-          tags: [
-            "Dirt Killer",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/azure-liquid-with-many-big-blobs_23-2147934151.jpg?_wi=1",
-        },
-        {
-          id: "f3",
-          title: "Truck-Friendly Bays",
-          tags: [
-            "Spacious",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/vibrant-scene-from-techno-music-party_23-2150551552.jpg?_wi=1",
-        },
-        {
-          id: "f4",
-          title: "Multiple Modes",
-          tags: [
-            "Versatile",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/neon-icon-tire-shop_1262-14772.jpg?_wi=2",
-        },
-        {
-          id: "f5",
-          title: "24/7 Access",
-          tags: [
-            "Always Ready",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/azure-liquid-with-many-big-blobs_23-2147934151.jpg?_wi=2",
-        },
-        {
-          id: "f6",
-          title: "Advanced Foam",
-          tags: [
-            "Glossy Finish",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/vibrant-scene-from-techno-music-party_23-2150551552.jpg?_wi=2",
-        },
-      ]}
-      title="Premium Wash Features"
-      description="Equipped with professional-grade gear to get your ride looking brand new."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { id: "f1", title: "High-Pressure Wash", tags: ["Deep Clean"], imageSrc: "http://img.b2bpic.net/free-vector/neon-icon-tire-shop_1262-14772.jpg" },
+              { id: "f2", title: "Hot Water & Soap", tags: ["Dirt Killer"], imageSrc: "http://img.b2bpic.net/free-photo/azure-liquid-with-many-big-blobs_23-2147934151.jpg" },
+              { id: "f3", title: "Truck-Friendly Bays", tags: ["Spacious"], imageSrc: "http://img.b2bpic.net/free-photo/vibrant-scene-from-techno-music-party_23-2150551552.jpg" },
+              { id: "f4", title: "Multiple Modes", tags: ["Versatile"], imageSrc: "http://img.b2bpic.net/free-vector/neon-icon-tire-shop_1262-14772.jpg" },
+              { id: "f5", title: "24/7 Access", tags: ["Always Ready"], imageSrc: "http://img.b2bpic.net/free-photo/azure-liquid-with-many-big-blobs_23-2147934151.jpg" },
+              { id: "f6", title: "Advanced Foam", tags: ["Glossy Finish"], imageSrc: "http://img.b2bpic.net/free-photo/vibrant-scene-from-techno-music-party_23-2150551552.jpg" },
+            ]}
+            title="Premium Wash Features"
+            description="Equipped with professional-grade gear to get your ride looking brand new."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah J.",
-          role: "Local Driver",
-          company: "Rochester",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-portrait-looking-camera_23-2148281661.jpg",
-        },
-        {
-          id: "t2",
-          name: "Mike D.",
-          role: "Car Enthusiast",
-          company: "Rochester",
-          rating: 3,
-          imageSrc: "http://img.b2bpic.net/free-photo/handsomen-man-black-sweater-washing-his-car_1157-35955.jpg",
-        },
-        {
-          id: "t3",
-          name: "Jen K.",
-          role: "Daily Commuter",
-          company: "Rochester",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26071.jpg",
-        },
-        {
-          id: "t4",
-          name: "David L.",
-          role: "Truck Owner",
-          company: "Rochester",
-          rating: 3,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2388.jpg",
-        },
-        {
-          id: "t5",
-          name: "Chris B.",
-          role: "Student",
-          company: "Rochester",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-urban-car-street_23-2149092037.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "180+",
-          label: "Reviews",
-        },
-        {
-          value: "3.6",
-          label: "Stars",
-        },
-        {
-          value: "Local",
-          label: "Favorite",
-        },
-      ]}
-      title="Customer Feedback"
-      description="Rated 3.6/5 stars by our local community of car lovers."
-      buttons={[
-        {
-          text: "Leave a Review",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSixteen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Sarah J.", role: "Local Driver", company: "Rochester", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-portrait-looking-camera_23-2148281661.jpg" },
+              { id: "t2", name: "Mike D.", role: "Car Enthusiast", company: "Rochester", rating: 3, imageSrc: "http://img.b2bpic.net/free-photo/handsomen-man-black-sweater-washing-his-car_1157-35955.jpg" },
+              { id: "t3", name: "Jen K.", role: "Daily Commuter", company: "Rochester", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26071.jpg" },
+              { id: "t4", name: "David L.", role: "Truck Owner", company: "Rochester", rating: 3, imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2388.jpg" },
+              { id: "t5", name: "Chris B.", role: "Student", company: "Rochester", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/modern-urban-car-street_23-2149092037.jpg" },
+            ]}
+            kpiItems={[
+              { value: "180+", label: "Reviews" },
+              { value: "3.6", label: "Stars" },
+              { value: "Local", label: "Favorite" },
+            ]}
+            title="Customer Feedback"
+            description="Rated 3.6/5 stars by our local community of car lovers."
+            buttons={[{ text: "Leave a Review", href: "#" }]}
+          />
+        </div>
 
-  <div id="location" data-section="location">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Find Us"
-      title="Visit Us in Rochester"
-      description="1727 Broadway Ave S, Rochester, MN. Open 24 Hours for your convenience. Questions? Call (507) 208-4748."
-      imageSrc="http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342609.jpg?_wi=2"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="location" data-section="location">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Find Us"
+            title="Visit Us in Rochester"
+            description="1727 Broadway Ave S, Rochester, MN. Open 24 Hours for your convenience. Questions? Call (507) 208-4748."
+            imageSrc="http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342609.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="cta" data-section="cta">
-      <ContactSplit
-      useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
-      tag="Shine Now"
-      title="Stop Driving Dirty."
-      description="Pull In. Spray Off. Shine Out."
-      buttonText="Visit Us Now"
-      imageSrc="http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg?_wi=2"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="cta" data-section="cta">
+          <ContactSplit
+            useInvertedBackground={true}
+            background={{ variant: "gradient-bars" }}
+            tag="Shine Now"
+            title="Stop Driving Dirty."
+            description="Pull In. Spray Off. Shine Out."
+            buttonText="Visit Us Now"
+            imageSrc="http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="Wash Me"
-      columns={[
-        {
-          title: "Info",
-          items: [
-            {
-              label: "1727 Broadway Ave S",
-              href: "#",
-            },
-            {
-              label: "(507) 208-4748",
-              href: "tel:5072084748",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Reviews",
-              href: "#testimonials",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 Wash Me Car Wash. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Wash Me"
+            columns={[
+              {
+                title: "Info",                items: [
+                  { label: "1727 Broadway Ave S", href: "#" },
+                  { label: "(507) 208-4748", href: "tel:5072084748" },
+                ],
+              },
+              {
+                title: "Company",                items: [
+                  { label: "About Us", href: "#about" },
+                  { label: "Reviews", href: "#testimonials" },
+                ],
+              },
+              {
+                title: "Legal",                items: [
+                  { label: "Privacy Policy", href: "#" },
+                  { label: "Terms", href: "#" },
+                ],
+              },
+            ]}
+            copyrightText="© 2024 Wash Me Car Wash. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1