268 lines
8.7 KiB
TypeScript
268 lines
8.7 KiB
TypeScript
import AboutTextSplit from '@/components/sections/about/AboutTextSplit';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqSimple from '@/components/sections/faq/FaqSimple';
|
|
import FooterSimpleReveal from '@/components/sections/footer/FooterSimpleReveal';
|
|
import HeroBillboardBrand from '@/components/sections/hero/HeroBillboardBrand';
|
|
import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
|
|
import NavbarCentered from '@/components/ui/NavbarCentered';
|
|
import ProductQuantityCards from '@/components/sections/product/ProductQuantityCards';
|
|
import TestimonialAvatarCard from '@/components/sections/testimonial/TestimonialAvatarCard';
|
|
|
|
export default function App() {
|
|
return (
|
|
<>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarCentered
|
|
logo="IT Academy"
|
|
navItems={[
|
|
{
|
|
name: "About",
|
|
href: "#about",
|
|
},
|
|
{
|
|
name: "Courses",
|
|
href: "#courses",
|
|
},
|
|
{
|
|
name: "Testimonials",
|
|
href: "#testimonials",
|
|
},
|
|
{
|
|
name: "FAQ",
|
|
href: "#faq",
|
|
},
|
|
]}
|
|
ctaButton={{
|
|
text: "Enroll Now",
|
|
href: "#contact",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<main className="pt-[var(--navbar-height)]">
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardBrand
|
|
brand="Empowering Future Tech Leaders"
|
|
description="Master cutting-edge technologies with our industry-led, hands-on certification programs designed to launch your career in IT."
|
|
primaryButton={{
|
|
text: "Explore Courses",
|
|
href: "#courses",
|
|
}}
|
|
secondaryButton={{
|
|
text: "Speak to Advisor",
|
|
href: "#contact",
|
|
}}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-futuristic-it-training-workspace-showi-1776761423173-a0adbaa7.png"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutTextSplit
|
|
title="Why IT Academy?"
|
|
descriptions={[
|
|
"We offer intensive, mentor-led programs that bridge the gap between academic theory and real-world software engineering.",
|
|
"Our curriculum is updated monthly by industry experts to match current market demands, ensuring you learn the tools that matter most.",
|
|
"With over 10,000 successful graduates placed in major tech firms, we provide the network and expertise to accelerate your career growth.",
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="courses" data-section="courses">
|
|
<ProductQuantityCards
|
|
tag="Learning Paths"
|
|
title="Career-Ready Courses"
|
|
description="Choose from our specialized tracks tailored for specific tech careers."
|
|
products={[
|
|
{
|
|
name: "UI/UX Design",
|
|
price: "$899",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/ui-design-course-card-illustration-1776761431885-9ccbc3ca.png",
|
|
},
|
|
{
|
|
name: "Data Analytics",
|
|
price: "$999",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/data-science-and-analytics-course-card-i-1776761441662-f39cabe3.png",
|
|
},
|
|
{
|
|
name: "Cybersecurity",
|
|
price: "$1299",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/cybersecurity-and-network-defense-course-1776761452935-f4c0b15d.png",
|
|
},
|
|
{
|
|
name: "Cloud Engineering",
|
|
price: "$1199",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/cloud-computing-course-card-illustration-1776761461304-b181313f.png",
|
|
},
|
|
{
|
|
name: "Full Stack Dev",
|
|
price: "$1499",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/full-stack-development-course-card-illus-1776761471602-b72258ef.png",
|
|
},
|
|
{
|
|
name: "AI Foundations",
|
|
price: "$1599",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/artificial-intelligence-course-card-illu-1776761486316-a0f59556.png",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricsFeatureCards
|
|
tag="Our Impact"
|
|
title="Proven Success Records"
|
|
description="The numbers behind our students' success."
|
|
metrics={[
|
|
{
|
|
value: "12k+",
|
|
title: "Graduates",
|
|
features: [
|
|
"Placed in Top Tech Firms",
|
|
"Career Transition Support",
|
|
"Industry Networking Access",
|
|
],
|
|
},
|
|
{
|
|
value: "98%",
|
|
title: "Hire Rate",
|
|
features: [
|
|
"First Job Within 6 Mo",
|
|
"Salary Growth Average 40%",
|
|
"Full Hiring Assistance",
|
|
],
|
|
},
|
|
{
|
|
value: "200+",
|
|
title: "Mentors",
|
|
features: [
|
|
"Fortune 500 Engineers",
|
|
"Experienced Tech Leaders",
|
|
"1-on-1 Code Review",
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialAvatarCard
|
|
tag="Student Reviews"
|
|
title="Trusted by Thousands"
|
|
avatars={[
|
|
{
|
|
name: "Alex R.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/professional-headshot-of-a-happy-student-1776761495937-51b97f5d.png",
|
|
},
|
|
{
|
|
name: "Sarah K.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/professional-headshot-of-a-female-it-stu-1776761503836-221ad950.png",
|
|
},
|
|
{
|
|
name: "Michael B.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/professional-headshot-of-a-male-it-gradu-1776761512112-893dce53.png",
|
|
},
|
|
{
|
|
name: "Jason P.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/portrait-of-a-confident-software-enginee-1776761524788-ce486673.png",
|
|
},
|
|
{
|
|
name: "Emily D.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/portrait-of-a-focused-data-analyst-stude-1776761535354-3b2cae24.png",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSimple
|
|
tag="Support"
|
|
title="Frequently Asked Questions"
|
|
description="Get quick answers to common questions about our academy."
|
|
items={[
|
|
{
|
|
question: "Can I switch courses after enrolling?",
|
|
answer: "Yes, within the first 14 days of enrollment.",
|
|
},
|
|
{
|
|
question: "Are your certifications industry-recognized?",
|
|
answer: "Absolutely. Our curriculum is mapped to top certifications like AWS, CompTIA, and Google IT.",
|
|
},
|
|
{
|
|
question: "Is the course fully remote?",
|
|
answer: "We offer both flexible online learning and hybrid classroom models.",
|
|
},
|
|
{
|
|
question: "Do you offer job assistance?",
|
|
answer: "Our career services department provides resume reviews, mock interviews, and direct introductions to our corporate partners.",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Enrollment"
|
|
title="Ready to Launch Your Career?"
|
|
description="Sign up for a free consultation with our senior advisors today."
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Get Started"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimpleReveal
|
|
brand="IT Academy"
|
|
columns={[
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{
|
|
label: "About",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Careers",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Privacy",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Resources",
|
|
items: [
|
|
{
|
|
label: "Blog",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Help Center",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Events",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyright="© 2024 IT Academy. All rights reserved."
|
|
links={[
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Terms of Service",
|
|
href: "#",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</main>
|
|
</>
|
|
);
|
|
}
|