From 612cc52dab1c8a227bd555088b9233913580e4c7 Mon Sep 17 00:00:00 2001
From: development <mulikavj@gmail.com>
Date: Fri, 30 Jan 2026 15:10:06 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 60 ++++++++++++++++++++++++++++++------------------
 1 file changed, 38 insertions(+), 22 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2871cd7..113af37 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,10 +9,10 @@ import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import { Sparkles, CheckCircle, Zap, Award, Star } from 'lucide-react';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 
 export default function LandingPage() {
   return (
@@ -48,7 +48,7 @@ export default function LandingPage() {
         <HeroBillboard
           background={{ variant: "plain" }}
           title="Learn to Code. Build Your Future."
-          description={'IT Degree with AI" with IT Degree with AI'}
+          description="Master full-stack development with our comprehensive, industry-leading curriculum. From beginner to expert, we guide you every step of the way."
           tag="Start Your Journey"
           tagIcon={Sparkles}
           imageSrc="https://img.b2bpic.net/free-photo/young-girl-listening-educational-documentary-laptop-takes-notes_482257-126301.jpg"
@@ -123,16 +123,16 @@ export default function LandingPage() {
           description="Join thousands of successful graduates"
           metrics={[
             {
-              id: "1",              value: "3,250+",              description: "Students Graduated"
+              id: "1",              value: "5,000+",              description: "Students Graduated"
             },
             {
-              id: "2",              value: "61.8%",              description: "Job Placement Rate"
+              id: "2",              value: "95%",              description: "Job Placement Rate"
             },
             {
-              id: "3",              value: "32.5K+",              description: "Average First Salary"
+              id: "3",              value: "50K+",              description: "Average First Salary"
             },
             {
-              id: "4",              value: "7.8Weeks",              description: "Average to First Job"
+              id: "4",              value: "12 Weeks",              description: "Average to First Job"
             }
           ]}
           gridVariant="uniform-all-items-equal"
@@ -178,7 +178,7 @@ export default function LandingPage() {
           plans={[
             {
               id: "monthly",              tag: "Monthly Plan",              tagIcon: Zap,
-              price: "$149.5",              period: "/month",              description: "Perfect for self-paced learners wanting flexibility",              button: {
+              price: "$299",              period: "/month",              description: "Perfect for self-paced learners wanting flexibility",              button: {
                 text: "Start Learning",                href: "contact"
               },
               featuresTitle: "What's Included:",              features: [
@@ -187,7 +187,7 @@ export default function LandingPage() {
             },
             {
               id: "quarterly",              tag: "Quarterly Plan",              tagIcon: Award,
-              price: "$399.5",              period: "/3 months",              description: "Best value for serious learners. Most popular choice.",              button: {
+              price: "$799",              period: "/3 months",              description: "Best value for serious learners. Most popular choice.",              button: {
                 text: "Get Started",                href: "contact"
               },
               featuresTitle: "Everything in Monthly, plus:",              features: [
@@ -196,7 +196,7 @@ export default function LandingPage() {
             },
             {
               id: "annual",              tag: "Annual Plan",              tagIcon: Star,
-              price: "$949.5",              period: "/year",              description: "Complete mastery. Maximum savings with lifetime access.",              button: {
+              price: "$1,899",              period: "/year",              description: "Complete mastery. Maximum savings with lifetime access.",              button: {
                 text: "Unlock Full Access",                href: "contact"
               },
               featuresTitle: "Everything in Quarterly, plus:",              features: [
@@ -210,20 +210,36 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="faq_base" data-section="faq_base">
-      <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 id="faq" data-section="faq">
+        <FaqSplitText
+          sideTitle="Frequently Asked Questions"
+          sideDescription="Everything you need to know about STEP Academy"
+          faqs={[
+            {
+              id: "1",              title: "Do I need prior coding experience?",              content: "No! Our Beginner Track is designed for complete newcomers. We start with HTML, CSS, and JavaScript fundamentals and progress systematically."
+            },
+            {
+              id: "2",              title: "What's the time commitment?",              content: "Most students dedicate 30-40 hours per week. We offer flexible scheduling to accommodate different lifestyles and learning paces."
+            },
+            {
+              id: "3",              title: "Will I get a certification?",              content: "Yes, you'll receive a STEP Academy certificate upon completion. Plus, you'll build a portfolio of real projects to showcase to employers."
+            },
+            {
+              id: "4",              title: "What kind of job support do you offer?",              content: "We provide resume reviews, mock interviews, job placement assistance, and access to our alumni network and partner companies."
+            },
+            {
+              id: "5",              title: "Can I access courses after I graduate?",              content: "Annual plan members get lifetime access. Monthly and Quarterly plans provide access during your subscription period."
+            },
+            {
+              id: "6",              title: "What payment methods do you accept?",              content: "We accept all major credit cards, PayPal, and offer installment plans for quarterly and annual subscriptions."
+            }
+          ]}
+          textPosition="left"
+          useInvertedBackground="noInvert"
+          animationType="smooth"
+        />
       </div>
+
       <div id="contact" data-section="contact">
         <ContactSplit
           tag="Newsletter"