diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8c1dc8a..e5697b0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,6 +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';
 
 export default function LandingPage() {
   return (
@@ -209,6 +210,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"
+        />
+      </div>
       <div id="contact" data-section="contact">
         <ContactSplit
           tag="Newsletter"