Update src/app/page.tsx

Merge version_3 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 (
@@ -77,9 +77,9 @@ export default function LandingPage() {
       title="Why Trust Us?"
       description="We ensure your focus remains on worship, while we handle the logistics."
       features={[
-        { title: "Visa Assistance", description: "Expert navigation of complex visa processes.", icon: CheckCircle, mediaItems: [{ imageSrc: "https://img.b2bpic.net/free-icon/visa-stamp-minimal.png" }, { imageSrc: "https://img.b2bpic.net/free-icon/document-flow-abstract.png" }] },
+        { title: "Visa Assistance", description: "Expert navigation of complex visa processes.", icon: CheckCircle, mediaItems: [{ imageSrc: "https://img.b2bpic.net/free-photo/abstract-document-flow-gold.jpg" }, { imageSrc: "https://img.b2bpic.net/free-photo/minimal-abstract-stamp-vector.jpg" }] },
-        { title: "24/7 Support", description: "Local guides available around the clock.", icon: Shield, mediaItems: [{ imageSrc: "https://img.b2bpic.net/free-icon/support-headset-minimal.png" }, { imageSrc: "https://img.b2bpic.net/free-icon/clock-shield-abstract.png" }] },
+        { title: "24/7 Support", description: "Local guides available around the clock.", icon: Shield, mediaItems: [{ imageSrc: "https://img.b2bpic.net/free-photo/abstract-network-nodes-glow.jpg" }, { imageSrc: "https://img.b2bpic.net/free-photo/minimal-shield-geometric.jpg" }] },
-        { title: "Transparent Pricing", description: "No hidden costs. Everything outlined clearly.", icon: Star, mediaItems: [{ imageSrc: "https://img.b2bpic.net/free-icon/price-tag-minimal.png" }, { imageSrc: "https://img.b2bpic.net/free-icon/calculator-abstract.png" }] },
+        { title: "Transparent Pricing", description: "No hidden costs. Everything outlined clearly.", icon: Star, mediaItems: [{ imageSrc: "https://img.b2bpic.net/free-photo/abstract-geometric-calculator.jpg" }, { imageSrc: "https://img.b2bpic.net/free-photo/minimal-gold-currency-symbol.jpg" }] },
       ]}
     />
   </div>
@@ -122,15 +122,15 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        { id: "t1", title: "Excellent", quote: "Seamless experience.", name: "Sarah J.", role: "Pilgrim", imageSrc: "https://img.b2bpic.net/free-icon/avatar-abstract-1.png" },
+        { id: "t1", title: "Excellent", quote: "Seamless experience.", name: "Sarah J.", role: "Pilgrim", imageSrc: "https://img.b2bpic.net/free-photo/abstract-nature-pattern-blue.jpg" },
-        { id: "t2", title: "Great", quote: "Beautifully organized.", name: "Ahmed I.", role: "Organizer", imageSrc: "https://img.b2bpic.net/free-icon/avatar-abstract-2.png" },
+        { id: "t2", title: "Great", quote: "Beautifully organized.", name: "Ahmed I.", role: "Organizer", imageSrc: "https://img.b2bpic.net/free-photo/abstract-geometric-waves-gold.jpg" },
-        { id: "t3", title: "Wonderful", quote: "Truly stress-free.", name: "Fatima Z.", role: "Pilgrim", imageSrc: "https://img.b2bpic.net/free-icon/avatar-abstract-3.png" },
+        { id: "t3", title: "Wonderful", quote: "Truly stress-free.", name: "Fatima Z.", role: "Pilgrim", imageSrc: "https://img.b2bpic.net/free-photo/abstract-minimal-light-bokeh.jpg" },
       ]}
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
+      <FaqBase
       title="Common Questions"
       description="Answers to assist you in planning your Umrah."
       faqs={[
@@ -138,31 +138,29 @@ 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>