Merge version_1 into main #1
165
src/App.tsx
165
src/App.tsx
@@ -3,111 +3,80 @@ import FeaturesMediaCarousel from '@/components/sections/features/FeaturesMediaC
|
||||
import FeaturesTaggedCards from '@/components/sections/features/FeaturesTaggedCards';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import NavbarCentered from '@/components/ui/NavbarCentered';
|
||||
import { Zap, Shield, Database } from 'lucide-react';
|
||||
|
||||
export default function App() {
|
||||
return (
|
||||
<>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarCentered
|
||||
logo="IT Academy"
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Courses",
|
||||
id: "courses",
|
||||
},
|
||||
]}
|
||||
ctaButton={{
|
||||
text: "Apply Now",
|
||||
href: "#apply",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarCentered
|
||||
logo="IT Academy"
|
||||
navItems={[
|
||||
{
|
||||
name: "About", href: "#about"},
|
||||
{
|
||||
name: "Courses", href: "#courses"},
|
||||
]}
|
||||
ctaButton={{
|
||||
text: "Apply Now", href: "#apply"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
tag="Elevate Your Career"
|
||||
title="Master the Future of Technology"
|
||||
description="Join the premier IT Academy and gain industry-leading skills in software development, cybersecurity, and data science. Your future begins here."
|
||||
primaryButton={{
|
||||
text: "View Courses",
|
||||
href: "#courses",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Contact Admissions",
|
||||
href: "#contact",
|
||||
}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-futuristic-it-training-hub-interior-wi-1775824723350-d2e39678.png"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
tag="Elevate Your Career"
|
||||
title="Master the Future of Technology"
|
||||
description="Join the premier IT Academy and gain industry-leading skills in software development, cybersecurity, and data science. Your future begins here."
|
||||
primaryButton={{
|
||||
text: "View Courses", href: "#courses"}}
|
||||
secondaryButton={{
|
||||
text: "Contact Admissions", href: "#contact"}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-futuristic-it-training-hub-interior-wi-1775824723350-d2e39678.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutTextSplit
|
||||
title="Why Choose Our Academy?"
|
||||
descriptions={[
|
||||
"We bridge the gap between theoretical knowledge and practical industry application with hands-on labs and mentor-led projects.",
|
||||
"Our curriculum is designed by global tech experts to ensure you stay ahead of the curve in an rapidly evolving digital marketplace.",
|
||||
"Join a vibrant community of over 5,000 graduates working in leading tech companies around the world.",
|
||||
]}
|
||||
primaryButton={{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutTextSplit
|
||||
title="Why Choose Our Academy?"
|
||||
descriptions={[
|
||||
"We bridge the gap between theoretical knowledge and practical industry application with hands-on labs and mentor-led projects.", "Our curriculum is designed by global tech experts to ensure you stay ahead of the curve in an rapidly evolving digital marketplace.", "Join a vibrant community of over 5,000 graduates working in leading tech companies around the world."]}
|
||||
primaryButton={{
|
||||
text: "Learn More", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="courses" data-section="courses">
|
||||
<FeaturesMediaCarousel
|
||||
tag="Program Highlights"
|
||||
title="Our Premier Bootcamps"
|
||||
description="Intensive, career-focused training programs built for modern professionals."
|
||||
items={[
|
||||
{
|
||||
title: "Full-Stack Development",
|
||||
description: "Master React, Node.js, and cloud deployment in our immersive 12-week program.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-high-quality-3d-representation-of-web--1775824736289-6e967421.png",
|
||||
},
|
||||
{
|
||||
title: "Cybersecurity Expert",
|
||||
description: "Learn ethical hacking, network defense, and advanced security protocols.",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/advanced-cybersecurity-digital-security--1775824748790-1d43d476.png",
|
||||
},
|
||||
{
|
||||
title: "Data Science Master",
|
||||
description: "Deep dive into Python, ML algorithms, and real-world predictive modeling.",
|
||||
buttonIcon: "Database",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/data-analytics-neural-network-visualizat-1775824758219-5ef76914.png",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="courses" data-section="courses">
|
||||
<FeaturesMediaCarousel
|
||||
tag="Program Highlights"
|
||||
title="Our Premier Bootcamps"
|
||||
description="Intensive, career-focused training programs built for modern professionals."
|
||||
items={[
|
||||
{
|
||||
title: "Full-Stack Development", description: "Master React, Node.js, and cloud deployment in our immersive 12-week program.", buttonIcon: Zap,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-high-quality-3d-representation-of-web--1775824736289-6e967421.png"},
|
||||
{
|
||||
title: "Cybersecurity Expert", description: "Learn ethical hacking, network defense, and advanced security protocols.", buttonIcon: Shield,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/advanced-cybersecurity-digital-security--1775824748790-1d43d476.png"},
|
||||
{
|
||||
title: "Data Science Master", description: "Deep dive into Python, ML algorithms, and real-world predictive modeling.", buttonIcon: Database,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/data-analytics-neural-network-visualizat-1775824758219-5ef76914.png"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeaturesTaggedCards
|
||||
tag="Specializations"
|
||||
title="Advanced Technology Tracks"
|
||||
description="Take your expertise to the next level with our specialized advanced certification paths."
|
||||
items={[
|
||||
{
|
||||
tag: "Cloud",
|
||||
title: "AWS Solutions Architect",
|
||||
description: "Design and manage scalable, secure, and cost-effective cloud infrastructures.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/cloud-computing-network-architecture-abs-1775824786842-e22987b1.png",
|
||||
},
|
||||
{
|
||||
tag: "AI",
|
||||
title: "Generative AI Engineering",
|
||||
description: "Learn to integrate LLMs and build intelligent, conversational applications.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/artificial-intelligence-brain-neural-net-1775824795993-74a07399.png",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeaturesTaggedCards
|
||||
tag="Specializations"
|
||||
title="Advanced Technology Tracks"
|
||||
description="Take your expertise to the next level with our specialized advanced certification paths."
|
||||
items={[
|
||||
{
|
||||
tag: "Cloud", title: "AWS Solutions Architect", description: "Design and manage scalable, secure, and cost-effective cloud infrastructures.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/cloud-computing-network-architecture-abs-1775824786842-e22987b1.png"},
|
||||
{
|
||||
tag: "AI", title: "Generative AI Engineering", description: "Learn to integrate LLMs and build intelligent, conversational applications.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/artificial-intelligence-brain-neural-net-1775824795993-74a07399.png"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user