Update src/app/page.tsx

Merge version_4 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';
@@ -42,10 +42,10 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroCarouselLogo
       logoText="SysGuard"
-      description="Total control over your computer's health. Monitor performance, track heat, and optimize system processes in real-time."
+      description="Total control over your computer's health. Monitor performance, track heat, and optimize system processes in real-time. Download now for Windows or find us on the Play Store."
       buttons={[
-        {
+        { text: "Download for Windows", href: "#" },
-          text: "Download Now",          href: "#contact"},
+        { text: "Get on Play Store", href: "#" },
       ]}
       slides={[
         { imageSrc: "http://img.b2bpic.net/free-photo/industrial-engineer-works-with-cad-software-isolated-mockup_482257-116383.jpg", imageAlt: "System monitoring dashboard" },
@@ -64,8 +64,7 @@ export default function LandingPage() {
       tag="Advanced Monitoring"
       title="Built for Stability and Speed"
       buttons={[
-        {
+        { text: "Learn More", href: "#features" },
-          text: "Learn More",          href: "#features"},
       ]}
     />
   </div>
@@ -106,9 +105,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: "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", href: "#" }], features: ["Advanced diagnostics", "Cloud sync", "Priority Support"] },
+        { 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: "$19/mo", name: "Team", buttons: [{ text: "Start Team", href: "#" }], features: ["Multiple devices", "API Access", "Full Management"] },
+        { 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 +131,17 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
+      <FaqSplitMedia
-      useInvertedBackground={false}
       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>