305 lines
12 KiB
TypeScript
305 lines
12 KiB
TypeScript
import AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
|
|
import FeaturesDetailedCards from '@/components/sections/features/FeaturesDetailedCards';
|
|
import FooterBrandReveal from '@/components/sections/footer/FooterBrandReveal';
|
|
import HeroCenteredLogos from '@/components/sections/hero/HeroCenteredLogos';
|
|
import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
|
|
import NavbarCentered from '@/components/ui/NavbarCentered';
|
|
import TeamGlassCards from '@/components/sections/team/TeamGlassCards';
|
|
import TestimonialSplitCards from '@/components/sections/testimonial/TestimonialSplitCards';
|
|
|
|
export default function App() {
|
|
return (
|
|
<>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarCentered
|
|
logo="IT Academy"
|
|
navItems={[
|
|
{
|
|
name: "Features",
|
|
href: "#features",
|
|
},
|
|
{
|
|
name: "About",
|
|
href: "#about",
|
|
},
|
|
{
|
|
name: "Courses",
|
|
href: "#courses",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
ctaButton={{
|
|
text: "Apply Now",
|
|
href: "#contact",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCenteredLogos
|
|
tag="Next-Gen Tech Education"
|
|
title="Master Your Future in Tech"
|
|
description="Comprehensive IT training programs designed to bridge the gap between classroom theory and industry-grade application."
|
|
primaryButton={{
|
|
text: "Explore Programs",
|
|
href: "#courses",
|
|
}}
|
|
secondaryButton={{
|
|
text: "Contact Us",
|
|
href: "#contact",
|
|
}}
|
|
logos={[
|
|
"TechGiant",
|
|
"CloudInc",
|
|
"DataFlow",
|
|
"CyberShield",
|
|
"DevSolutions",
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeaturesDetailedCards
|
|
tag="Why Choose Us"
|
|
title="Built for Future Careers"
|
|
description="Our curriculum is developed by senior industry engineers to ensure you learn relevant, modern skills."
|
|
items={[
|
|
{
|
|
title: "Cloud Architecture",
|
|
description: "Deploy scalable applications on modern infrastructure.",
|
|
tags: [
|
|
"AWS",
|
|
"Terraform",
|
|
"Kubernetes",
|
|
],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/graphic-icon-representation-of-cloud-arc-1776778147757-845e2b8c.png",
|
|
},
|
|
{
|
|
title: "Advanced Cybersecurity",
|
|
description: "Protect complex digital ecosystems against modern threats.",
|
|
tags: [
|
|
"OSCP",
|
|
"Ethical Hacking",
|
|
"Networks",
|
|
],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/graphic-icon-representation-of-cybersecu-1776778157808-e1413807.png",
|
|
},
|
|
{
|
|
title: "Data Science & AI",
|
|
description: "Master machine learning models and predictive analytics.",
|
|
tags: [
|
|
"Python",
|
|
"TensorFlow",
|
|
"Pandas",
|
|
],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/graphic-icon-representation-of-data-anal-1776778168746-d90b9dfe.png",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMediaOverlay
|
|
tag="Our Academy"
|
|
title="Transforming Career Paths"
|
|
description="We believe that accessible, high-quality technical education is the key to closing the global digital talent gap. Join our thousands of graduates now working at top tech firms."
|
|
primaryButton={{
|
|
text: "Our Mission",
|
|
href: "#",
|
|
}}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-mentor-guiding-a-student-on-a-complex--1776778138644-17509ea1.png"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricsMediaCards
|
|
tag="Our Impact"
|
|
title="Excellence in Education"
|
|
description="Evidence-based results from our recent alumni cohorts."
|
|
metrics={[
|
|
{
|
|
value: "98%",
|
|
title: "Job Placement Rate",
|
|
description: "Graduates placed within 3 months of completion.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/close-up-of-developer-working-on-code-1776778177154-269bf26d.png",
|
|
},
|
|
{
|
|
value: "200+",
|
|
title: "Industry Partners",
|
|
description: "Direct recruitment pipelines into top-tier firms.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/close-up-of-developer-working-on-code-1776778268377-68889761.png",
|
|
},
|
|
{
|
|
value: "4.9/5",
|
|
title: "Student Satisfaction",
|
|
description: "Validated by independent training reviews.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/close-up-of-developer-working-on-code-1776778278514-4697be5c.png",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamGlassCards
|
|
tag="Our Mentors"
|
|
title="Learn from the Best"
|
|
description="Our instructors are active practitioners from major tech companies globally."
|
|
members={[
|
|
{
|
|
name: "Alex Rivier",
|
|
role: "Senior Cloud Engineer",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/portrait-of-a-diverse-tech-mentor-lookin-1776778186752-502fc3f0.png",
|
|
},
|
|
{
|
|
name: "Sarah Chen",
|
|
role: "Data Science Lead",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/portrait-of-a-diverse-tech-mentor-lookin-1776778196734-2b4523e1.png",
|
|
},
|
|
{
|
|
name: "Marcus Thorne",
|
|
role: "Security Architect",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/portrait-of-a-diverse-tech-mentor-lookin-1776778212806-8dcb3c7b.png",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialSplitCards
|
|
tag="Alumni Success"
|
|
title="From Students to Engineers"
|
|
description="Hear directly from those who transformed their careers through our program."
|
|
testimonials={[
|
|
{
|
|
tag: "Career Pivot",
|
|
title: "Incredible change",
|
|
quote: "The curriculum is industry-led and extremely hands-on. I landed a dev role within two months.",
|
|
name: "Jane Doe",
|
|
date: "Jan 2024",
|
|
avatarImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/smiling-student-with-laptop-1776778222569-0dc42ad3.png",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/smiling-student-with-laptop-1776778291248-4d7bc9cc.png",
|
|
},
|
|
{
|
|
tag: "Software Engineering",
|
|
title: "Life-changing",
|
|
quote: "Beyond theory, the program taught me how to solve real engineering problems daily.",
|
|
name: "John Smith",
|
|
date: "Feb 2024",
|
|
avatarImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/smiling-student-with-laptop-1776778231143-03899784.png",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/smiling-student-with-laptop-1776778301611-610dae33.png",
|
|
},
|
|
{
|
|
tag: "Cybersecurity",
|
|
title: "Highly relevant",
|
|
quote: "The labs and simulated environment were world-class and perfectly prepared me for interviews.",
|
|
name: "Emily White",
|
|
date: "Mar 2024",
|
|
avatarImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/smiling-student-with-laptop-1776778241696-44b7f14b.png",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/smiling-student-with-laptop-1776778314154-32b7683c.png",
|
|
},
|
|
{
|
|
tag: "Data Science",
|
|
title: "Solid foundation",
|
|
quote: "Fantastic guidance and amazing career support after the program ended.",
|
|
name: "Chris P.",
|
|
date: "Apr 2024",
|
|
avatarImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/smiling-student-with-laptop-1776778251344-a9361b93.png",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/smiling-student-with-laptop-1776778323412-812a0f1b.png",
|
|
},
|
|
{
|
|
tag: "Product Support",
|
|
title: "Great value",
|
|
quote: "The networking opportunities alone were worth the admission fee.",
|
|
name: "Alex R.",
|
|
date: "May 2024",
|
|
avatarImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/smiling-student-with-laptop-1776778260856-24dae71e.png",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/smiling-student-with-laptop-1776778332897-855e4086.png",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqTwoColumn
|
|
tag="Common Questions"
|
|
title="Everything You Need to Know"
|
|
description="We have compiled answers to common questions about our admission process and curriculum."
|
|
items={[
|
|
{
|
|
question: "What is the course duration?",
|
|
answer: "Most full-time intensive programs run for 16 weeks, while part-time tracks take 32 weeks.",
|
|
},
|
|
{
|
|
question: "Do I need experience?",
|
|
answer: "Our foundation tracks are designed for beginners, while advanced tracks require baseline proficiency.",
|
|
},
|
|
{
|
|
question: "Is there financial aid?",
|
|
answer: "Yes, we partner with multiple credit and financing providers to offer flexible payment plans.",
|
|
},
|
|
{
|
|
question: "Can I work while studying?",
|
|
answer: "Our part-time cohort is specifically designed for students managing current job commitments.",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Apply Today"
|
|
title="Start Your Tech Journey"
|
|
description="Enter your email to receive our course syllabus and enrollment information."
|
|
inputPlaceholder="Enter your professional email"
|
|
buttonText="Join Academy"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBrandReveal
|
|
brand="IT ACADEMY"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Courses",
|
|
href: "#courses",
|
|
},
|
|
{
|
|
label: "Careers",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Terms of Service",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Support",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|