Merge version_1_1776778216503 into main #3
302
src/App.tsx
302
src/App.tsx
@@ -8,174 +8,166 @@ import HeroBrandCarousel from '@/components/sections/hero/HeroBrandCarousel';
|
||||
import MetricsMinimalCards from '@/components/sections/metrics/MetricsMinimalCards';
|
||||
import NavbarCentered from '@/components/ui/NavbarCentered';
|
||||
import TestimonialMetricsCards from '@/components/sections/testimonial/TestimonialMetricsCards';
|
||||
import { Book, Code, Github, Users, Zap } from "lucide-react";
|
||||
|
||||
export default function App() {
|
||||
return (
|
||||
<>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarCentered
|
||||
logo="IT Academy"
|
||||
navItems={[
|
||||
{
|
||||
name: "About", href: "#about"},
|
||||
{
|
||||
name: "Features", href: "#features"},
|
||||
{
|
||||
name: "Courses", href: "#features"},
|
||||
{
|
||||
name: "Blog", href: "#blog"},
|
||||
]}
|
||||
ctaButton={{
|
||||
text: "Apply Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarCentered
|
||||
logo="IT Academy"
|
||||
navItems={[
|
||||
{ name: "About", href: "#about" },
|
||||
{ name: "Features", href: "#features" },
|
||||
{ name: "Blog", href: "#blog" },
|
||||
{ name: "Contact", href: "#contact" }
|
||||
]}
|
||||
ctaButton={{ text: "Apply Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBrandCarousel
|
||||
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"}}
|
||||
secondaryButton={{
|
||||
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" },
|
||||
{ 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>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBrandCarousel
|
||||
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" }}
|
||||
secondaryButton={{ 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" },
|
||||
{ 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>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutFeaturesSplit
|
||||
tag="Our Philosophy"
|
||||
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." },
|
||||
]}
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutFeaturesSplit
|
||||
tag="Our Philosophy"
|
||||
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." }
|
||||
]}
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeaturesBento
|
||||
tag="Our Curriculum"
|
||||
title="Master In-Demand Tech Skills"
|
||||
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"
|
||||
},
|
||||
{
|
||||
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" },
|
||||
],
|
||||
completedLabel: "Hired!"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeaturesBento
|
||||
tag="Our Curriculum"
|
||||
title="Master In-Demand Tech Skills"
|
||||
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"
|
||||
},
|
||||
{
|
||||
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" }
|
||||
],
|
||||
completedLabel: "Hired!"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricsMinimalCards
|
||||
tag="Our Impact"
|
||||
title="Success by the Numbers"
|
||||
metrics={[
|
||||
{ value: "94%", description: "Placement Rate" },
|
||||
{ value: "15k+", description: "Active Students" },
|
||||
{ value: "500+", description: "Hiring Partners" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricsMinimalCards
|
||||
tag="Our Impact"
|
||||
title="Success by the Numbers"
|
||||
metrics={[
|
||||
{ value: "94%", description: "Placement Rate" },
|
||||
{ value: "15k+", description: "Active Students" },
|
||||
{ value: "500+", description: "Hiring Partners" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialMetricsCards
|
||||
tag="Student Stories"
|
||||
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" },
|
||||
]}
|
||||
metrics={[
|
||||
{ value: "4.9/5", label: "Avg Rating" },
|
||||
{ value: "100%", label: "Satisfaction" },
|
||||
{ value: "12+", label: "Programs" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialMetricsCards
|
||||
tag="Student Stories"
|
||||
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" }
|
||||
]}
|
||||
metrics={[
|
||||
{ value: "4.9/5", label: "Avg Rating" },
|
||||
{ value: "100%", label: "Satisfaction" },
|
||||
{ value: "12+", label: "Programs" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<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." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<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." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<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" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="blog" data-section="blog">
|
||||
<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" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitEmail
|
||||
tag="Join Us"
|
||||
title="Ready to Launch Your IT Career?"
|
||||
description="Sign up for our newsletter or contact our admissions team directly."
|
||||
inputPlaceholder="Enter your professional email"
|
||||
buttonText="Get Started"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/close-up-of-student-hands-on-a-laptop-ke-1776778430044-e6c23509.png"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitEmail
|
||||
tag="Join Us"
|
||||
title="Ready to Launch Your IT Career?"
|
||||
description="Sign up for our newsletter or contact our admissions team directly."
|
||||
inputPlaceholder="Enter your professional email"
|
||||
buttonText="Get Started"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/close-up-of-student-hands-on-a-laptop-ke-1776778430044-e6c23509.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimpleMedia
|
||||
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" }] },
|
||||
]}
|
||||
copyright="© 2023 IT Academy. All rights reserved."
|
||||
links={[
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimpleMedia
|
||||
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" }] }
|
||||
]}
|
||||
copyright="© 2023 IT Academy. All rights reserved."
|
||||
links={[
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user