Merge version_5 into main

Merge version_5 into main

src/app/page.tsx

@@ -2,11 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import { Sparkles, Zap, Shield, Award, Mail, Phone, MapPin, Calendar } from "lucide-react";
+import { Sparkles, Zap, Shield, Award, Calendar } from "lucide-react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqBase from '@/components/sections/faq/FaqBase';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -37,6 +37,7 @@ export default function LandingPage() {
         { name: "Services", id: "#services" },
         { name: "Pricing", id: "#pricing" },
         { name: "Testimonials", id: "#testimonials" },
+        { name: "FAQ", id: "#faq" },
         { name: "Contact", id: "#contact" },
       ]}
       brandName="ZaharaEliteDetailing"
@@ -164,7 +165,7 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqBase
+      <FaqSplitMedia
       faqs={[
         { 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." },
@@ -176,6 +177,7 @@ export default function LandingPage() {
       faqsAnimation="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
+      imageSrc="http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22315.jpg"
     />
   </div>
 
@@ -195,10 +197,13 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterLogoEmphasis
       logoText="ZaharaElite"
-      leftLink={{ text: "Terms of Service", href: "#" }}
-      rightLink={{ text: "Privacy Policy", href: "#" }}
+      columns={[
+        { items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }] },
+        { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
+        { items: [{ label: "Contact Support", href: "#contact" }] }
+      ]}
     />
   </div>
       </ReactLenis>