Update src/app/page.tsx
This commit is contained in:
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user