Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -34,21 +34,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Services",
+          name: "Services",          id: "#features"},
-          id: "#features",
-        },
         {
-          name: "Packages",
+          name: "Packages",          id: "#pricing"},
-          id: "#pricing",
-        },
         {
-          name: "About",
+          name: "About",          id: "#about"},
-          id: "#about",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "#contact"},
-          id: "#contact",
-        },
       ]}
       brandName="X Auto Details"
     />
@@ -57,42 +49,26 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroCarouselLogo
       logoText="X AUTO DETAILS"
-      description="Your Car, Restored to Perfection. Premium mobile auto detailing that makes your vehicle look and feel brand new."
+      description="We bring the showroom experience directly to your driveway. Premium mobile auto detailing that makes your vehicle look and feel brand new."
       buttons={[
         {
-          text: "Book Now",
+          text: "Book Now",          href: "#contact"},
-          href: "#contact",
-        },
         {
-          text: "View Packages",
+          text: "View Packages",          href: "#pricing"},
-          href: "#pricing",
-        },
       ]}
       slides={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193590.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193590.jpg",          imageAlt: "Car Detailing 1"},
-          imageAlt: "Car Detailing 1",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193571.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193571.jpg",          imageAlt: "Car Detailing 2"},
-          imageAlt: "Car Detailing 2",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-foam-diffusing-with-blue_23-2147798003.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-foam-diffusing-with-blue_23-2147798003.jpg",          imageAlt: "Car Detailing 3"},
-          imageAlt: "Car Detailing 3",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/blue-pigment-white-foam_23-2147798183.jpg",
+          imageSrc: "http://img.b2bpic.net/blue-pigment-white-foam_23-2147798183.jpg",          imageAlt: "Car Detailing 4"},
-          imageAlt: "Car Detailing 4",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212197.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212197.jpg",          imageAlt: "Car Detailing 5"},
-          imageAlt: "Car Detailing 5",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/rear-light-silver-automobile_23-2147962997.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/rear-light-silver-automobile_23-2147962997.jpg",          imageAlt: "Car Detailing 6"},
-          imageAlt: "Car Detailing 6",
-        },
       ]}
     />
   </div>
@@ -102,14 +78,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "AutoWeekly",
+        "AutoWeekly",        "LuxuryRides",        "DailyDriver",        "CarCarePro",        "UrbanMotors",        "VehicleShield",        "RefinedAuto"]}
-        "LuxuryRides",
-        "DailyDriver",
-        "CarCarePro",
-        "UrbanMotors",
-        "VehicleShield",
-        "RefinedAuto",
-      ]}
       title="Trusted by car owners who expect perfection"
       description="Join 16+ happy clients who trust us with their vehicles."
     />
@@ -123,19 +92,13 @@ export default function LandingPage() {
       features={[
         {
           icon: Sparkles,
-          title: "Attention to Detail",
+          title: "Attention to Detail",          description: "Precision in every corner."},
-          description: "Precision in every corner.",
-        },
         {
           icon: Shield,
-          title: "Trusted Quality",
+          title: "Trusted Quality",          description: "Reliable, expert service."},
-          description: "Reliable, expert service.",
-        },
         {
           icon: Zap,
-          title: "Mobile Convenience",
+          title: "Mobile Convenience",          description: "We come directly to your door."},
-          description: "We come directly to your door.",
-        },
       ]}
       title="Not Just Clean - Detailed"
       description="We don't just wash your car; we restore it."
@@ -149,54 +112,27 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
+          id: "basic",          badge: "Essential",          price: "$99",          subtitle: "Quick Refresh",          features: [
-          badge: "Essential",
+            "Interior wipe-down",            "Vacuum",            "Exterior wash"],
-          price: "$99",
-          subtitle: "Quick Refresh",
-          features: [
-            "Interior wipe-down",
-            "Vacuum",
-            "Exterior wash",
-          ],
           buttons: [
             {
-              text: "Book Now",
+              text: "Book Now",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
         {
-          id: "premium",
+          id: "premium",          badge: "Popular",          price: "$179",          subtitle: "Deep Clean",          features: [
-          badge: "Popular",
+            "Full interior clean",            "Stain removal",            "Exterior shine"],
-          price: "$179",
-          subtitle: "Deep Clean",
-          features: [
-            "Full interior clean",
-            "Stain removal",
-            "Exterior shine",
-          ],
           buttons: [
             {
-              text: "Book Now",
+              text: "Book Now",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
         {
-          id: "xtreme",
+          id: "xtreme",          badge: "Elite",          price: "$299",          subtitle: "Full Restoration",          features: [
-          badge: "Elite",
+            "Deep restoration",            "Odor removal",            "Paint enhancement"],
-          price: "$299",
-          subtitle: "Full Restoration",
-          features: [
-            "Deep restoration",
-            "Odor removal",
-            "Paint enhancement",
-          ],
           buttons: [
             {
-              text: "Book Now",
+              text: "Book Now",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
       ]}
@@ -212,20 +148,11 @@ export default function LandingPage() {
       tag="Results"
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "16+",          description: "Happy Clients"},
-          value: "16+",
-          description: "Happy Clients",
-        },
         {
-          id: "m2",
+          id: "m2",          value: "5.0",          description: "Star Rating"},
-          value: "5.0",
-          description: "Star Rating",
-        },
         {
-          id: "m3",
+          id: "m3",          value: "100%",          description: "Satisfaction"},
-          value: "100%",
-          description: "Satisfaction",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -238,40 +165,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Britney Young",          handle: "@britney",          testimonial: "I haven't seen my car this clean since I bought it.",          imageSrc: "http://img.b2bpic.net/free-photo/thrilled-confident-manager-business-attire-celebrates-victorious-milestone_482257-111932.jpg"},
-          name: "Britney Young",
-          handle: "@britney",
-          testimonial: "I haven't seen my car this clean since I bought it.",
-          imageSrc: "http://img.b2bpic.net/free-photo/thrilled-confident-manager-business-attire-celebrates-victorious-milestone_482257-111932.jpg",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Kathryn Le",          handle: "@kathryn",          testimonial: "Got rid of a smell I couldn't remove - completely gone.",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-near-his-modern-car_651396-2811.jpg"},
-          name: "Kathryn Le",
-          handle: "@kathryn",
-          testimonial: "Got rid of a smell I couldn't remove - completely gone.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-near-his-modern-car_651396-2811.jpg",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Taylor Kohl",          handle: "@taylor",          testimonial: "Perfect for my white car and dog - monthly plan is a lifesaver.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-hispanic-girl-textured-wall_1187-5169.jpg"},
-          name: "Taylor Kohl",
-          handle: "@taylor",
-          testimonial: "Perfect for my white car and dog - monthly plan is a lifesaver.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-hispanic-girl-textured-wall_1187-5169.jpg",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "Chris P.",          handle: "@chrisp",          testimonial: "The best detailing service I've ever used, bar none.",          imageSrc: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg"},
-          name: "Chris P.",
-          handle: "@chrisp",
-          testimonial: "The best detailing service I've ever used, bar none.",
-          imageSrc: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "Alex M.",          handle: "@alexm",          testimonial: "Prompt, professional, and my car looks showroom new.",          imageSrc: "http://img.b2bpic.net/free-photo/brunette-young-woman-standing-blue-background-posing-funny-crazy-with-fingers-head-as-bunny-ears-smiling-cheerful_839833-2705.jpg"},
-          name: "Alex M.",
-          handle: "@alexm",
-          testimonial: "Prompt, professional, and my car looks showroom new.",
-          imageSrc: "http://img.b2bpic.net/free-photo/brunette-young-woman-standing-blue-background-posing-funny-crazy-with-fingers-head-as-bunny-ears-smiling-cheerful_839833-2705.jpg",
-        },
       ]}
       title="Real Clients. Real Results."
       description="See why our clients recommend X Auto Details."
@@ -285,19 +187,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Award,
-          label: "Passion-driven",
+          label: "Passion-driven",          value: "Owner-Op"},
-          value: "Owner-Op",
-        },
         {
           icon: Shield,
-          label: "Precision",
+          label: "Precision",          value: "Quality"},
-          value: "Quality",
-        },
         {
           icon: Star,
-          label: "Community",
+          label: "Community",          value: "Local"},
-          value: "Local",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -308,25 +204,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "Do you come to my location?",          content: "Yes, we are a fully mobile service."},
-          title: "Do you come to my location?",
-          content: "Yes, we are a fully mobile service.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "How long does a detail take?",          content: "Depending on the package, 2-4 hours."},
-          title: "How long does a detail take?",
-          content: "Depending on the package, 2-4 hours.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Can you remove tough stains?",          content: "We use professional extraction for deep stains."},
-          title: "Can you remove tough stains?",
-          content: "We use professional extraction for deep stains.",
-        },
         {
-          id: "f4",
+          id: "f4",          title: "How do I book?",          content: "Click the 'Book Now' button to get a quote."},
-          title: "How do I book?",
-          content: "Click the 'Book Now' button to get a quote.",
-        },
       ]}
       sideTitle="Common Questions"
       sideDescription="Everything you need to know about our services."
@@ -338,8 +222,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       tag="Let's Get Started"
       title="Ready to Transform Your Car?"
       description="Book your detail today. Limited slots available each week."
@@ -352,33 +235,21 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Home",
+              label: "Home",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Packages",
+              label: "Packages",              href: "#pricing"},
-              href: "#pricing",
-            },
             {
-              label: "About",
+              label: "About",              href: "#about"},
-              href: "#about",
-            },
           ],
         },
         {
           items: [
             {
-              label: "Book Now",
+              label: "Book Now",              href: "#contact"},
-              href: "#contact",
-            },
             {
-              label: "Membership",
+              label: "Membership",              href: "#pricing"},
-              href: "#pricing",
-            },
             {
-              label: "FAQ",
+              label: "FAQ",              href: "#faq"},
-              href: "#faq",
-            },
           ],
         },
       ]}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #fafffb;
-  --card: #f9f9f9;
+  --card: #f7fffa;
-  --foreground: #000f06e6;
+  --foreground: #001a0a;
   --primary-cta: #0a7039;
-  --primary-cta-text: #ffffff;
+  --primary-cta-text: #fafffb;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #ffffff;
-  --secondary-cta-text: #000f06e6;
+  --secondary-cta-text: #001a0a;
-  --accent: #e2e2e2;
+  --accent: #a8d9be;
-  --background-accent: #c4c4c4;
+  --background-accent: #6bbf8e;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);