diff --git a/src/app/page.tsx b/src/app/page.tsx
index bb08e8b..f59e62f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,7 +11,7 @@ import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 import ContactCenter from "@/components/sections/contact/ContactCenter";
 import { Zap, Shield, Rocket, Target, Sparkles, Crown, Mail, Users, Layers, Code, MessageCircleMore } from "lucide-react";
-import FaqDouble from "@/components/sections/faq/FaqDouble";
+import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
 
 export default function SaasTemplatePage() {
     const navItems = [
@@ -167,17 +167,20 @@ export default function SaasTemplatePage() {
                         }
                     ]}
                 />
-                <FaqDouble
-                    id="faq"
-                    faqs={faqItems}
-                    title="Frequently Asked Questions about SaasApp"
-                    description="Find answers to common questions about SaasApp's features, pricing, and support."
-                    tag="FAQ"
-                    tagIcon={MessageCircleMore}
-                    faqsAnimation="slide-up"
-                    textboxLayout="default"
-                    useInvertedBackground={false}
-                />
+                <div id="faq" data-section="faq">
+                    <FaqSplitMedia
+                        faqs={faqItems}
+                        title="Frequently Asked Questions about SaasApp"
+                        description="Find answers to common questions about SaasApp's features, pricing, and support."
+                        tag="FAQ"
+                        tagIcon={MessageCircleMore}
+                        faqsAnimation="slide-up"
+                        mediaAnimation="slide-up"
+                        imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/fintech/image12.avif"
+                        textboxLayout="default"
+                        useInvertedBackground={false}
+                    />
+                </div>
                 <ContactCenter
                     tag="Contact"
                     tagIcon={Mail}