Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import ContactText from '@/components/sections/contact/ContactText';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
@@ -13,7 +13,7 @@ import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import TextAbout from '@/components/sections/about/TextAbout';
-import { BookOpen, Shield, Smartphone, Mail, FileText, HelpCircle } from "lucide-react";
+import { BookOpen, Shield, Smartphone } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -144,37 +144,35 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={false}
+      <FaqSplitText
+      sideTitle="Frequently Asked Questions"
+      sideDescription="Common queries about our platform."
       faqsAnimation="slide-up"
       faqs={[
         { id: "f1", title: "Is membership required?", content: "Yes, to access our full library." },
         { id: "f2", title: "Can I read offline?", content: "Absolutely, download anytime." },
         { id: "f3", title: "Do you support Kindle?", content: "We support all major formats." }
       ]}
-      title="Frequently Asked Questions"
-      description="Common queries about our platform."
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-stack-books_1098-1352.jpg?_wi=2"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
-      tag="Contact Us"
-      title="Get in Touch"
-      description="Have questions about our library or need help with your account? Our team is here to assist."
+      <ContactText
+      text="Get in Touch with NexaReades"
       background={{ variant: "sparkles-gradient" }}
       useInvertedBackground={true}
-      imageSrc="http://img.b2bpic.net/free-photo/top-view-tablet-with-financial-review_1232-184.jpg?_wi=2"
+      buttons={[{ text: "Contact Support" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterBaseCard
       logoText="NexaReades"
-      leftLink={{ text: "Privacy Policy", href: "#" }}
-      rightLink={{ text: "Terms of Service", href: "#" }}
+      columns={[
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
+        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
+      ]}
     />
   </div>
       </ReactLenis>