From 1c55fdaa9d1ed4ae2d41d6484e8ec33303418da7 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 18 Apr 2026 01:33:40 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 361 +++++++----------------------------------------
 1 file changed, 49 insertions(+), 312 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a364055..5efe91a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Book Now",
-          id: "contact",
-        },
+        { name: "Services", id: "services" },
+        { name: "Pricing", id: "pricing" },
+        { name: "About", id: "about" },
+        { name: "Book Now", id: "contact" },
       ]}
       brandName="Elite Detailing"
     />
@@ -54,22 +42,14 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       title="Make Your Car Look Brand New — Fast & Hassle-Free"
       description="Professional auto detailing in St. Louis. Same-day availability and premium results for every vehicle. Trusted by local drivers for quality care."
       buttons={[
-        {
-          text: "Call Now (314) 535-9715",
-          href: "tel:3145359715",
-        },
-        {
-          text: "Book Appointment",
-          href: "#contact",
-        },
+        { text: "Call Now (314) 535-9715", href: "tel:3145359715" },
+        { text: "Book Appointment", href: "#contact" },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/side-rear-view-mirror_1339-3045.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/side-rear-view-mirror_1339-3045.jpg"
       imageAlt="Clean luxury car"
     />
   </div>
@@ -81,79 +61,31 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Exterior Detailing",
-          description: "Restore your vehicle's shine with premium washing, clay barring, and wax protection.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-36590.jpg",
-            imageAlt: "Exterior detailing",
-          },
+          title: "Exterior Detailing",          description: "Restore your vehicle's shine with premium washing, clay barring, and wax protection.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-36590.jpg", imageAlt: "Exterior detailing" },
           items: [
-            {
-              icon: CheckCircle,
-              text: "Hand wash & wax",
-            },
-            {
-              icon: CheckCircle,
-              text: "Paint polishing",
-            },
-            {
-              icon: CheckCircle,
-              text: "Wheel cleaning",
-            },
+            { icon: CheckCircle, text: "Hand wash & wax" },
+            { icon: CheckCircle, text: "Paint polishing" },
+            { icon: CheckCircle, text: "Wheel cleaning" },
           ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-rear-view-mirror_1339-3045.jpg?_wi=2",
-          imageAlt: "car paint polishing wax",
+          reverse: false
         },
         {
-          title: "Interior Detailing",
-          description: "A deep clean that removes stains, odors, and dirt, making your car feel brand new again.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/business-man-operates-car_1359-1320.jpg",
-            imageAlt: "Interior detailing",
-          },
+          title: "Interior Detailing",          description: "A deep clean that removes stains, odors, and dirt, making your car feel brand new again.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/business-man-operates-car_1359-1320.jpg", imageAlt: "Interior detailing" },
           items: [
-            {
-              icon: CheckCircle,
-              text: "Vacuum & steam clean",
-            },
-            {
-              icon: CheckCircle,
-              text: "Odor removal",
-            },
-            {
-              icon: CheckCircle,
-              text: "Upholstery treatment",
-            },
+            { icon: CheckCircle, text: "Vacuum & steam clean" },
+            { icon: CheckCircle, text: "Odor removal" },
+            { icon: CheckCircle, text: "Upholstery treatment" },
           ],
-          reverse: true,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193623.jpg?_wi=1",
-          imageAlt: "car paint polishing wax",
+          reverse: true
         },
         {
-          title: "Specialty Detailing",
-          description: "Advanced care for specific needs including engine bays and headlight restoration.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/combine-machine-service_146671-19097.jpg",
-            imageAlt: "Engine detailing",
-          },
+          title: "Specialty Detailing",          description: "Advanced care for specific needs including engine bays and headlight restoration.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/combine-machine-service_146671-19097.jpg", imageAlt: "Engine detailing" },
           items: [
-            {
-              icon: CheckCircle,
-              text: "Engine bay detail",
-            },
-            {
-              icon: CheckCircle,
-              text: "Headlight restore",
-            },
-            {
-              icon: CheckCircle,
-              text: "Seat spot cleaning",
-            },
+            { icon: CheckCircle, text: "Engine bay detail" },
+            { icon: CheckCircle, text: "Headlight restore" },
+            { icon: CheckCircle, text: "Seat spot cleaning" },
           ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193621.jpg?_wi=1",
-          imageAlt: "car paint polishing wax",
+          reverse: false
         },
       ]}
       title="Our Professional Services"
@@ -163,46 +95,17 @@ export default function LandingPage() {
 
   <div id="transformations" data-section="transformations">
       <ProductCardThree
+      animationType="slide-up"
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
-        {
-          id: "b1",
-          name: "Before & After 1",
-          price: "Restore",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193623.jpg?_wi=2",
-        },
-        {
-          id: "b2",
-          name: "Before & After 2",
-          price: "Refresh",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-new-car-available-selling_23-2148332890.jpg",
-        },
-        {
-          id: "b3",
-          name: "Before & After 3",
-          price: "Deep Clean",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-driver-drives-speed-through-streets-city_169016-51892.jpg",
-        },
-        {
-          id: "b4",
-          name: "Before & After 4",
-          price: "Premium",
-          imageSrc: "http://img.b2bpic.net/free-photo/road-safety-close-up-view-interior-brand-new-modern-luxury-automobile_146671-16595.jpg",
-        },
-        {
-          id: "b5",
-          name: "Before & After 5",
-          price: "Elite",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26071.jpg",
-        },
-        {
-          id: "b6",
-          name: "Before & After 6",
-          price: "Transformation",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-woman-traveling-car-sitting-car-driving-travel-destination_169016-55360.jpg",
-        },
+        { id: "b1", name: "Before & After 1", price: "Restore", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193623.jpg" },
+        { id: "b2", name: "Before & After 2", price: "Refresh", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-new-car-available-selling_23-2148332890.jpg" },
+        { id: "b3", name: "Before & After 3", price: "Deep Clean", imageSrc: "http://img.b2bpic.net/free-photo/male-driver-drives-speed-through-streets-city_169016-51892.jpg" },
+        { id: "b4", name: "Before & After 4", price: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/road-safety-close-up-view-interior-brand-new-modern-luxury-automobile_146671-16595.jpg" },
+        { id: "b5", name: "Before & After 5", price: "Elite", imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26071.jpg" },
+        { id: "b6", name: "Before & After 6", price: "Transformation", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-traveling-car-sitting-car-driving-travel-destination_169016-55360.jpg" },
       ]}
       title="Results You Can See"
       description="See the dramatic difference Elite Detailing makes for vehicles across St. Louis."
@@ -213,12 +116,7 @@ export default function LandingPage() {
       <TextAbout
       useInvertedBackground={false}
       title="Why Choose Elite Detailing St. Louis"
-      buttons={[
-        {
-          text: "Book Now",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "Book Now", href: "#contact" }]}
     />
   </div>
 
@@ -228,86 +126,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       plans={[
-        {
-          id: "basic",
-          name: "Blue Plan",
-          price: "Starting at $99",
-          features: [
-            "Full exterior wash",
-            "Window cleaning",
-            "Tire shine",
-          ],
-          buttons: [
-            {
-              text: "Book Basic",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          id: "pro",
-          name: "Black Plan",
-          price: "Starting at $199",
-          features: [
-            "Full interior detail",
-            "Wax protection",
-            "Engine rinse",
-          ],
-          buttons: [
-            {
-              text: "Book Pro",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          id: "gold",
-          name: "Gold Plan",
-          price: "$49/mo",
-          features: [
-            "Monthly upkeep",
-            "Priority booking",
-            "Maintenance wash",
-          ],
-          buttons: [
-            {
-              text: "Sign Up",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          id: "platinum",
-          name: "Platinum Plan",
-          price: "$99/mo",
-          features: [
-            "Unlimited interior/exterior",
-            "Top tier wax",
-            "Engine bay detail",
-          ],
-          buttons: [
-            {
-              text: "Sign Up",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          id: "vip",
-          name: "VIP Plan",
-          price: "$149/mo",
-          features: [
-            "Priority support",
-            "Ceramic coating",
-            "Monthly detailing",
-          ],
-          buttons: [
-            {
-              text: "Sign Up",
-              href: "#contact",
-            },
-          ],
-        },
+        { id: "basic", name: "Blue Plan", price: "Starting at $99", features: ["Full exterior wash", "Window cleaning", "Tire shine"], buttons: [{ text: "Book Basic", href: "#contact" }] },
+        { id: "pro", name: "Black Plan", price: "Starting at $199", features: ["Full interior detail", "Wax protection", "Engine rinse"], buttons: [{ text: "Book Pro", href: "#contact" }] },
+        { id: "gold", name: "Gold Plan", price: "$49/mo", features: ["Monthly upkeep", "Priority booking", "Maintenance wash"], buttons: [{ text: "Sign Up", href: "#contact" }] },
+        { id: "platinum", name: "Platinum Plan", price: "$99/mo", features: ["Unlimited interior/exterior", "Top tier wax", "Engine bay detail"], buttons: [{ text: "Sign Up", href: "#contact" }] },
+        { id: "vip", name: "VIP Plan", price: "$149/mo", features: ["Priority support", "Ceramic coating", "Monthly detailing"], buttons: [{ text: "Sign Up", href: "#contact" }] },
       ]}
       title="Flexible Plans That Fit Your Needs"
       description="Choose a plan that works for your schedule and budget."
@@ -320,60 +143,16 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah Johnson",
-          role: "Client",
-          company: "St. Louis",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130216.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          role: "Client",
-          company: "St. Louis",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          role: "Client",
-          company: "St. Louis",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-car-showroom_1303-17460.jpg",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          role: "Client",
-          company: "St. Louis",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/view-female-school-teacher_23-2151110054.jpg",
-        },
-        {
-          id: "5",
-          name: "Robert Smith",
-          role: "Client",
-          company: "St. Louis",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-black-suit-makes-thumb-up_114579-18985.jpg",
-        },
+        { id: "1", name: "Sarah Johnson", role: "Client", company: "St. Louis", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130216.jpg" },
+        { id: "2", name: "Michael Chen", role: "Client", company: "St. Louis", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg" },
+        { id: "3", name: "Emily Rodriguez", role: "Client", company: "St. Louis", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-car-showroom_1303-17460.jpg" },
+        { id: "4", name: "David Kim", role: "Client", company: "St. Louis", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-female-school-teacher_23-2151110054.jpg" },
+        { id: "5", name: "Robert Smith", role: "Client", company: "St. Louis", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-black-suit-makes-thumb-up_114579-18985.jpg" },
       ]}
       kpiItems={[
-        {
-          value: "4.0",
-          label: "Google Rating",
-        },
-        {
-          value: "77+",
-          label: "Real Reviews",
-        },
-        {
-          value: "100%",
-          label: "Dedicated Care",
-        },
+        { value: "4.0", label: "Google Rating" },
+        { value: "77+", label: "Real Reviews" },
+        { value: "100%", label: "Dedicated Care" },
       ]}
       title="What Our Customers Say"
       description="Join hundreds of satisfied St. Louis drivers who trust us with their vehicles."
@@ -383,12 +162,10 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="Book Your Detail Today"
       description="Spots fill up fast. Get your car looking brand new now."
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193621.jpg?_wi=2"
+      imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193621.jpg"
       mediaAnimation="slide-up"
       buttonText="Book Now"
       tag="Contact Us"
@@ -398,49 +175,9 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Exterior",
-              href: "#services",
-            },
-            {
-              label: "Interior",
-              href: "#services",
-            },
-            {
-              label: "Specialty",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Book Now",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "(314) 535-9715",
-              href: "tel:3145359715",
-            },
-            {
-              label: "4269 Laclede Ave, St. Louis",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Services", items: [{ label: "Exterior", href: "#services" }, { label: "Interior", href: "#services" }, { label: "Specialty", href: "#services" }] },
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Book Now", href: "#contact" }] },
+        { title: "Contact", items: [{ label: "(314) 535-9715", href: "tel:3145359715" }, { label: "4269 Laclede Ave, St. Louis", href: "#" }] },
       ]}
       logoText="Elite Detailing"
     />