Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -32,47 +32,32 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "services"},
-          id: "services",
-        },
         {
-          name: "Gallery",
+          name: "Gallery",          id: "gallery"},
-          id: "gallery",
-        },
         {
-          name: "Booking",
+          name: "Booking",          id: "booking"},
-          id: "booking",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="Let It Shine"
       button={{
-        text: "Book Now",
+        text: "Book Now",        href: "#booking"}}
-        href: "#booking",
-      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroLogo
       logoText="Let Your Car Shine Anywhere"
+      logoClassName="text-5xl md:text-7xl"
       description="Professional mobile car detailing brought straight to your driveway."
       buttons={[
         {
-          text: "Book Now",
+          text: "Book Now",          href: "#booking"},
-          href: "#booking",
-        },
         {
-          text: "View Services",
+          text: "View Services",          href: "#services"},
-          href: "#services",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-using-smartphone-outdoors_23-2150747683.jpg?_wi=1"
       imageAlt="freshly detailed luxury car driveway"
@@ -95,29 +80,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Exterior Wash",          price: "From $50",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2787.jpg?_wi=1"},
-          name: "Exterior Wash",
-          price: "From $50",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2787.jpg?_wi=1",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Interior Detail",          price: "From $80",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-eyeglasses-with-tattoo-his-arm-using-portable-tablet-pc-back-seat-car_613910-12288.jpg?_wi=1"},
-          name: "Interior Detail",
-          price: "From $80",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-eyeglasses-with-tattoo-his-arm-using-portable-tablet-pc-back-seat-car_613910-12288.jpg?_wi=1",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Full Detail Package",          price: "From $150",          imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30574.jpg?_wi=1"},
-          name: "Full Detail Package",
-          price: "From $150",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30574.jpg?_wi=1",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Paint Protection",          price: "From $120",          imageSrc: "http://img.b2bpic.net/free-photo/man-painting-car-side-view_23-2149714348.jpg?_wi=1"},
-          name: "Paint Protection",
-          price: "From $120",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-painting-car-side-view_23-2149714348.jpg?_wi=1",
-        },
       ]}
       title="Our Services"
       description="Premium detailing packages to keep your car looking like new."
@@ -130,20 +99,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Mobile Convenience",
+          title: "Mobile Convenience",          description: "We come directly to your home or office.",          imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30584.jpg"},
-          description: "We come directly to your home or office.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30584.jpg",
-        },
         {
-          title: "Professional Results",
+          title: "Professional Results",          description: "Expert techniques for a showroom finish.",          imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26071.jpg"},
-          description: "Expert techniques for a showroom finish.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26071.jpg",
-        },
         {
-          title: "Easy Booking",
+          title: "Easy Booking",          description: "Schedule in minutes from anywhere.",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32025.jpg"},
-          description: "Schedule in minutes from anywhere.",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32025.jpg",
-        },
       ]}
       title="Why Choose Us?"
       description="We treat every car as if it were our own."
@@ -157,22 +117,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          title: "Before/After",          value: "See Work",          icon: Camera,
-          title: "Before/After",
-          value: "See Work",
-          icon: Camera,
         },
         {
-          id: "m2",
+          id: "m2",          title: "Shine Guarantee",          value: "100%",          icon: Sparkles,
-          title: "Shine Guarantee",
-          value: "100%",
-          icon: Sparkles,
         },
         {
-          id: "m3",
+          id: "m3",          title: "Happy Cars",          value: "500+",          icon: Car,
-          title: "Happy Cars",
-          value: "500+",
-          icon: Car,
         },
       ]}
       title="Gallery"
@@ -186,60 +137,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Sarah Miller",          date: "2024-05",          title: "Repeat Customer",          quote: "Excellent work and so convenient!",          tag: "Detailing",          avatarSrc: "http://img.b2bpic.net/free-photo/woman-charging-her-car-looking-cherger-bher-phone_1303-20222.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-using-smartphone-outdoors_23-2150747683.jpg?_wi=2",          imageAlt: "happy customer car mobile detailing"},
-          name: "Sarah Miller",
-          date: "2024-05",
-          title: "Repeat Customer",
-          quote: "Excellent work and so convenient!",
-          tag: "Detailing",
-          avatarSrc: "http://img.b2bpic.net/free-photo/woman-charging-her-car-looking-cherger-bher-phone_1303-20222.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-using-smartphone-outdoors_23-2150747683.jpg?_wi=2",
-          imageAlt: "happy customer car mobile detailing",
-        },
         {
-          id: "2",
+          id: "2",          name: "Mark D.",          date: "2024-04",          title: "Daily Driver",          quote: "My car hasn't looked this good in years.",          tag: "Detailing",          avatarSrc: "http://img.b2bpic.net/free-photo/mid-adult-man-pointing-vehicle-hood-while-talking-car-mechanic-auto-repair-shop_637285-7702.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2787.jpg?_wi=2",          imageAlt: "happy customer car mobile detailing"},
-          name: "Mark D.",
-          date: "2024-04",
-          title: "Daily Driver",
-          quote: "My car hasn't looked this good in years.",
-          tag: "Detailing",
-          avatarSrc: "http://img.b2bpic.net/free-photo/mid-adult-man-pointing-vehicle-hood-while-talking-car-mechanic-auto-repair-shop_637285-7702.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2787.jpg?_wi=2",
-          imageAlt: "happy customer car mobile detailing",
-        },
         {
-          id: "3",
+          id: "3",          name: "Jana K.",          date: "2024-03",          title: "Busy Parent",          quote: "The mobile service is a lifesaver.",          tag: "Detailing",          avatarSrc: "http://img.b2bpic.net/free-photo/showroom-salesman-showing-driving-metrics-graphs-green-screen-tablet_482257-118248.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-eyeglasses-with-tattoo-his-arm-using-portable-tablet-pc-back-seat-car_613910-12288.jpg?_wi=2",          imageAlt: "happy customer car mobile detailing"},
-          name: "Jana K.",
-          date: "2024-03",
-          title: "Busy Parent",
-          quote: "The mobile service is a lifesaver.",
-          tag: "Detailing",
-          avatarSrc: "http://img.b2bpic.net/free-photo/showroom-salesman-showing-driving-metrics-graphs-green-screen-tablet_482257-118248.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-eyeglasses-with-tattoo-his-arm-using-portable-tablet-pc-back-seat-car_613910-12288.jpg?_wi=2",
-          imageAlt: "happy customer car mobile detailing",
-        },
         {
-          id: "4",
+          id: "4",          name: "Ben T.",          date: "2024-02",          title: "Car Enthusiast",          quote: "Professional, careful, and detailed.",          tag: "Detailing",          avatarSrc: "http://img.b2bpic.net/free-photo/woman-happy-just-bought-her-new-car_1303-29661.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30574.jpg?_wi=2",          imageAlt: "happy customer car mobile detailing"},
-          name: "Ben T.",
-          date: "2024-02",
-          title: "Car Enthusiast",
-          quote: "Professional, careful, and detailed.",
-          tag: "Detailing",
-          avatarSrc: "http://img.b2bpic.net/free-photo/woman-happy-just-bought-her-new-car_1303-29661.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30574.jpg?_wi=2",
-          imageAlt: "happy customer car mobile detailing",
-        },
         {
-          id: "5",
+          id: "5",          name: "Emily R.",          date: "2024-01",          title: "Value Client",          quote: "Great service at a fair price.",          tag: "Detailing",          avatarSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-working-client-tattoo_23-2149479238.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/man-painting-car-side-view_23-2149714348.jpg?_wi=2",          imageAlt: "happy customer car mobile detailing"},
-          name: "Emily R.",
-          date: "2024-01",
-          title: "Value Client",
-          quote: "Great service at a fair price.",
-          tag: "Detailing",
-          avatarSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-working-client-tattoo_23-2149479238.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-painting-car-side-view_23-2149714348.jpg?_wi=2",
-          imageAlt: "happy customer car mobile detailing",
-        },
       ]}
       title="What Our Clients Say"
       description="Don't just take our word for it—see what our satisfied customers are saying."
@@ -250,8 +156,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       tag="Booking"
       title="Ready to Make Your Car Shine?"
       description="Book your mobile detail today and let us handle the rest."
@@ -270,29 +175,19 @@ export default function LandingPage() {
       logoText="Let It Shine Mobile Detailing"
       columns={[
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About",
+              label: "About",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Services",
+              label: "Services",              href: "#services"},
-              href: "#services",
-            },
           ],
         },
         {
-          title: "Support",
+          title: "Support",          items: [
-          items: [
             {
-              label: "Booking",
+              label: "Booking",              href: "#booking"},
-              href: "#booking",
-            },
             {
-              label: "Contact",
+              label: "Contact",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
       ]}