From 79a7f741f62ca1147221fd800eddd32e1e8ac7d7 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 12 Apr 2026 02:36:46 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 09acafb..98312c5 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,382 +27,161 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Reviews",
-          id: "reviews",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Maine Stain"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "services" },
+              { name: "Reviews", id: "reviews" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Maine Stain"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitTestimonial
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="St. Louis's Premier Hand Car Wash & Detailing Shop"
-      description="Family-owned. Handcrafted. Results you can see — and smell. Your car deserves the best. We deliver it by hand."
-      testimonials={[
-        {
-          name: "Kelly Jordan",
-          handle: "@kellyj",
-          testimonial: "Mike D got stains out of my seats that I thought were permanent. Got my car looking like I just bought it!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193627.jpg?_wi=1",
-          imageAlt: "luxury car detailing gleaming paint",
-        },
-        {
-          name: "Ben C",
-          handle: "@benc",
-          testimonial: "It is next to impossible to find a good hand car wash in St. Louis, so finding this place was like the holy grail.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193171.jpg?_wi=1",
-          imageAlt: "luxury car detailing gleaming paint",
-        },
-        {
-          name: "Vincent Edwards",
-          handle: "@vinced",
-          testimonial: "My car hasn't been detailed in years… have not seen it look like this in years.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2787.jpg?_wi=1",
-          imageAlt: "luxury car detailing gleaming paint",
-        },
-        {
-          name: "Sarah Miller",
-          handle: "@sarah_m",
-          testimonial: "Absolutely stellar service. They treated my SUV like it was their own.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194099.jpg?_wi=1",
-          imageAlt: "luxury car detailing gleaming paint",
-        },
-        {
-          name: "David W.",
-          handle: "@dwstlouis",
-          testimonial: "The attention to detail is unmatched. Very happy customer.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-wipes-car-car-wash_1157-27233.jpg?_wi=1",
-          imageAlt: "luxury car detailing gleaming paint",
-        },
-      ]}
-      tag="⭐ 4.7 Stars · 111 Reviews · University City, MO · Open Today Until 5 PM"
-      buttons={[
-        {
-          text: "Book an Appointment",
-          href: "#contact",
-        },
-        {
-          text: "View Our Services",
-          href: "#services",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193627.jpg?_wi=2"
-      imageAlt="Gleaming luxury car after hand detailing"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212214.jpg",
-          alt: "Customer 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193593.jpg",
-          alt: "Customer 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-woman-cleaning-her-car-outdoors_23-2148510627.jpg",
-          alt: "Customer 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193565.jpg",
-          alt: "Customer 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212216.jpg",
-          alt: "Customer 5",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "100% Hand Washed",
-        },
-        {
-          type: "text",
-          text: "Eco-Friendly Products",
-        },
-        {
-          type: "text",
-          text: "Same-Day Appointments",
-        },
-        {
-          type: "text",
-          text: "University City Trusted",
-        },
-        {
-          type: "text",
-          text: "Professional Detailers",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitTestimonial
+            background={{ variant: "gradient-bars" }}
+            title="St. Louis's Premier Hand Car Wash & Detailing Shop"
+            description="Family-owned. Handcrafted. Results you can see — and smell. Your car deserves the best. We deliver it by hand."
+            testimonials={[
+              { name: "Kelly Jordan", handle: "@kellyj", testimonial: "Mike D got stains out of my seats that I thought were permanent. Got my car looking like I just bought it!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193627.jpg", imageAlt: "luxury car detailing gleaming paint" },
+              { name: "Ben C", handle: "@benc", testimonial: "It is next to impossible to find a good hand car wash in St. Louis, so finding this place was like the holy grail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193171.jpg", imageAlt: "luxury car detailing gleaming paint" },
+              { name: "Vincent Edwards", handle: "@vinced", testimonial: "My car hasn't been detailed in years… have not seen it look like this in years.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2787.jpg", imageAlt: "luxury car detailing gleaming paint" },
+              { name: "Sarah Miller", handle: "@sarah_m", testimonial: "Absolutely stellar service. They treated my SUV like it was their own.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194099.jpg", imageAlt: "luxury car detailing gleaming paint" },
+              { name: "David W.", handle: "@dwstlouis", testimonial: "The attention to detail is unmatched. Very happy customer.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-wipes-car-car-wash_1157-27233.jpg", imageAlt: "luxury car detailing gleaming paint" },
+            ]}
+            tag="⭐ 4.7 Stars · 111 Reviews · University City, MO · Open Today Until 5 PM"
+            buttons={[
+              { text: "Book an Appointment", href: "#contact" },
+              { text: "View Our Services", href: "#services" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193627.jpg"
+            imageAlt="Gleaming luxury car after hand detailing"
+            mediaAnimation="blur-reveal"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212214.jpg", alt: "Customer 1" },
+              { src: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193593.jpg", alt: "Customer 2" },
+              { src: "http://img.b2bpic.net/free-photo/close-up-woman-cleaning-her-car-outdoors_23-2148510627.jpg", alt: "Customer 3" },
+              { src: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193565.jpg", alt: "Customer 4" },
+              { src: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212216.jpg", alt: "Customer 5" },
+            ]}
+            marqueeItems={[
+              { type: "text", text: "100% Hand Washed" },
+              { type: "text", text: "Eco-Friendly Products" },
+              { type: "text", text: "Same-Day Appointments" },
+              { type: "text", text: "University City Trusted" },
+              { type: "text", text: "Professional Detailers" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "Welcome to the Maine Stain Family",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193171.jpg",
-          alt: "Our detailing team",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            heading={[
+              { type: "text", content: "Welcome to the Maine Stain Family" },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193171.jpg", alt: "Our detailing team" },
+            ]}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardTwentyFive
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Hand Wash & Dry",
-          description: "Gentle exterior cleaning with no machine brushes to ensure zero surface damage.",
-          icon: Sparkles,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2787.jpg?_wi=2",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122045.jpg",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193627.jpg?_wi=3",
-          imageAlt: "hand car wash soapy sponge",
-        },
-        {
-          title: "Interior Detail",
-          description: "Deep vacuuming, seat shampooing, and vent cleaning to restore your cabin.",
-          icon: Car,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194099.jpg?_wi=2",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-dusting_23-2149172885.jpg",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193171.jpg?_wi=2",
-          imageAlt: "hand car wash soapy sponge",
-        },
-        {
-          title: "Paint Treatment",
-          description: "Clay bar treatment, polish, and wax to make your exterior gleam like new.",
-          icon: Shield,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-wipes-car-car-wash_1157-27233.jpg?_wi=2",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212227.jpg",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/large-modern-office-building_1127-2845.jpg?_wi=1",
-          imageAlt: "hand car wash soapy sponge",
-        },
-      ]}
-      title="Our Professional Services"
-      description="We specialize in personalized, hand-done detailing services in the heart of St. Louis."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardTwentyFive
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              {
+                title: "Hand Wash & Dry",                description: "Gentle exterior cleaning with no machine brushes to ensure zero surface damage.",                icon: Sparkles,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2787.jpg" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122045.jpg" },
+                ],
+              },
+              {
+                title: "Interior Detail",                description: "Deep vacuuming, seat shampooing, and vent cleaning to restore your cabin.",                icon: Car,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194099.jpg" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-dusting_23-2149172885.jpg" },
+                ],
+              },
+              {
+                title: "Paint Treatment",                description: "Clay bar treatment, polish, and wax to make your exterior gleam like new.",                icon: Shield,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-wipes-car-car-wash_1157-27233.jpg" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212227.jpg" },
+                ],
+              },
+            ]}
+            title="Our Professional Services"
+            description="We specialize in personalized, hand-done detailing services in the heart of St. Louis."
+          />
+        </div>
 
-  <div id="why" data-section="why">
-      <MetricCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "1",
-          icon: Droplets,
-          title: "100% Hand Washed",
-          value: "No Machines",
-        },
-        {
-          id: "2",
-          icon: Users,
-          title: "Family-Owned",
-          value: "St. Louis Roots",
-        },
-        {
-          id: "3",
-          icon: Calendar,
-          title: "Same-Day Service",
-          value: "Available Daily",
-        },
-      ]}
-      title="Why Maine Stain?"
-      description="Community-rooted, hand-crafted care for every vehicle."
-    />
-  </div>
+        <div id="why" data-section="why">
+          <MetricCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "1", icon: Droplets, title: "100% Hand Washed", value: "No Machines" },
+              { id: "2", icon: Users, title: "Family-Owned", value: "St. Louis Roots" },
+              { id: "3", icon: Calendar, title: "Same-Day Service", value: "Available Daily" },
+            ]}
+            title="Why Maine Stain?"
+            description="Community-rooted, hand-crafted care for every vehicle."
+          />
+        </div>
 
-  <div id="reviews" data-section="reviews">
-      <TestimonialCardFive
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Kelly Jordan",
-          date: "2023-10-12",
-          title: "Perfect!",
-          quote: "Got my car looking like I just bought it!",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580607.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193627.jpg?_wi=4",
-          imageAlt: "family owned car detailing team",
-        },
-        {
-          id: "2",
-          name: "Ben C",
-          date: "2023-09-05",
-          title: "Holy Grail",
-          quote: "It is next to impossible to find a good hand car wash in St. Louis.",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/professional-cleaning-car-wash-car-showroom_146671-18368.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193171.jpg?_wi=3",
-          imageAlt: "family owned car detailing team",
-        },
-        {
-          id: "3",
-          name: "Vincent Edwards",
-          date: "2023-08-20",
-          title: "Miracle",
-          quote: "My car hasn't been detailed in years… have not seen it look like this.",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-fixing-car_23-2149385729.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2787.jpg?_wi=3",
-          imageAlt: "family owned car detailing team",
-        },
-        {
-          id: "4",
-          name: "Thomas Begush-Cook",
-          date: "2023-07-15",
-          title: "Awesome",
-          quote: "My car is cleaner than new. 10/10",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580547.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194099.jpg?_wi=3",
-          imageAlt: "family owned car detailing team",
-        },
-        {
-          id: "5",
-          name: "JoJo",
-          date: "2023-06-30",
-          title: "Miracle",
-          quote: "My little red SUV looks almost new.",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/car-service-employees-posing-with-tools_23-2148327557.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-wipes-car-car-wash_1157-27233.jpg?_wi=3",
-          imageAlt: "family owned car detailing team",
-        },
-      ]}
-      title="Real Results, Real Reviews"
-      description="With 111+ Google reviews, the Lou trusts us with their vehicles."
-    />
-  </div>
+        <div id="reviews" data-section="reviews">
+          <TestimonialCardFive
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Kelly Jordan", date: "2023-10-12", title: "Perfect!", quote: "Got my car looking like I just bought it!", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580607.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193627.jpg", imageAlt: "family owned car detailing team" },
+              { id: "2", name: "Ben C", date: "2023-09-05", title: "Holy Grail", quote: "It is next to impossible to find a good hand car wash in St. Louis.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/professional-cleaning-car-wash-car-showroom_146671-18368.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193171.jpg", imageAlt: "family owned car detailing team" },
+              { id: "3", name: "Vincent Edwards", date: "2023-08-20", title: "Miracle", quote: "My car hasn't been detailed in years… have not seen it look like this.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-fixing-car_23-2149385729.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2787.jpg", imageAlt: "family owned car detailing team" },
+              { id: "4", name: "Thomas Begush-Cook", date: "2023-07-15", title: "Awesome", quote: "My car is cleaner than new. 10/10", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580547.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194099.jpg", imageAlt: "family owned car detailing team" },
+              { id: "5", name: "JoJo", date: "2023-06-30", title: "Miracle", quote: "My little red SUV looks almost new.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/car-service-employees-posing-with-tools_23-2148327557.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-wipes-car-car-wash_1157-27233.jpg", imageAlt: "family owned car detailing team" },
+            ]}
+            title="Real Results, Real Reviews"
+            description="With 111+ Google reviews, the Lou trusts us with their vehicles."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Ready to Ride Clean?"
-      description="Book your hand wash or full detail in University City today."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "phone",
-          type: "tel",
-          placeholder: "(314) 802-8040",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "What service do you need?",
-        rows: 4,
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/large-modern-office-building_1127-2845.jpg?_wi=2"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Ready to Ride Clean?"
+            description="Book your hand wash or full detail in University City today."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "phone", type: "tel", placeholder: "(314) 802-8040", required: true },
+            ]}
+            textarea={{ name: "message", placeholder: "What service do you need?", rows: 4, required: true }}
+            imageSrc="http://img.b2bpic.net/free-photo/large-modern-office-building_1127-2845.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Reviews",
-              href: "#reviews",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "(314) 802-8040",
-              href: "tel:3148028040",
-            },
-            {
-              label: "1040 North and South Rd, University City, MO 63130",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Maine Stain"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [
+                { label: "Services", href: "#services" },
+                { label: "About", href: "#about" },
+                { label: "Reviews", href: "#reviews" },
+                { label: "Contact", href: "#contact" },
+              ] },
+              { items: [
+                { label: "(314) 802-8040", href: "tel:3148028040" },
+                { label: "1040 North and South Rd, University City, MO 63130", href: "#" },
+              ] },
+            ]}
+            logoText="Maine Stain"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1