Initial commit
This commit is contained in:
253
src/app/page.tsx
Normal file
253
src/app/page.tsx
Normal file
@@ -0,0 +1,253 @@
|
||||
"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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user