Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -2,17 +2,17 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
-import { CheckCircle, Shield, Star, Instagram, Twitter, Linkedin } from "lucide-react";
+import { CheckCircle, Shield, Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -130,7 +130,7 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
+      <FaqBase
       title="Common Questions"
       description="Answers to assist you in planning your Umrah."
       faqs={[
@@ -138,34 +138,32 @@ export default function LandingPage() {
         { id: "f2", title: "Accommodation?", content: "Yes, high-quality stays." },
       ]}
       faqsAnimation="slide-up"
-      textboxLayout="default"
+      textboxLayout="split"
       useInvertedBackground={false}
-      imageSrc="https://img.b2bpic.net/free-photo/geometric-mosque-art.jpg"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactCenter
       tag="Contact"
       title="Start Your Journey"
       description="Reach out to our expert team for a free consultation."
-      imageSrc="https://img.b2bpic.net/free-photo/abstract-travel-concept-minimal.jpg"
       useInvertedBackground={true}
       background={{ variant: "animated-grid" }}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterSimple
-      logoText="Al Ghuraba Travel"
+      columns={[
-      socialLinks={[
+        { title: "Quick Links", items: [{ label: "Home" }, { label: "Packages" }, { label: "Pricing" }] },
-        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+        { title: "Support", items: [{ label: "FAQ" }, { label: "Contact" }] },
-        { icon: Twitter, href: "#", ariaLabel: "Twitter" },
-        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
       ]}
+      bottomLeftText="© 2025 Al Ghuraba Travel"
+      bottomRightText="All Rights Reserved"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}