src/app/page.tsx

@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
@@ -132,15 +132,16 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
+      <FaqSplitMedia
       faqs={[
         { id: "q1", title: "Is it safe?", content: "100% safe to use on any machine." },
         { id: "q2", title: "Does it impact CPU?", content: "Minimal usage background process." },
         { id: "q3", title: "Mac supported?", content: "Full cross-platform support." },
       ]}
-      sideTitle="Questions?"
+      title="Frequently Asked Questions"
+      description="Find answers to common questions about SysGuard."
       faqsAnimation="slide-up"
+      textboxLayout="split"
     />
   </div>