Update src/app/styles/variables.css

src/app/page.tsx

@@ -32,50 +32,33 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "services"},
-          id: "services",
-        },
         {
-          name: "Pricing",
+          name: "Pricing",          id: "pricing"},
-          id: "pricing",
-        },
         {
-          name: "Testimonials",
+          name: "Testimonials",          id: "testimonials"},
-          id: "testimonials",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="Mike's Auto Detailing"
       button={{
-        text: "Book Now",
+        text: "Book Now",        href: "#contact"}}
-        href: "#contact",
-      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       title="Orlando's Premier Mobile Auto Detailing."
       description="Experience the ultimate level of car care. We bring professional detailing to your driveway, ensuring your vehicle looks factory-fresh every time."
       buttons={[
         {
-          text: "Book My Detail",
+          text: "Book My Detail",          href: "#contact"},
-          href: "#contact",
-        },
         {
-          text: "View Our Results",
+          text: "View Our Results",          href: "#testimonials"},
-          href: "#testimonials",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32025.jpg"
       imageAlt="Luxurious detailed car"
@@ -102,37 +85,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
+          id: "f1",          label: "Exterior Care",          title: "Full Exterior Restoration",          items: [
-          label: "Exterior Care",
+            "Hand wash and foam treatment",            "Paint decontamination",            "Premium wax & sealant application",            "Wheel & tire deep clean"],
-          title: "Full Exterior Restoration",
-          items: [
-            "Hand wash and foam treatment",
-            "Paint decontamination",
-            "Premium wax & sealant application",
-            "Wheel & tire deep clean",
-          ],
         },
         {
-          id: "f2",
+          id: "f2",          label: "Interior Care",          title: "Deep Interior Detail",          items: [
-          label: "Interior Care",
+            "Steam cleaning upholstery",            "Leather conditioning & cleaning",            "Dashboard & console sanitation",            "Odor removal treatment"],
-          title: "Deep Interior Detail",
-          items: [
-            "Steam cleaning upholstery",
-            "Leather conditioning & cleaning",
-            "Dashboard & console sanitation",
-            "Odor removal treatment",
-          ],
         },
         {
-          id: "f3",
+          id: "f3",          label: "Premium Pkg",          title: "The Total Concierge",          items: [
-          label: "Premium Pkg",
+            "Complete interior & exterior detail",            "Ceramic paint coating application",            "Engine bay detail",            "Headlight restoration"],
-          title: "The Total Concierge",
-          items: [
-            "Complete interior & exterior detail",
-            "Ceramic paint coating application",
-            "Engine bay detail",
-            "Headlight restoration",
-          ],
         },
       ]}
       title="Our Signature Services"
@@ -147,41 +109,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
+          id: "basic",          badge: "Standard",          price: "$149",          subtitle: "Maintenance Care",          features: [
-          badge: "Standard",
+            "Interior vacuum",            "Exterior hand wash",            "Tire shine",            "Window cleaning"],
-          price: "$149",
-          subtitle: "Maintenance Care",
-          features: [
-            "Interior vacuum",
-            "Exterior hand wash",
-            "Tire shine",
-            "Window cleaning",
-          ],
         },
         {
-          id: "pro",
+          id: "pro",          badge: "Popular",          price: "$249",          subtitle: "Showroom Shine",          features: [
-          badge: "Popular",
+            "Everything in Basic",            "Steam cleaning",            "Leather treatment",            "Paint wax sealant"],
-          price: "$249",
-          subtitle: "Showroom Shine",
-          features: [
-            "Everything in Basic",
-            "Steam cleaning",
-            "Leather treatment",
-            "Paint wax sealant",
-          ],
         },
         {
-          id: "ultimate",
+          id: "ultimate",          badge: "Elite",          price: "$399",          subtitle: "Total Restoration",          features: [
-          badge: "Elite",
+            "Everything in Pro",            "Engine bay clean",            "Ceramic sealant",            "Odour treatment",            "Headlight restore"],
-          price: "$399",
-          subtitle: "Total Restoration",
-          features: [
-            "Everything in Pro",
-            "Engine bay clean",
-            "Ceramic sealant",
-            "Odour treatment",
-            "Headlight restore",
-          ],
         },
       ]}
       title="Transparent Pricing"
@@ -193,50 +130,16 @@ export default function LandingPage() {
       <TestimonialCardTen
       textboxLayout="default"
       useInvertedBackground={false}
+      title="Quality You Can Trust"
+      description="Hear from our valued clients who experience our professional mobile service firsthand."
       testimonials={[
         {
-          id: "1",
+          id: "1",          title: "Unmatched Professionalism",          quote: "Mike brings the shop to you with unmatched quality. My paint looks like a mirror.",          name: "Sarah Johnson",          role: "Luxury Vehicle Owner",          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-business-man-delivering-bouquet-beautiful-flowers_1303-20892.jpg"},
-          title: "Amazing Results!",
-          quote: "Mike did an incredible job on my truck, looked brand new. Super professional and on time.",
-          name: "Sarah Johnson",
-          role: "Truck Owner",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-business-man-delivering-bouquet-beautiful-flowers_1303-20892.jpg",
-        },
         {
-          id: "2",
+          id: "2",          title: "Detail Oriented",          quote: "The attention to detail is incredible. I've used many services, but Mike is the only one who actually cleans the console cracks.",          name: "Michael Chen",          role: "Executive",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosimng-car-car-showroom_1303-26304.jpg"},
-          title: "Best in the City!",
-          quote: "Best detailing in Orlando hands down. My car hasn't looked this clean since I bought it.",
-          name: "Michael Chen",
-          role: "Sedan Owner",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosimng-car-car-showroom_1303-26304.jpg",
-        },
         {
-          id: "3",
+          id: "3",          title: "Punctual Service",          quote: "Showed up right on time, extremely professional, and finished perfectly. Highly recommended.",          name: "David Smith",          role: "Commuter",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-football-game_23-2149015525.jpg"}
-          title: "The Real Deal",
-          quote: "Mike is the real deal. Attention to detail is insane, worth every penny.",
-          name: "David Smith",
-          role: "Car Enthusiast",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-football-game_23-2149015525.jpg",
-        },
-        {
-          id: "4",
-          title: "Absolutely Stunning",
-          quote: "Showed up on time, finished early, and my car looked absolutely stunning. Will never go anywhere else.",
-          name: "Emily Rodriguez",
-          role: "SUV Owner",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-male-leaning-new-car_23-2148332929.jpg",
-        },
-        {
-          id: "5",
-          title: "Punctual & Perfect",
-          quote: "Incredible communication and truly professional. The finish on the paint is better than the dealership.",
-          name: "James Wilson",
-          role: "Luxury Vehicle Owner",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg",
-        },
       ]}
-      title="What Our Clients Say"
-      description="Join our community of satisfied car enthusiasts across Orlando."
     />
   </div>
 
@@ -246,62 +149,45 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "Are you fully mobile?",          content: "Yes, we bring everything required to your location, including water and power, making service seamless."},
-          title: "Do you need water or power?",
-          content: "Nope! We are fully mobile. We bring our own professional-grade equipment, including water tanks and power supply.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "How do I book?",          content: "Simply use the booking button on our contact section, and we will reach out to confirm your slot."},
-          title: "How long does a detail take?",
-          content: "Depending on the package, typically between 2 to 4 hours.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "Do you offer ceramic coating?",          content: "Absolutely, our Elite package includes premium ceramic sealant application for long-term paint protection."},
-          title: "Do I need to be present?",
-          content: "Not at all. As long as you have keys access and the car is in an accessible area, we can handle it.",
-        },
         {
-          id: "q4",
+          id: "q4",          title: "Can you clean interior upholstery?",          content: "Yes, we use professional steam cleaning and extraction methods to revitalize your interior upholstery."},
-          title: "Do you service all of Orlando?",
-          content: "Yes, we proudly serve all major Orlando neighborhoods and surrounding areas.",
-        },
       ]}
-      title="Common Questions"
+      title="Commonly Asked Questions"
-      description="Everything you need to know about our mobile detailing services."
+      description="We're here to make sure you have all the information you need before your next detail."
       faqsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplit
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
+      tag="Book Now"
-      tag="Ready to Detail?"
+      title="Ready for a Showroom Shine?"
-      title="Get Your Free Quote"
+      description="Book your mobile detailing service today and let our professionals handle the rest."
-      description="Ready to experience the best detail of your life? Contact Mike's today and secure your spot in our schedule."
       imageSrc="http://img.b2bpic.net/free-photo/abandoned-house-interior-with-barrels_23-2149454786.jpg"
       mediaAnimation="slide-up"
-      buttonText="Book Now"
+      buttonText="Book My Appointment"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterCard
       logoText="Mike's Auto Detailing"
-      copyrightText="© 2025 Mike's Auto Detailing. All Rights Reserved."
+      copyrightText="© 2025 Mike's Auto Detailing. Excellence in Every Detail."
       socialLinks={[
         {
           icon: Instagram,
-          href: "#",
+          href: "#",          ariaLabel: "Instagram"},
-          ariaLabel: "Instagram",
-        },
         {
           icon: Facebook,
-          href: "#",
+          href: "#",          ariaLabel: "Facebook"},
-          ariaLabel: "Facebook",
-        },
       ]}
     />
   </div>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
+  --background: #ffffff;
-  --card: #dad6cd;
+  --card: #f9f9f9;
-  --foreground: #2a2928;
+  --foreground: #1a1a1a;
-  --primary-cta: #2a2928;
+  --primary-cta: #1c1c1c;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #f0f0f0;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
+  --accent: #b8860b;
-  --background-accent: #c6b180;
+  --background-accent: #efebe5;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);