diff --git a/src/app/page.tsx b/src/app/page.tsx
index e5697b0..2871cd7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,7 +12,7 @@ import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import { Sparkles, CheckCircle, Zap, Award, Star } from 'lucide-react';
-import FaqBase from '@/components/sections/faq/FaqBase';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 
 export default function LandingPage() {
   return (
@@ -211,16 +211,18 @@ export default function LandingPage() {
       </div>
 
       <div id="faq_base" data-section="faq_base">
-        <FaqBase
-          faqs={[{ question: "What programming languages does STEP Academy teach?", answer: "STEP Academy teaches a variety of programming languages including Python, JavaScript, and Java, catering to different levels and interests." }, { question: "How does STEP Academy ensure students get hands-on experience?", answer: "We integrate practical projects and assignments into our curriculum to ensure students gain real-world coding experience. Our courses also include partnerships with industry projects." }]}
-          title="Frequently Asked Questions"
-          description="Discover answers to common questions about our coding courses and learning paths."
-          tag="Questions"
-          buttons={[{ label: "Course Details", href: "#" }, { label: "Contact Us", href: "#" }]}
-          textboxLayout="default"
-          useInvertedBackground="noInvert"
-          animationType="smooth"
-        />
+      <FaqSplitMedia
+      faqs={[{ question: "What programming languages does STEP Academy teach?", answer: "STEP Academy teaches a variety of programming languages including Python, JavaScript, and Java, catering to different levels and interests." }, { question: "How does STEP Academy ensure students get hands-on experience?", answer: "We integrate practical projects and assignments into our curriculum to ensure students gain real-world coding experience. Our courses also include partnerships with industry projects." }]}
+      imageSrc="https://placehold.co/600x400"
+      mediaPosition="left"
+      title="Frequently Asked Questions"
+      description="Discover answers to common questions about our coding courses and learning paths."
+      tag="Questions"
+      buttons={[{ label: "Course Details", href: "#" }, { label: "Contact Us", href: "#" }]}
+      textboxLayout="default"
+      useInvertedBackground="noInvert"
+      animationType="smooth"
+      />
       </div>
       <div id="contact" data-section="contact">
         <ContactSplit