Update src/app/page.tsx

Merge version_3 into main

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';
@@ -106,9 +106,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        { id: "p1", price: "$0", name: "Starter", buttons: [{ text: "Download", href: "#" }], features: ["Real-time monitor", "Basic analytics"] },
-        { id: "p2", price: "$9/mo", name: "Pro", buttons: [{ text: "Start Pro", href: "#" }], features: ["Advanced diagnostics", "Cloud sync", "Priority Support"] },
-        { id: "p3", price: "$19/mo", name: "Team", buttons: [{ text: "Start Team", href: "#" }], features: ["Multiple devices", "API Access", "Full Management"] },
+        { id: "p1", price: "$0", name: "Starter", buttons: [{ text: "Download", onClick: () => console.log('Initiating download...') }], features: ["Real-time monitor", "Basic analytics"] },
+        { id: "p2", price: "$9/mo", name: "Pro", buttons: [{ text: "Start Pro", onClick: () => console.log('Redirecting to secure payment...') }], features: ["Advanced diagnostics", "Cloud sync", "Priority Support"] },
+        { id: "p3", price: "$29/mo", name: "Gaming Assistant", buttons: [{ text: "Subscribe", onClick: () => console.log('Redirecting to Gaming Assistant payment...') }], features: ["Everything in Pro", "Gaming FPS Boost", "Thermal Optimization", "Priority GPU Sync"] },
       ]}
       title="Simple Pricing"
       description="Choose the monitoring plan that works for you."
@@ -132,15 +132,17 @@ 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"
+      useInvertedBackground={false}
     />
   </div>