src/app/page.tsx

@@ -2,9 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import { Sparkles, Zap, Shield, Award } from "lucide-react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import { Sparkles, Zap, Shield, Award, Mail, Phone, MapPin, Calendar } from "lucide-react";
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
@@ -13,7 +13,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
 import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import SplitAbout from '@/components/sections/about/SplitAbout';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 
 export default function LandingPage() {
   return (
@@ -37,7 +37,7 @@ export default function LandingPage() {
         { name: "Services", id: "#services" },
         { name: "Pricing", id: "#pricing" },
         { name: "Testimonials", id: "#testimonials" },
-        { name: "Book Now", id: "#contact" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="ZaharaEliteDetailing"
     />
@@ -62,12 +62,12 @@ export default function LandingPage() {
       <SplitAbout
       textboxLayout="split"
       useInvertedBackground={false}
-      title="Unmatched Excellence in Every Detail"
-      description="At Zahara Elite Detailing, we treat every vehicle like a masterpiece. Our team brings years of experience and top-tier products directly to you, ensuring convenience without compromising on quality."
+      title="Our Story: Crafting Perfection on Wheels"
+      description="Founded on the belief that a car is more than just transportation, Zahara Elite Detailing was born to protect the joy of driving. Our journey began with a simple passion for automotive aesthetics and has grown into a premier mobile service dedicated to high-end vehicle restoration. We combine traditional craftsmanship with modern eco-friendly technology to ensure your vehicle looks as good as the day it rolled off the assembly line, all from the comfort of your own driveway."
       bulletPoints={[
-        { title: "Expert Precision", description: "Every corner of your car receives meticulous care." },
-        { title: "Premium Products", description: "Only the finest eco-friendly cleaners and sealants." },
-        { title: "Concierge Convenience", description: "We come to your home or office, saving your valuable time." },
+        { title: "Master Craftsmen", description: "Certified detailers trained in the latest paint correction and protection techniques.", icon: Award },
+        { title: "Eco-Conscious Care", description: "High-performance, biodegradable products that are safe for your car and the environment.", icon: Shield },
+        { title: "Ultimate Convenience", description: "Our fully self-contained mobile units bring the entire showroom experience to you.", icon: Calendar },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193584.jpg"
       imageAlt="Professional car detailing team"
@@ -152,46 +152,45 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
+      <TestimonialCardFifteen
+      testimonial="Zahara Elite Detailing transformed my car completely. The ceramic coating is incredible—water just beads off, and it looks better than the day I bought it!"
+      rating={5}
+      author="James Anderson"
+      avatars={[{ src: "http://img.b2bpic.net/free-photo/businesswoman-using-hand-sanitizer_23-2148725208.jpg", alt: "Customer" }]}
+      ratingAnimation="slide-up"
+      avatarsAnimation="slide-up"
       useInvertedBackground={true}
-      testimonials={[
-        { id: "t1", name: "James Anderson", role: "Collector", company: "AutoClub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-hand-sanitizer_23-2148725208.jpg" },
-        { id: "t2", name: "Sarah Miller", role: "Business Owner", company: "CityReal", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-happy-just-bought-her-new-car_1303-29665.jpg" },
-        { id: "t3", name: "Robert Chen", role: "Car Enthusiast", company: "RoadRunners", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489788.jpg" },
-      ]}
-      title="What Our Clients Say"
-      description="Hear from drivers who trust us with their prized possessions."
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
+      <FaqBase
       faqs={[
-        { id: "q1", title: "How long does a detailing take?", content: "Typically between 2 to 6 hours depending on the package." },
-        { id: "q2", title: "Do you offer mobile services?", content: "Yes! We come to your home or office fully equipped." },
-        { id: "q3", title: "Is your process safe?", content: "Absolutely. We use pH-neutral, high-end products safe for all vehicles." },
+        { id: "q1", title: "How long does a detailing take?", content: "Typically between 2 to 6 hours depending on the package selected." },
+        { id: "q2", title: "Do you provide your own water and power?", content: "Yes, our vans are fully equipped with water tanks and power generators so we don't need your home's utilities." },
+        { id: "q3", title: "Can you detail cars in an apartment complex?", content: "As long as we have sufficient space to work, we are happy to service vehicles at apartment parking facilities." },
+        { id: "q4", title: "What if it rains?", content: "We have portable pop-up tents that allow us to detail vehicles safely in light rain. In severe weather, we will proactively reschedule your appointment." },
       ]}
-      sideTitle="Frequently Asked Questions"
-      sideDescription="Everything you need to know about our premium detailing services."
+      title="Frequently Asked Questions"
+      description="Everything you need to know about our premium mobile detailing."
       faqsAnimation="slide-up"
+      textboxLayout="split"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactSplitForm
+      title="Let's Connect"
+      description="Ready to experience the Zahara difference? Fill out the form, and we will get back to you shortly to confirm your booking."
+      inputs={[
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
+        { name: "email", type: "email", placeholder: "Your Email", required: true },
+        { name: "phone", type: "tel", placeholder: "Your Phone Number" },
+      ]}
+      textarea={{ name: "message", placeholder: "Tell us about your vehicle and preferred service", rows: 4 }}
       useInvertedBackground={true}
-      background={{ variant: "plain" }}
-      tag="Booking Request"
-      title="Ready to Restore Your Ride?"
-      description="Enter your email below, and our team will contact you to confirm your mobile detailing appointment at your preferred time."
       imageSrc="http://img.b2bpic.net/free-photo/car-detailing-concept-man-face-mask-with-orbital-polisher-repair-shop-polishing-orange-suv-car_627829-12604.jpg"
-      mediaAnimation="slide-up"
-      mediaPosition="right"
-      buttonText="Get My Estimate"
     />
   </div>
 
@@ -205,4 +204,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}