Merge version_1_1776778216503 into main #2
285
src/App.tsx
285
src/App.tsx
@@ -18,26 +18,16 @@ export default function App() {
|
||||
logo="IT Academy"
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
href: "#about",
|
||||
},
|
||||
name: "About", href: "#about"},
|
||||
{
|
||||
name: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
name: "Features", href: "#features"},
|
||||
{
|
||||
name: "Courses",
|
||||
href: "#courses",
|
||||
},
|
||||
name: "Courses", href: "#features"},
|
||||
{
|
||||
name: "Blog",
|
||||
href: "#blog",
|
||||
},
|
||||
name: "Blog", href: "#blog"},
|
||||
]}
|
||||
ctaButton={{
|
||||
text: "Apply Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Apply Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -46,32 +36,16 @@ export default function App() {
|
||||
brand="Premier IT Academy"
|
||||
description="Accelerate your career in software engineering, data science, and cybersecurity with industry-leading mentors and project-based learning."
|
||||
primaryButton={{
|
||||
text: "Explore Courses",
|
||||
href: "#features",
|
||||
}}
|
||||
text: "Explore Courses", href: "#features"}}
|
||||
secondaryButton={{
|
||||
text: "Contact Admissions",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Contact Admissions", href: "#contact"}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/professional-it-academy-hero-background--1776778242634-d2dcbe65.png?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/software-engineering-collaborative-team--1776778251676-5f41a959.png?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/futuristic-ai-and-machine-learning-visua-1776778258579-1d7d25db.png?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/cybersecurity-data-stream-visualization--1776778271014-ee38a587.png",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/cloud-computing-infrastructure-visualiza-1776778279591-ed3a597c.png",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/modern-digital-interface-design-with-dat-1776778289452-5b65e90d.png",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/professional-it-academy-hero-background--1776778242634-d2dcbe65.png" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/software-engineering-collaborative-team--1776778251676-5f41a959.png" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/futuristic-ai-and-machine-learning-visua-1776778258579-1d7d25db.png" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/cybersecurity-data-stream-visualization--1776778271014-ee38a587.png" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/cloud-computing-infrastructure-visualiza-1776778279591-ed3a597c.png" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/modern-digital-interface-design-with-dat-1776778289452-5b65e90d.png" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -82,21 +56,9 @@ export default function App() {
|
||||
title="Bridge the Gap to Tech Success"
|
||||
description="We don't just teach code; we build the future generation of developers. Our immersive curriculum is designed by industry experts to provide hands-on experience with modern tech stacks."
|
||||
items={[
|
||||
{
|
||||
icon: Code,
|
||||
title: "Real World Projects",
|
||||
description: "Work on actual production-level code repositories.",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Expert Mentorship",
|
||||
description: "1-on-1 guidance from top-tier software engineers.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Career Readiness",
|
||||
description: "CV workshops, interview prep, and networking events.",
|
||||
},
|
||||
{ icon: "Code", title: "Real World Projects", description: "Work on actual production-level code repositories." },
|
||||
{ icon: "Users", title: "Expert Mentorship", description: "1-on-1 guidance from top-tier software engineers." },
|
||||
{ icon: "Zap", title: "Career Readiness", description: "CV workshops, interview prep, and networking events." },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/close-up-of-student-hands-on-a-laptop-ke-1776778299932-51e3b9fc.png"
|
||||
/>
|
||||
@@ -109,54 +71,21 @@ export default function App() {
|
||||
description="From foundation to mastery, our paths ensure you are job-ready from day one."
|
||||
features={[
|
||||
{
|
||||
title: "Software Architecture",
|
||||
description: "Design scalable and robust systems.",
|
||||
bentoComponent: "animated-bar-chart",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/professional-it-academy-hero-background--1776778242634-d2dcbe65.png?_wi=2",
|
||||
imageAlt: "Professional IT academy hero background featuring high-tech abstract nodes and data lines in deep gr",
|
||||
title: "Software Architecture", description: "Design scalable and robust systems.", bentoComponent: "animated-bar-chart"
|
||||
},
|
||||
{
|
||||
title: "Development Velocity",
|
||||
description: "Tracking your growth over time.",
|
||||
bentoComponent: "info-card-marquee",
|
||||
items: [
|
||||
{
|
||||
icon: Github,
|
||||
label: "PRs Merged",
|
||||
value: "1.2k",
|
||||
},
|
||||
{
|
||||
icon: Book,
|
||||
label: "Modules",
|
||||
value: "45",
|
||||
},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/software-engineering-collaborative-team--1776778251676-5f41a959.png?_wi=2",
|
||||
imageAlt: "Professional IT academy hero background featuring high-tech abstract nodes and data lines in deep gr",
|
||||
title: "Development Velocity", description: "Tracking your growth over time.", bentoComponent: "info-card-marquee", items: [
|
||||
{ icon: "Github", label: "PRs Merged", value: "1.2k" },
|
||||
{ icon: "Book", label: "Modules", value: "45" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Career Support",
|
||||
description: "Stay on track for your dream job.",
|
||||
bentoComponent: "checklist-timeline",
|
||||
heading: "Milestones",
|
||||
subheading: "Complete each stage",
|
||||
items: [
|
||||
{
|
||||
label: "Portfolio Build",
|
||||
detail: "Final polish",
|
||||
},
|
||||
{
|
||||
label: "Mock Interview",
|
||||
detail: "Technical review",
|
||||
},
|
||||
{
|
||||
label: "Job Hunt",
|
||||
detail: "Apply & Network",
|
||||
},
|
||||
title: "Career Support", description: "Stay on track for your dream job.", bentoComponent: "checklist-timeline", heading: "Milestones", subheading: "Complete each stage", items: [
|
||||
{ label: "Portfolio Build", detail: "Final polish" },
|
||||
{ label: "Mock Interview", detail: "Technical review" },
|
||||
{ label: "Job Hunt", detail: "Apply & Network" },
|
||||
],
|
||||
completedLabel: "Hired!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/futuristic-ai-and-machine-learning-visua-1776778258579-1d7d25db.png?_wi=2",
|
||||
imageAlt: "Professional IT academy hero background featuring high-tech abstract nodes and data lines in deep gr",
|
||||
completedLabel: "Hired!"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -167,18 +96,9 @@ export default function App() {
|
||||
tag="Our Impact"
|
||||
title="Success by the Numbers"
|
||||
metrics={[
|
||||
{
|
||||
value: "94%",
|
||||
description: "Placement Rate",
|
||||
},
|
||||
{
|
||||
value: "15k+",
|
||||
description: "Active Students",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
description: "Hiring Partners",
|
||||
},
|
||||
{ value: "94%", description: "Placement Rate" },
|
||||
{ value: "15k+", description: "Active Students" },
|
||||
{ value: "500+", description: "Hiring Partners" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -189,55 +109,16 @@ export default function App() {
|
||||
title="Transforming Careers Globally"
|
||||
description="Join our community of successful graduates working at world-class tech firms."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Rivet",
|
||||
role: "Full Stack Dev",
|
||||
company: "Tech giants",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/diverse-professional-student-portrait-1776778308009-7bf22fac.png",
|
||||
},
|
||||
{
|
||||
name: "Sarah Chen",
|
||||
role: "Data Analyst",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/diverse-professional-student-portrait-1776778317389-bae10021.png",
|
||||
},
|
||||
{
|
||||
name: "Marcus Thorne",
|
||||
role: "Security Engineer",
|
||||
company: "ShieldCorp",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/diverse-professional-student-portrait-1776778329641-3056af45.png",
|
||||
},
|
||||
{
|
||||
name: "Elena Rossi",
|
||||
role: "AI Specialist",
|
||||
company: "NeuralLink",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/diverse-professional-student-portrait-1776778337660-7300a0fb.png",
|
||||
},
|
||||
{
|
||||
name: "James Bond",
|
||||
role: "DevOps",
|
||||
company: "SkyNet",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/diverse-professional-student-portrait-1776778348408-5c1f7812.png",
|
||||
},
|
||||
{ name: "Alex Rivet", role: "Full Stack Dev", company: "Tech giants", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/diverse-professional-student-portrait-1776778308009-7bf22fac.png" },
|
||||
{ name: "Sarah Chen", role: "Data Analyst", company: "GrowthCo", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/diverse-professional-student-portrait-1776778317389-bae10021.png" },
|
||||
{ name: "Marcus Thorne", role: "Security Engineer", company: "ShieldCorp", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/diverse-professional-student-portrait-1776778329641-3056af45.png" },
|
||||
{ name: "Elena Rossi", role: "AI Specialist", company: "NeuralLink", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/diverse-professional-student-portrait-1776778337660-7300a0fb.png" },
|
||||
{ name: "James Bond", role: "DevOps", company: "SkyNet", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/diverse-professional-student-portrait-1776778348408-5c1f7812.png" },
|
||||
]}
|
||||
metrics={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfaction",
|
||||
},
|
||||
{
|
||||
value: "12+",
|
||||
label: "Programs",
|
||||
},
|
||||
{ value: "4.9/5", label: "Avg Rating" },
|
||||
{ value: "100%", label: "Satisfaction" },
|
||||
{ value: "12+", label: "Programs" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -246,23 +127,12 @@ export default function App() {
|
||||
<FaqTwoColumn
|
||||
tag="Got Questions?"
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about our academy and admission process."
|
||||
items={[
|
||||
{
|
||||
question: "What is the duration?",
|
||||
answer: "Most intensive courses are 6 months long.",
|
||||
},
|
||||
{
|
||||
question: "Are there scholarships?",
|
||||
answer: "Yes, we offer need-based and merit-based grants.",
|
||||
},
|
||||
{
|
||||
question: "Do I need experience?",
|
||||
answer: "Our foundation courses are beginner-friendly.",
|
||||
},
|
||||
{
|
||||
question: "Is it online or in-person?",
|
||||
answer: "We offer hybrid, remote, and campus options.",
|
||||
},
|
||||
{ question: "What is the duration?", answer: "Most intensive courses are 6 months long." },
|
||||
{ question: "Are there scholarships?", answer: "Yes, we offer need-based and merit-based grants." },
|
||||
{ question: "Do I need experience?", answer: "Our foundation courses are beginner-friendly." },
|
||||
{ question: "Is it online or in-person?", answer: "We offer hybrid, remote, and campus options." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -271,34 +141,11 @@ export default function App() {
|
||||
<BlogMediaCards
|
||||
tag="Latest Insights"
|
||||
title="From Our Tech Blog"
|
||||
description="Stay updated with the latest trends and career advice."
|
||||
items={[
|
||||
{
|
||||
category: "Tech News",
|
||||
title: "The Future of Web Dev",
|
||||
excerpt: "How AI is changing web frameworks.",
|
||||
authorName: "Jane Doe",
|
||||
authorImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/diverse-professional-student-portrait-1776778398762-00390a67.png",
|
||||
date: "Oct 12, 2023",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/tech-writing-workspace-with-coffee-and-l-1776778358270-717ee202.png",
|
||||
},
|
||||
{
|
||||
category: "Career",
|
||||
title: "Ace Your Tech Interview",
|
||||
excerpt: "Tips to land the job you want.",
|
||||
authorName: "John Smith",
|
||||
authorImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/diverse-professional-student-portrait-1776778407892-727a3b17.png",
|
||||
date: "Oct 10, 2023",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/abstract-technology-concept-imagery-1776778367768-a13b8612.png",
|
||||
},
|
||||
{
|
||||
category: "Education",
|
||||
title: "Why You Need a Portfolio",
|
||||
excerpt: "Building projects that stand out.",
|
||||
authorName: "Alan Turing",
|
||||
authorImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/diverse-professional-student-portrait-1776778420134-78a1c829.png",
|
||||
date: "Oct 05, 2023",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/modern-tech-seminar-meeting-1776778379007-ee62607f.png",
|
||||
},
|
||||
{ category: "Tech News", title: "The Future of Web Dev", excerpt: "How AI is changing web frameworks.", authorName: "Jane Doe", authorImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/diverse-professional-student-portrait-1776778398762-00390a67.png", date: "Oct 12, 2023", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/tech-writing-workspace-with-coffee-and-l-1776778358270-717ee202.png" },
|
||||
{ category: "Career", title: "Ace Your Tech Interview", excerpt: "Tips to land the job you want.", authorName: "John Smith", authorImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/diverse-professional-student-portrait-1776778407892-727a3b17.png", date: "Oct 10, 2023", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/abstract-technology-concept-imagery-1776778367768-a13b8612.png" },
|
||||
{ category: "Education", title: "Why You Need a Portfolio", excerpt: "Building projects that stand out.", authorName: "Alan Turing", authorImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/diverse-professional-student-portrait-1776778420134-78a1c829.png", date: "Oct 05, 2023", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/modern-tech-seminar-meeting-1776778379007-ee62607f.png" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -319,46 +166,16 @@ export default function App() {
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/minimalist-server-room-background-with-s-1776778388302-338dc9cf.png"
|
||||
brand="IT Academy"
|
||||
columns={[
|
||||
{
|
||||
title: "Academy",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Courses",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#blog",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Academy", items: [{ label: "About", href: "#about" }, { label: "Courses", href: "#features" }] },
|
||||
{ title: "Connect", items: [{ label: "Blog", href: "#blog" }, { label: "Support", href: "#contact" }] },
|
||||
]}
|
||||
copyright="© 2023 IT Academy. All rights reserved."
|
||||
links={[
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user