253 lines
13 KiB
TypeScript
253 lines
13 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { Sparkles, Code, Award, Mail } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="sharp"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="TechAcademy"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Courses", id: "courses" },
|
|
{ name: "Team", id: "team" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
title="Master In-Demand Tech Skills"
|
|
description="Learn from industry experts and transform your career with comprehensive IT courses designed for beginners to advanced professionals."
|
|
background={{ variant: "glowing-orb" }}
|
|
kpis={[
|
|
{ value: "500+", label: "Graduates Placed" },
|
|
{ value: "15+", label: "Professional Courses" },
|
|
{ value: "98%", label: "Satisfaction Rate" }
|
|
]}
|
|
enableKpiAnimation={true}
|
|
tag="Leading IT Academy"
|
|
tagIcon={Sparkles}
|
|
buttons={[
|
|
{ text: "Explore Courses", href: "#courses" },
|
|
{ text: "Schedule Demo", href: "#contact" }
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/young-girl-listening-educational-documentary-laptop-takes-notes_482257-126301.jpg"
|
|
imageAlt="Students learning technology"
|
|
imagePosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "Empowering the next generation of" },
|
|
{ type: "image", src: "https://img.b2bpic.net/free-photo/diverse-education-shoot_53876-47033.jpg", alt: "IT Academy" },
|
|
{ type: "text", content: "tech professionals worldwide" }
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{ text: "About Our Academy", href: "#courses" },
|
|
{ text: "Career Outcomes", href: "#testimonials" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="courses" data-section="courses">
|
|
<FeatureCardSeven
|
|
title="Core Programs"
|
|
description="Comprehensive courses covering all major technology domains with hands-on projects and real-world applications."
|
|
tag="Courses"
|
|
tagIcon={Code}
|
|
textboxLayout="default"
|
|
animationType="blur-reveal"
|
|
useInvertedBackground="invertDefault"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Web Development", description: "Master front-end and back-end development using modern frameworks like React, Node.js, and more. Build scalable web applications from concept to deployment.", imageSrc: "https://img.b2bpic.net/free-vector/flat-design-minimal-technology-landing-page_23-2149148966.jpg", imageAlt: "Web development course"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Data Science & Analytics", description: "Learn Python, machine learning, and data visualization to extract insights from complex datasets. Perfect for aspiring data engineers and AI specialists.", imageSrc: "https://img.b2bpic.net/free-vector/template-landing-page-with-laptop_23-2148336050.jpg", imageAlt: "Data science course"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Cybersecurity", description: "Understand network security, ethical hacking, and threat prevention. Prepare for industry certifications and secure critical systems.", imageSrc: "https://img.b2bpic.net/free-psd/landing-page-template-language-learning-with-line-shapes_23-2149522797.jpg", imageAlt: "Cybersecurity course"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
title="Our Impact"
|
|
description="Proven results that demonstrate our commitment to student success and industry relevance."
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "5000+", title: "Students Trained Since 2018", items: [
|
|
"90% job placement within 6 months", "Average salary increase of 45%", "Partnerships with 200+ tech companies"
|
|
]
|
|
},
|
|
{
|
|
id: "2", value: "25+", title: "Industry Expert Instructors", items: [
|
|
"20+ years average experience", "Active in latest tech trends", "Mentorship beyond classroom"
|
|
]
|
|
},
|
|
{
|
|
id: "3", value: "15", title: "Specialized Certifications", items: [
|
|
"AWS, Google Cloud, Azure certified", "Recognized by industry leaders", "Career advancement credentials"
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardTen
|
|
title="Meet Our Expert Instructors"
|
|
tag="Team"
|
|
members={[
|
|
{
|
|
id: "1", name: "Rajesh Kumar", imageSrc: "https://img.b2bpic.net/free-photo/close-up-young-business-person-doing-internship_23-2149305396.jpg", imageAlt: "Rajesh Kumar - Web Development Lead"
|
|
},
|
|
{
|
|
id: "2", name: "Priya Sharma", imageSrc: "https://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg", imageAlt: "Priya Sharma - Data Science Expert"
|
|
},
|
|
{
|
|
id: "3", name: "Arjun Patel", imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg", imageAlt: "Arjun Patel - Cybersecurity Specialist"
|
|
}
|
|
]}
|
|
memberVariant="default"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
cardTitle="Join thousands of successful graduates who've transformed their careers"
|
|
cardTag="Student Success Stories"
|
|
cardTagIcon={Award}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Amit Desai", imageSrc: "https://img.b2bpic.net/free-photo/vertical-portrait-young-successful-woman-employee-entrepreneur-office-hall-tutor-carry-laptop-notebooks-looking-away-with-satisfied-pleased-smile-like-her-job_197531-30584.jpg", imageAlt: "Amit Desai"
|
|
},
|
|
{
|
|
id: "2", name: "Neha Verma", imageSrc: "https://img.b2bpic.net/free-photo/closeup-photo-young-students-wearing-graduation-cap-holding-tea-cup_114579-92488.jpg", imageAlt: "Neha Verma"
|
|
},
|
|
{
|
|
id: "3", name: "Vikram Singh", imageSrc: "https://img.b2bpic.net/free-photo/young-woman-celebrating-her-graduation_23-2148505254.jpg", imageAlt: "Vikram Singh"
|
|
},
|
|
{
|
|
id: "4", name: "Anjali Gupta", imageSrc: "https://img.b2bpic.net/free-photo/close-up-girl-showing-two-books_1169-120.jpg", imageAlt: "Anjali Gupta"
|
|
}
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
sideTitle="Common Questions About Our Programs"
|
|
sideDescription="Find answers to questions about enrollment, course structure, career support, and more."
|
|
textPosition="left"
|
|
useInvertedBackground="invertDefault"
|
|
animationType="smooth"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What are the prerequisites for enrolling?", content: "Our courses are designed for beginners to intermediate learners. Basic computer knowledge is helpful but not required. We offer foundational modules to get everyone up to speed."
|
|
},
|
|
{
|
|
id: "2", title: "How long does each course take?", content: "Most programs range from 8-16 weeks depending on the course intensity. Students can study at their own pace with access to recordings and materials for 12 months."
|
|
},
|
|
{
|
|
id: "3", title: "Do you provide job placement assistance?", content: "Yes! We offer dedicated career services including resume coaching, interview preparation, and direct connections with 200+ hiring partner companies."
|
|
},
|
|
{
|
|
id: "4", title: "What is the refund policy?", content: "We offer a 7-day money-back guarantee if you're not satisfied. After that, we provide flexible payment plans and course completion guarantees."
|
|
},
|
|
{
|
|
id: "5", title: "Are certificates recognized by employers?", content: "Yes, our certifications are industry-recognized and aligned with global standards. Many graduates mention their certificates as key factors in getting hired."
|
|
},
|
|
{
|
|
id: "6", title: "Can I switch between courses?", content: "Absolutely! We allow students to pivot to different tracks within the first 2 weeks at no additional charge to ensure you find the right fit."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Newsletter"
|
|
title="Stay Updated With Latest Courses"
|
|
description="Subscribe to our newsletter for course launches, learning tips, industry insights, and exclusive early-bird discounts on new programs."
|
|
useInvertedBackground="noInvert"
|
|
imageSrc="https://img.b2bpic.net/free-photo/close-up-person-working-home-night_23-2149090964.jpg"
|
|
imageAlt="Newsletter signup"
|
|
mediaPosition="right"
|
|
tagIcon={Mail}
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Unsubscribe anytime with one click."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Programs", items: [
|
|
{ label: "Web Development", href: "courses" },
|
|
{ label: "Data Science", href: "courses" },
|
|
{ label: "Cybersecurity", href: "courses" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "about" },
|
|
{ label: "Team", href: "team" },
|
|
{ label: "Careers", href: "https://careers.techacademy.com" }
|
|
]
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{ label: "Blog", href: "https://blog.techacademy.com" },
|
|
{ label: "Documentation", href: "https://docs.techacademy.com" },
|
|
{ label: "Support", href: "contact" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 TechAcademy. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |