Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -12,7 +12,6 @@ import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSp
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { Award, MapPin, ShieldCheck, Sparkles, Zap } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,171 +28,136 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        { name: "Services", id: "#services" },
-        { name: "Pricing", id: "#pricing" },
-        { name: "Reviews", id: "#reviews" },
-        { name: "Contact", id: "#contact" },
-      ]}
-      brandName="Elite Detailing"
-      button={{ text: "Book Now", href: "#contact" }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+              navItems={[
+                { name: "Services", id: "#services" },
+                { name: "Pricing", id: "#pricing" },
+                { name: "Reviews", id: "#reviews" },
+                { name: "Contact", id: "#contact" },
+              ]}
+              brandName="Easy Done Mobile Detailing Service"
+              button={{ text: "Book Now", href: "#contact" }}
+            />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitTestimonial
-      useInvertedBackground={false}
-      background={{ variant: "gradient-bars" }}
-      title="Unmatched Detailing For The Modern Driver."
-      description="Experience our premium, luxury mobile detailing service. We bring professional care and exquisite results to your driveway, ensuring your vehicle remains in pristine condition."
-      testimonials={[
-        { name: "James R.", handle: "@jamesr", testimonial: "The best detailing service I've ever used. Absolute luxury results.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-car_23-2151113206.jpg?_wi=1", imageAlt: "luxury sports car dark studio" },
-        { name: "Sarah K.", handle: "@sarahk", testimonial: "My car looks brand new. Amazing professionalism and convenience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193571.jpg?_wi=1", imageAlt: "luxury sports car dark studio" },
-        { name: "Mark D.", handle: "@markd", testimonial: "Detail-oriented, efficient, and super high quality service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/road-safety-close-up-view-interior-brand-new-modern-luxury-automobile_146671-16595.jpg?_wi=1", imageAlt: "luxury sports car dark studio" },
-        { name: "Elena V.", handle: "@elenav", testimonial: "Simply the best mobile detailing in the city. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/car-wheel-with-new-tires-close-up_1303-31684.jpg", imageAlt: "luxury sports car dark studio" },
-        { name: "Alex B.", handle: "@alexb", testimonial: "Outstanding attention to detail and a very professional team.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg?_wi=1", imageAlt: "luxury sports car dark studio" }
-      ]}
-      buttons={[{ text: "Book Now", href: "#contact" }]}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-metallic-car_23-2151113206.jpg?_wi=2"
-      imageAlt="Luxury vehicle in a studio setting"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        { src: "http://img.b2bpic.net/free-photo/portrait-confident-young-african-man-white-shirt_171337-7992.jpg", alt: "Portrait of a confident young african man in white shirt" },
-        { src: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg", alt: "Positive shaved head male dressed in a grey suit over dark grey background." },
-        { src: "http://img.b2bpic.net/free-photo/portrait-confident-young-man-with-his-crossed-arms-looking-camera_23-2148130362.jpg", alt: "Portrait of a confident young man with his crossed arms looking at camera" },
-        { src: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg", alt: "Successful man pointing to camera with finger" },
-        { src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-black-man-with-charming-smile-studio-shot-well-dressed-african-guy-wears-white-t-shirt-gray-jacket_639032-250.jpg", alt: "Close-up portrait of handsome black man with charming smile." }
-      ]}
-      marqueeItems={[
-        { type: "text-icon", text: "Premium Care", icon: Sparkles },
-        { type: "text-icon", text: "Luxury Finish", icon: Zap },
-        { type: "text-icon", text: "Mobile Service", icon: MapPin },
-        { type: "text-icon", text: "Expert Detailers", icon: Award },
-        { type: "text-icon", text: "Safe & Secure", icon: ShieldCheck }
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroSplitTestimonial
+              useInvertedBackground={false}
+              background={{ variant: "gradient-bars" }}
+              title="Unmatched Detailing For The Modern Driver."
+              description="Experience our premium, luxury mobile detailing service. We bring professional care and exquisite results to your driveway, ensuring your vehicle remains in pristine condition."
+              testimonials={[
+                { name: "James R.", handle: "@jamesr", testimonial: "The best detailing service I've ever used. Absolute luxury results.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-car_23-2151113206.jpg?_wi=1", imageAlt: "luxury sports car dark studio" },
+                { name: "Sarah K.", handle: "@sarahk", testimonial: "My car looks brand new. Amazing professionalism and convenience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193571.jpg?_wi=1", imageAlt: "luxury sports car dark studio" }
+              ]}
+              buttons={[{ text: "Book Now", href: "#contact" }]}
+              imageSrc="http://img.b2bpic.net/free-photo/close-up-metallic-car_23-2151113206.jpg?_wi=2"
+              mediaAnimation="blur-reveal"
+            />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={true}
-      heading={[
-        { type: "text", content: "Our Standard of Excellence" },
-        { type: "image", src: "http://img.b2bpic.net/free-photo/close-up-metallic-motorcycle-helmet_23-2151113140.jpg", alt: "About us detailing" }
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+            <InlineImageSplitTextAbout
+              useInvertedBackground={true}
+              heading={[
+                { type: "text", content: "Our Standard of Excellence" },
+                { type: "image", src: "http://img.b2bpic.net/free-photo/close-up-metallic-motorcycle-helmet_23-2151113140.jpg", alt: "About us detailing" }
+              ]}
+            />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardNine
-      animationType="slide-up"
-      textboxLayout="inline-image"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Exterior Wash",          description: "High-end exterior washing process using premium products and microfiber care.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193571.jpg?_wi=2", imageAlt: "Exterior wash" },
-          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-engine_1170-1500.jpg", imageAlt: "Exterior wash detail" }
-        },
-        {
-          title: "Interior Deep Clean",          description: "Professional deep cleaning of leather and upholstery, tailored for luxury comfort.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/road-safety-close-up-view-interior-brand-new-modern-luxury-automobile_146671-16595.jpg?_wi=2", imageAlt: "Interior detailing" },
-          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193621.jpg", imageAlt: "Interior seat cleaning" }
-        },
-        {
-          title: "Wheel & Rim Detail",          description: "Advanced rim cleaning and protection for a lasting, showroom-like finish.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg?_wi=2", imageAlt: "Wheel detailing" },
-          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-wheels-angle-car_23-2148332896.jpg", imageAlt: "Polished rims" }
-        }
-      ]}
-      showStepNumbers={true}
-      title="Elite Detailing Services"
-      description="We specialize in premium car care, focusing on every single detail to ensure your car looks and feels extraordinary."
-    />
-  </div>
+        <div id="services" data-section="services" className="py-32">
+            <FeatureCardNine
+              animationType="slide-up"
+              textboxLayout="inline-image"
+              useInvertedBackground={false}
+              features={[
+                { title: "Exterior Wash", description: "High-end exterior washing process using premium products.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193571.jpg?_wi=2" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-engine_1170-1500.jpg" } },
+                { title: "Interior Deep Clean", description: "Professional deep cleaning of leather and upholstery.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/road-safety-close-up-view-interior-brand-new-modern-luxury-automobile_146671-16595.jpg?_wi=2" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193621.jpg" } }
+              ]}
+              showStepNumbers={true}
+              title="Easy Done Mobile Detailing Service"
+              description="We specialize in premium car care, focusing on every detail to ensure your car looks extraordinary."
+            />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardNine
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      plans={[
-        { id: "p1", title: "Essentials", price: "$150", period: "/session", features: ["Full exterior wash", "Window cleaning", "Tire shine"], button: { text: "Book Now", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/front-view-fancy-car-available-selling_23-2148332887.jpg", imageAlt: "Front view fancy car available for selling" },
-        { id: "p2", title: "Professional", price: "$275", period: "/session", features: ["Everything in Essentials", "Full interior detail", "Leather conditioning"], button: { text: "Book Now", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-car_23-2151113206.jpg?_wi=3", imageAlt: "Front view fancy car available for selling" },
-        { id: "p3", title: "Elite Luxury", price: "$450", period: "/session", features: ["Everything in Professional", "Ceramic coating", "Engine detailing"], button: { text: "Book Now", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193571.jpg?_wi=3", imageAlt: "Front view fancy car available for selling" }
-      ]}
-      title="Transparent Pricing Packages"
-      description="Choose the level of care your vehicle deserves. All packages are designed to provide professional results at your doorstep."
-    />
-  </div>
+        <div id="pricing" data-section="pricing" className="py-32">
+            <PricingCardNine
+              animationType="slide-up"
+              textboxLayout="default"
+              useInvertedBackground={true}
+              plans={[
+                { id: "p1", title: "Essentials", price: "$350", period: "/session", features: ["Full exterior wash", "Window cleaning"], button: { text: "Book Now", href: "#contact" } },
+                { id: "p2", title: "Luxury", price: "$450", period: "/session", features: ["Everything in Essentials", "Ceramic coating"], button: { text: "Book Now", href: "#contact" } }
+              ]}
+              title="Transparent Pricing Packages"
+              description="Choose the level of care your vehicle deserves."
+            />
+        </div>
 
-  <div id="reviews" data-section="reviews">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        { id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "Incredible service. My car is like new again.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg?_wi=3" },
-        { id: "t2", name: "Mark L.", handle: "@markl", testimonial: "Very professional and detailed, highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/contemplated-serious-young-man-looking-camera_23-2148130297.jpg" },
-        { id: "t3", name: "Alex R.", handle: "@alexr", testimonial: "Excellent convenience, worth every penny.", imageSrc: "http://img.b2bpic.net/free-photo/goodhumored-curly-bearded-darkskinned-man-stylish-orange-jacket-sunglasses-smiles-crosses-arms-leans-white-wall-outside_197531-28757.jpg" },
-        { id: "t4", name: "Jenny D.", handle: "@jennyd", testimonial: "Exceptional service for my vehicle.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-young-man-wearing-jacket-checkered-shirt-looking-camera-studio_613910-21142.jpg" },
-        { id: "t5", name: "Dave K.", handle: "@davek", testimonial: "Will use them again. Very satisfied.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-blue-shirt-standing-against-grey-wall_23-2148130268.jpg" }
-      ]}
-      title="Voices of Excellence"
-      description="See what our clients say about their experience with us."
-    />
-  </div>
+        <div id="reviews" data-section="reviews" className="py-32">
+            <TestimonialCardSix
+              animationType="slide-up"
+              textboxLayout="split"
+              useInvertedBackground={false}
+              testimonials={[
+                { id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "Incredible service. My car is like new again.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg?_wi=3" },
+                { id: "t2", name: "Mark L.", handle: "@markl", testimonial: "Very professional and detailed.", imageSrc: "http://img.b2bpic.net/free-photo/contemplated-serious-young-man-looking-camera_23-2148130297.jpg" }
+              ]}
+              title="Voices of Excellence"
+              description="See what our clients say about us."
+            />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="split"
-      useInvertedBackground={true}
-      faqs={[
-        { id: "f1", title: "Do I need to be home?", content: "We offer mobile service, so we can work while you're busy or at work." },
-        { id: "f2", title: "What products do you use?", content: "We use eco-friendly and high-end automotive detailing products for safety." },
-        { id: "f3", title: "How long does a detail take?", content: "Standard sessions typically take 2-4 hours, depending on the chosen package." }
-      ]}
-      title="Frequently Asked Questions"
-      description="Everything you need to know about our mobile detailing service."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+            <FaqBase
+              textboxLayout="split"
+              useInvertedBackground={true}
+              faqs={[
+                { id: "f1", title: "Do I need to be home?", content: "We offer mobile service, so we can work while you're busy or at work." },
+                { id: "f2", title: "What products do you use?", content: "We use eco-friendly and high-end automotive detailing products for safety." }
+              ]}
+              title="Frequently Asked Questions"
+              description="Everything you need to know."
+              faqsAnimation="slide-up"
+            />
+        </div>
 
-  <div id="blog" data-section="blog">
-      <BlogCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      title="The Detailing Hub"
-      description="Expert tips and insights on maintaining your vehicle's condition."
-      blogs={[
-        { id: "b1", category: "Maintenance", title: "Why Ceramic Coating Matters", excerpt: "Keep your paint protected for longer.", imageSrc: "http://img.b2bpic.net/free-photo/splashing-bubbling-water_23-2147798198.jpg", authorName: "Team Elite", authorAvatar: "http://img.b2bpic.net/free-photo/young-woman-model-holding-book-red-wall_114579-56021.jpg", date: "Oct 12, 2023" },
-        { id: "b2", category: "Tips", title: "5 Tips for Interior Protection", excerpt: "Extend the life of your interior.", imageSrc: "http://img.b2bpic.net/free-photo/female-taxi-driver-paying-attention-road_23-2149236667.jpg", authorName: "Team Elite", authorAvatar: "http://img.b2bpic.net/free-photo/confident-businesswoman-looking-away_23-2148452694.jpg", date: "Oct 05, 2023" },
-        { id: "b3", category: "Guides", title: "Choosing the Best Car Wash", excerpt: "Safe car wash techniques explained.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193569.jpg", authorName: "Team Elite", authorAvatar: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg", date: "Sep 28, 2023" }
-      ]}
-    />
-  </div>
+        <div id="blog" data-section="blog">
+            <BlogCardThree
+              animationType="slide-up"
+              textboxLayout="split"
+              useInvertedBackground={false}
+              title="The Detailing Hub"
+              description="Expert tips on maintaining your vehicle."
+              blogs={[
+                { id: "b1", category: "Maintenance", title: "Why Ceramic Coating Matters", excerpt: "Keep your paint protected.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-applying-ceramic-coating-car_23-2149591234.jpg?_wi=1", authorName: "Easy Done Team", authorAvatar: "", date: "Oct 12, 2023" }
+              ]}
+            />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{ variant: "radial-gradient" }}
-      tag="Booking"
-      title="Ready to Transform Your Vehicle?"
-      description="Book a premium detailing session with us today and secure your spot in our schedule."
-      buttons={[{ text: "Schedule Now", href: "#contact" }]}
-    />
-  </div>
+        <div id="contact" data-section="contact" className="py-32">
+            <ContactCTA
+              useInvertedBackground={true}
+              background={{ variant: "radial-gradient" }}
+              tag="Booking"
+              title="Ready to Transform Your Vehicle?"
+              description="Book a premium detailing session today."
+              buttons={[{ text: "Schedule Now", href: "#contact" }]}
+            />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        { items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
-        { items: [{ label: "Pricing", href: "#pricing" }, { label: "Contact", href: "#contact" }] },
-        { items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
-      ]}
-      logoText="Elite Detailing"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterLogoEmphasis
+              logoText="Easy Done Mobile Detailing Service"
+              columns={[
+                { items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
+                { items: [{ label: "Pricing", href: "#pricing" }, { label: "Contact", href: "#contact" }] },
+                { items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }, { label: "TikTok", href: "#" }] }
+              ]}
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #ffffffe6;
-  --primary-cta: #e6e6e6;
+  --background: #00050a;
+  --card: #0a1520;
+  --foreground: #f0f4f8;
+  --primary-cta: #1f7cff;
   --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #e34400;
   --secondary-cta-text: #ffffffe6;
-  --accent: #737373;
-  --background-accent: #737373;
+  --accent: #c0c0c0;
+  --background-accent: #001a33;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);