Merge version_1 into main #2
233
src/app/page.tsx
233
src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Courses",
|
||||
id: "features",
|
||||
},
|
||||
name: "Courses", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="IT Academy"
|
||||
/>
|
||||
@@ -57,21 +47,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
logoText="IT Academy Excellence"
|
||||
description="Empowering the next generation of software engineers and IT professionals with industry-leading curriculum and hands-on experience."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Courses",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Explore Courses", href: "#features"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-futuristic-digital-landscape-with-abst-1775485956175-39bd0205.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-futuristic-digital-landscape-with-abst-1775485956175-39bd0205.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -81,9 +66,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Us"
|
||||
description={[
|
||||
"Our academy provides state-of-the-art training tailored to the evolving needs of the global tech market.",
|
||||
"We bridge the gap between academic theory and real-world implementation through project-based learning.",
|
||||
]}
|
||||
"Our academy provides state-of-the-art training tailored to the evolving needs of the global tech market.", "We bridge the gap between academic theory and real-world implementation through project-based learning."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -94,46 +77,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Web Development",
|
||||
description: "Master frontend and backend systems with full-stack development training.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-close-up-of-a-developer-working-on-cod-1775485956716-e9b072e2.png?_wi=1",
|
||||
imageAlt: "Code",
|
||||
},
|
||||
title: "Web Development", description: "Master frontend and backend systems with full-stack development training.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-close-up-of-a-developer-working-on-cod-1775485956716-e9b072e2.png", imageAlt: "Code"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-close-up-of-a-developer-working-on-cod-1775485956716-e9b072e2.png?_wi=2",
|
||||
imageAlt: "Code",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-futuristic-digital-landscape-with-abst-1775485956175-39bd0205.png?_wi=2",
|
||||
imageAlt: "A futuristic digital landscape with abstract tech lines and glowing nodes, blue and light color sche",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-close-up-of-a-developer-working-on-cod-1775485956716-e9b072e2.png", imageAlt: "Code"},
|
||||
},
|
||||
{
|
||||
title: "Agile Methodologies",
|
||||
description: "Learn the industry standards for project management and team collaboration.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-person-pointing-to-a-project-board-wit-1775485957834-78176d5b.png?_wi=1",
|
||||
imageAlt: "Agile",
|
||||
},
|
||||
title: "Agile Methodologies", description: "Learn the industry standards for project management and team collaboration.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-person-pointing-to-a-project-board-wit-1775485957834-78176d5b.png", imageAlt: "Agile"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-person-pointing-to-a-project-board-wit-1775485957834-78176d5b.png?_wi=2",
|
||||
imageAlt: "Agile",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/professional-instructor-teaching-student-1775485958997-e0be572f.png",
|
||||
imageAlt: "Professional instructor teaching students in a clean modern lab environment with high-end monitors a",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-person-pointing-to-a-project-board-wit-1775485957834-78176d5b.png", imageAlt: "Agile"},
|
||||
},
|
||||
{
|
||||
title: "Cloud Architecture",
|
||||
description: "Deploy and scale your applications with modern cloud-native infrastructures.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/server-racks-with-blinking-lights-in-a-c-1775485958457-13b27ac9.png?_wi=1",
|
||||
imageAlt: "Cloud",
|
||||
},
|
||||
title: "Cloud Architecture", description: "Deploy and scale your applications with modern cloud-native infrastructures.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/server-racks-with-blinking-lights-in-a-c-1775485958457-13b27ac9.png", imageAlt: "Cloud"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/server-racks-with-blinking-lights-in-a-c-1775485958457-13b27ac9.png?_wi=2",
|
||||
imageAlt: "Cloud",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-close-up-of-a-developer-working-on-cod-1775485956716-e9b072e2.png?_wi=3",
|
||||
imageAlt: "A close up of a developer working on code in a dark mode code editor on a sleek laptop with a coffee",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/server-racks-with-blinking-lights-in-a-c-1775485958457-13b27ac9.png", imageAlt: "Cloud"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -149,45 +108,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Riv",
|
||||
handle: "@alex",
|
||||
testimonial: "Changed my career path completely. Best decision!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/portrait-of-a-confident-student-professi-1775485956591-92acb8e6.png?_wi=1",
|
||||
},
|
||||
id: "1", name: "Alex Riv", handle: "@alex", testimonial: "Changed my career path completely. Best decision!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/portrait-of-a-confident-student-professi-1775485956591-92acb8e6.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Maria K",
|
||||
handle: "@maria",
|
||||
testimonial: "Excellent mentor support during all projects.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/portrait-of-a-female-professional-studen-1775485956246-37eea981.png",
|
||||
},
|
||||
id: "2", name: "Maria K", handle: "@maria", testimonial: "Excellent mentor support during all projects.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/portrait-of-a-female-professional-studen-1775485956246-37eea981.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "James Doe",
|
||||
handle: "@james",
|
||||
testimonial: "The curriculum is very updated and practical.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/portrait-of-a-male-professional-student--1775485957279-f3ab7ab0.png",
|
||||
},
|
||||
id: "3", name: "James Doe", handle: "@james", testimonial: "The curriculum is very updated and practical.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/portrait-of-a-male-professional-student--1775485957279-f3ab7ab0.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah P",
|
||||
handle: "@sarah",
|
||||
testimonial: "I got my first job 3 weeks after graduation.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/portrait-of-a-confident-software-archite-1775485956602-2f266180.png",
|
||||
},
|
||||
id: "4", name: "Sarah P", handle: "@sarah", testimonial: "I got my first job 3 weeks after graduation.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/portrait-of-a-confident-software-archite-1775485956602-2f266180.png"},
|
||||
{
|
||||
id: "5",
|
||||
name: "John W",
|
||||
handle: "@john",
|
||||
testimonial: "Deep dive into real-world code architecture.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/portrait-of-a-junior-programmer-professi-1775485957458-c4ba425f.png",
|
||||
},
|
||||
id: "5", name: "John W", handle: "@john", testimonial: "Deep dive into real-world code architecture.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/portrait-of-a-junior-programmer-professi-1775485957458-c4ba425f.png"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Success Stories"
|
||||
@@ -202,56 +136,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Foundation",
|
||||
price: "$1,999",
|
||||
period: "once",
|
||||
features: [
|
||||
"Core Web Dev",
|
||||
"Discord Access",
|
||||
"Community",
|
||||
],
|
||||
id: "basic", title: "Foundation", price: "$1,999", period: "once", features: [
|
||||
"Core Web Dev", "Discord Access", "Community"],
|
||||
button: {
|
||||
text: "Enroll Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-person-pointing-to-a-project-board-wit-1775485957834-78176d5b.png?_wi=3",
|
||||
imageAlt: "A person pointing to a project board with scrum agile sticky notes, professional IT project manageme",
|
||||
},
|
||||
text: "Enroll Now", href: "#contact"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-person-pointing-to-a-project-board-wit-1775485957834-78176d5b.png", imageAlt: "A person pointing to a project board with scrum agile sticky notes, professional IT project manageme"},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Career Pro",
|
||||
price: "$4,999",
|
||||
period: "once",
|
||||
features: [
|
||||
"Full Stack Dev",
|
||||
"1-on-1 Mentoring",
|
||||
"Career Coaching",
|
||||
],
|
||||
id: "pro", title: "Career Pro", price: "$4,999", period: "once", features: [
|
||||
"Full Stack Dev", "1-on-1 Mentoring", "Career Coaching"],
|
||||
button: {
|
||||
text: "Enroll Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/server-racks-with-blinking-lights-in-a-c-1775485958457-13b27ac9.png?_wi=3",
|
||||
imageAlt: "Server racks with blinking lights in a cool-toned data center environment.",
|
||||
},
|
||||
text: "Enroll Now", href: "#contact"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/server-racks-with-blinking-lights-in-a-c-1775485958457-13b27ac9.png", imageAlt: "Server racks with blinking lights in a cool-toned data center environment."},
|
||||
{
|
||||
id: "enterprise",
|
||||
title: "Industry Lead",
|
||||
price: "$7,999",
|
||||
period: "once",
|
||||
features: [
|
||||
"Everything Pro",
|
||||
"Enterprise Projects",
|
||||
"Job Placement",
|
||||
],
|
||||
id: "enterprise", title: "Industry Lead", price: "$7,999", period: "once", features: [
|
||||
"Everything Pro", "Enterprise Projects", "Job Placement"],
|
||||
button: {
|
||||
text: "Enroll Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/portrait-of-a-confident-student-professi-1775485956591-92acb8e6.png?_wi=2",
|
||||
imageAlt: "Portrait of a confident student, professional lighting, clean white background.",
|
||||
},
|
||||
text: "Enroll Now", href: "#contact"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/portrait-of-a-confident-student-professi-1775485956591-92acb8e6.png", imageAlt: "Portrait of a confident student, professional lighting, clean white background."},
|
||||
]}
|
||||
title="Course Plans"
|
||||
description="Flexible payment plans for every student career goal."
|
||||
@@ -265,27 +166,16 @@ export default function LandingPage() {
|
||||
description="Ready to launch your tech career? Apply today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
},
|
||||
name: "phone", type: "tel", placeholder: "Phone Number"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "What are your career goals?",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "What are your career goals?", rows: 4,
|
||||
}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/modern-architectural-glass-building-faca-1775485957616-f7e4a02d.png"
|
||||
/>
|
||||
@@ -295,42 +185,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Academy",
|
||||
items: [
|
||||
title: "Academy", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user