Update src/app/page.tsx

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 ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
@@ -142,9 +142,10 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
+      <FaqSplitText
       faqsAnimation="slide-up"
-      textboxLayout="split"
+      sideTitle="Frequently Asked Questions"
+      sideDescription="Common questions about academic intervention and learning differences."
       useInvertedBackground={false}
       faqs={[
         {
@@ -154,29 +155,24 @@ export default function LandingPage() {
         {
           id: "3",          title: "Do you offer hybrid sessions?",          content: "Yes, I offer hybrid support for flexibility and meeting students where they are."},
       ]}
-      title="Frequently Asked Questions"
-      description="Common questions about academic intervention and learning differences."
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaH94Wg91FOxl2DKdjt7yQhqJL/uploaded-1778513361383-9g3uuf3k.jpg"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactCTA
       tag="Contact"
-      background={{ variant: "plain" }}
-      useInvertedBackground={false}
       title="Start Your Journey"
       description="Let's discover how your brain learns best."
-      inputPlaceholder="Enter your email"
+      buttons={[
-      buttonText="Get in Touch"
+        {
-      imageSrc="http://img.b2bpic.net/free-photo/young-student-studying-hard-library_23-2148844754.jpg"
+          text: "Get in Touch",          href: "#"
-      mediaPosition="left"
+        }
-      mediaAnimation="opacity"
+      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterBaseCard
       logoText="Beautiful Brains"
       columns={[
         {
@@ -197,4 +193,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}