From 38686eaafb2604da4bd8a6179a11c6f94950552b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 8 May 2026 06:03:02 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 223 +++++++++++------------------------------------
 1 file changed, 52 insertions(+), 171 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7a5fb2b..b4e1ac4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,68 +32,44 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Services",
-          id: "features",
-        },
+          name: "Services",          id: "features"},
         {
-          name: "Testimonials",
-          id: "testimonials",
-        },
+          name: "Testimonials",          id: "testimonials"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Prestige Mobile Detailing"
+      button={{ text: "Book Now", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Experience Professional Mobile Detailing"
       description="We bring premium car care directly to your doorstep. Exceptional results, 24/7 availability, and unmatched attention to detail."
       buttons={[
         {
-          text: "Book Now",
-          href: "#contact",
-        },
+          text: "Book Now",          href: "#contact"},
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-motorcycle-helmet_23-2151113140.jpg?_wi=1",
-          imageAlt: "Car Detailing Service",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-motorcycle-helmet_23-2151113140.jpg",          imageAlt: "Car Detailing Service"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-barbershop-concept_23-2148506258.jpg?_wi=1",
-          imageAlt: "Professional Cleaning",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-barbershop-concept_23-2148506258.jpg",          imageAlt: "Professional Cleaning"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-black-side-mirror-yellow-modern-sport-car_181624-23592.jpg",
-          imageAlt: "Car Detailing Process",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-black-side-mirror-yellow-modern-sport-car_181624-23592.jpg",          imageAlt: "Car Detailing Process"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-his-car-carwash_1303-27485.jpg",
-          imageAlt: "Mobile Service",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-his-car-carwash_1303-27485.jpg",          imageAlt: "Mobile Service"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-car-adjusting-driver-seat-using-buttons_482257-124463.jpg",
-          imageAlt: "Interior Detail",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-car-adjusting-driver-seat-using-buttons_482257-124463.jpg",          imageAlt: "Interior Detail"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194126.jpg",
-          imageAlt: "Final Result",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194126.jpg",          imageAlt: "Final Result"},
       ]}
     />
   </div>
@@ -103,8 +79,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Your Trusted Car Care Partner"
       description={[
-        "Prestige Mobile Detailing is dedicated to restoring your vehicle to its showroom glory. We offer comprehensive detailing packages using premium products for a perfect finish every time.",
-      ]}
+        "Prestige Mobile Detailing is dedicated to restoring your vehicle to its showroom glory. We offer comprehensive detailing packages using premium products for a perfect finish every time."]}
     />
   </div>
 
@@ -112,30 +87,16 @@ export default function LandingPage() {
       <FeatureBento
       textboxLayout="default"
       useInvertedBackground={true}
+      animationType="slide-up"
       features={[
         {
-          title: "Full Exterior Detail",
-          description: "Hand wash, clay bar, and protective wax.",
-          bentoComponent: "reveal-icon",
-          icon: Sparkles,
-          imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22285.jpg",
-          imageAlt: "car detailing expert detail",
+          title: "Full Exterior Detail",          description: "Hand wash, clay bar, and protective wax.",          bentoComponent: "reveal-icon",          icon: Sparkles
         },
         {
-          title: "Interior Deep Clean",
-          description: "Steam cleaning for carpets and seats.",
-          bentoComponent: "reveal-icon",
-          icon: CheckCircle,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-motorcycle-helmet_23-2151113140.jpg?_wi=2",
-          imageAlt: "car detailing expert detail",
+          title: "Interior Deep Clean",          description: "Steam cleaning for carpets and seats.",          bentoComponent: "reveal-icon",          icon: CheckCircle
         },
         {
-          title: "Ceramic Coating",
-          description: "Long-term paint protection services.",
-          bentoComponent: "reveal-icon",
-          icon: Shield,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-barbershop-concept_23-2148506258.jpg?_wi=2",
-          imageAlt: "car detailing expert detail",
+          title: "Ceramic Coating",          description: "Long-term paint protection services.",          bentoComponent: "reveal-icon",          icon: Shield
         },
       ]}
       title="Services We Offer"
@@ -150,55 +111,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "express",
-          badge: "Essential",
-          price: "$99",
-          subtitle: "Quick Exterior Refresh",
-          buttons: [
+          id: "express",          badge: "Essential",          price: "$99",          subtitle: "Quick Exterior Refresh",          buttons: [
             {
-              text: "Book Express",
-              href: "#contact",
-            },
+              text: "Book Express",              href: "#contact"},
           ],
           features: [
-            "Hand Wash",
-            "Tire Shine",
-            "Window Cleaning",
-          ],
+            "Hand Wash",            "Tire Shine",            "Window Cleaning"],
         },
         {
-          id: "prestige",
-          badge: "Best Seller",
-          price: "$199",
-          subtitle: "Complete Full Detail",
-          buttons: [
+          id: "prestige",          badge: "Best Seller",          price: "$199",          subtitle: "Complete Full Detail",          buttons: [
             {
-              text: "Book Prestige",
-              href: "#contact",
-            },
+              text: "Book Prestige",              href: "#contact"},
           ],
           features: [
-            "Full Exterior",
-            "Interior Deep Clean",
-            "Leather Care",
-          ],
+            "Full Exterior",            "Interior Deep Clean",            "Leather Care"],
         },
         {
-          id: "ultimate",
-          badge: "Luxury",
-          price: "$299",
-          subtitle: "Concierge Treatment",
-          buttons: [
+          id: "ultimate",          badge: "Luxury",          price: "$299",          subtitle: "Concierge Treatment",          buttons: [
             {
-              text: "Book Ultimate",
-              href: "#contact",
-            },
+              text: "Book Ultimate",              href: "#contact"},
           ],
           features: [
-            "Full Prestige Detail",
-            "Ceramic Boost",
-            "Odor Removal",
-          ],
+            "Full Prestige Detail",            "Ceramic Boost",            "Odor Removal"],
         },
       ]}
       title="Select Your Package"
@@ -213,59 +147,28 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah J.",
-          role: "Client",
-          company: "Local Driver",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593879.jpg",
-        },
+          id: "1",          name: "Sarah J.",          role: "Client",          company: "Local Driver",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593879.jpg"},
         {
-          id: "2",
-          name: "Mark D.",
-          role: "Client",
-          company: "Commuter",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-forest-wearing-coat-by-car_1303-18070.jpg",
-        },
+          id: "2",          name: "Mark D.",          role: "Client",          company: "Commuter",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-man-forest-wearing-coat-by-car_1303-18070.jpg"},
         {
-          id: "3",
-          name: "Emily R.",
-          role: "Client",
-          company: "Vehicle Owner",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-changing-wheel_23-2150171279.jpg",
-        },
+          id: "3",          name: "Emily R.",          role: "Client",          company: "Vehicle Owner",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-changing-wheel_23-2150171279.jpg"},
         {
-          id: "4",
-          name: "Jason L.",
-          role: "Client",
-          company: "Luxury Collector",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/distraught-man-feeling-sad-while-showing-his-mechanic-car-breakdown-auto-repair-shop_637285-7708.jpg",
-        },
+          id: "4",          name: "Jason L.",          role: "Client",          company: "Luxury Collector",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/distraught-man-feeling-sad-while-showing-his-mechanic-car-breakdown-auto-repair-shop_637285-7708.jpg"},
         {
-          id: "5",
-          name: "Linda M.",
-          role: "Client",
-          company: "Family Driver",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-garage-holding-car-key_107420-95940.jpg",
-        },
+          id: "5",          name: "Linda M.",          role: "Client",          company: "Family Driver",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-garage-holding-car-key_107420-95940.jpg"},
       ]}
       kpiItems={[
         {
-          value: "5.0",
-          label: "Google Rating",
-        },
+          value: "5.0",          label: "Google Rating"},
         {
-          value: "14",
-          label: "Expert Reviews",
-        },
+          value: "14",          label: "Expert Reviews"},
         {
-          value: "24/7",
-          label: "Always Open",
-        },
+          value: "24/7",          label: "Always Open"},
       ]}
       title="Client Success Stories"
       description="Rated 5.0 by our happy customers for professional mobile detailing."
@@ -278,20 +181,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
-          title: "Do you need water access?",
-          content: "No, we carry our own water and equipment to every job.",
-        },
+          id: "q1",          title: "Do you need water access?",          content: "No, we carry our own water and equipment to every job."},
         {
-          id: "q2",
-          title: "How long does a full detail take?",
-          content: "Typically 2 to 4 hours depending on the vehicle size and condition.",
-        },
+          id: "q2",          title: "How long does a full detail take?",          content: "Typically 2 to 4 hours depending on the vehicle size and condition."},
         {
-          id: "q3",
-          title: "Are you open on weekends?",
-          content: "Yes, we are available 24/7 by appointment.",
-        },
+          id: "q3",          title: "Are you open on weekends?",          content: "Yes, we are available 24/7 by appointment."},
       ]}
       title="Frequently Asked Questions"
       description="Have questions about our detailing process? We have answers."
@@ -303,14 +197,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={true}
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       text="Ready for a pristine car? Contact us at (204) 819-3399 to book your appointment today."
       buttons={[
         {
-          text: "Call Now",
-          href: "tel:2048193399",
-        },
+          text: "Call Now",          href: "tel:2048193399"},
       ]}
     />
   </div>
@@ -320,29 +211,19 @@ export default function LandingPage() {
       logoText="Prestige Mobile Detailing"
       columns={[
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About Us",
-              href: "#about",
-            },
+              label: "About Us",              href: "#about"},
             {
-              label: "Services",
-              href: "#features",
-            },
+              label: "Services",              href: "#features"},
           ],
         },
         {
-          title: "Support",
-          items: [
+          title: "Support",          items: [
             {
-              label: "FAQ",
-              href: "#faq",
-            },
+              label: "FAQ",              href: "#faq"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
       ]}