Merge version_1 into main #2
167
src/app/page.tsx
167
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Training",
|
||||
id: "features",
|
||||
},
|
||||
name: "Training", id: "features"},
|
||||
{
|
||||
name: "Certifications",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Certifications", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="CyberPath"
|
||||
/>
|
||||
@@ -52,41 +44,26 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Master the Future of Cyber Security"
|
||||
description="Navigate the complex landscape of information security with expert-led training and industry-recognized certifications. Start your journey today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Tracks",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Explore Tracks", href: "#features"},
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Support", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7eTh3EckQSJVbZv5j95iJUTG/a-futuristic-digital-security-interface--1774868531174-39cc1c4e.png?_wi=1",
|
||||
imageAlt: "Security Interface 1",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7eTh3EckQSJVbZv5j95iJUTG/a-futuristic-digital-security-interface--1774868531174-39cc1c4e.png", imageAlt: "Security Interface 1"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7eTh3EckQSJVbZv5j95iJUTG/a-futuristic-digital-security-interface--1774868531174-39cc1c4e.png?_wi=2",
|
||||
imageAlt: "Security Interface 2",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7eTh3EckQSJVbZv5j95iJUTG/a-futuristic-digital-security-interface--1774868531174-39cc1c4e.png", imageAlt: "Security Interface 2"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7eTh3EckQSJVbZv5j95iJUTG/a-futuristic-digital-security-interface--1774868531174-39cc1c4e.png?_wi=3",
|
||||
imageAlt: "Security Interface 3",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7eTh3EckQSJVbZv5j95iJUTG/a-futuristic-digital-security-interface--1774868531174-39cc1c4e.png", imageAlt: "Security Interface 3"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7eTh3EckQSJVbZv5j95iJUTG/a-futuristic-digital-security-interface--1774868531174-39cc1c4e.png?_wi=4",
|
||||
imageAlt: "Security Interface 4",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7eTh3EckQSJVbZv5j95iJUTG/a-futuristic-digital-security-interface--1774868531174-39cc1c4e.png", imageAlt: "Security Interface 4"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7eTh3EckQSJVbZv5j95iJUTG/a-futuristic-digital-security-interface--1774868531174-39cc1c4e.png?_wi=5",
|
||||
imageAlt: "Security Interface 5",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7eTh3EckQSJVbZv5j95iJUTG/a-futuristic-digital-security-interface--1774868531174-39cc1c4e.png", imageAlt: "Security Interface 5"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -98,26 +75,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Network Defense",
|
||||
description: "Learn to secure perimeters and monitor internal traffic with industry-standard protocols.",
|
||||
tag: "Core",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7eTh3EckQSJVbZv5j95iJUTG/a-digital-shield-icon-floating-in-a-dark-1774868530201-ef0673ca.png?_wi=1",
|
||||
},
|
||||
id: "1", title: "Network Defense", description: "Learn to secure perimeters and monitor internal traffic with industry-standard protocols.", tag: "Core", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7eTh3EckQSJVbZv5j95iJUTG/a-digital-shield-icon-floating-in-a-dark-1774868530201-ef0673ca.png"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Cloud Security",
|
||||
description: "Master AWS and Azure security frameworks to protect enterprise infrastructure at scale.",
|
||||
tag: "Advanced",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7eTh3EckQSJVbZv5j95iJUTG/an-abstract-visualization-of-a-secure-ne-1774868531978-dfd6b32b.png",
|
||||
},
|
||||
id: "2", title: "Cloud Security", description: "Master AWS and Azure security frameworks to protect enterprise infrastructure at scale.", tag: "Advanced", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7eTh3EckQSJVbZv5j95iJUTG/an-abstract-visualization-of-a-secure-ne-1774868531978-dfd6b32b.png"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Ethical Hacking",
|
||||
description: "Identify vulnerabilities before they become liabilities with our hands-on penetration testing labs.",
|
||||
tag: "Specialized",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7eTh3EckQSJVbZv5j95iJUTG/a-futuristic-lock-mechanism-represented--1774868531879-75096181.png",
|
||||
},
|
||||
id: "3", title: "Ethical Hacking", description: "Identify vulnerabilities before they become liabilities with our hands-on penetration testing labs.", tag: "Specialized", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7eTh3EckQSJVbZv5j95iJUTG/a-futuristic-lock-mechanism-represented--1774868531879-75096181.png"},
|
||||
]}
|
||||
title="Professional Training Tracks"
|
||||
description="Our comprehensive curriculum is designed to prepare you for high-stakes security environments."
|
||||
@@ -126,41 +88,22 @@ export default function LandingPage() {
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "foundation",
|
||||
title: "Foundation",
|
||||
price: "$1,200",
|
||||
period: "once",
|
||||
features: [
|
||||
"Security Fundamentals",
|
||||
"Intro to Linux",
|
||||
"1:1 Coaching",
|
||||
],
|
||||
id: "foundation", title: "Foundation", price: "$1,200", period: "once", features: [
|
||||
"Security Fundamentals", "Intro to Linux", "1:1 Coaching"],
|
||||
button: {
|
||||
text: "Start Path",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7eTh3EckQSJVbZv5j95iJUTG/a-futuristic-digital-security-interface--1774868531174-39cc1c4e.png?_wi=6",
|
||||
imageAlt: "A futuristic digital security interface with glowing circuit lines and data encryption visuals. Dark",
|
||||
},
|
||||
text: "Start Path"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7eTh3EckQSJVbZv5j95iJUTG/a-futuristic-digital-security-interface--1774868531174-39cc1c4e.png", imageAlt: "A futuristic digital security interface with glowing circuit lines and data encryption visuals. Dark"},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Professional",
|
||||
price: "$3,500",
|
||||
period: "once",
|
||||
features: [
|
||||
"All Foundation",
|
||||
"Advanced Ethical Hacking",
|
||||
"Career Placement",
|
||||
],
|
||||
id: "pro", title: "Professional", price: "$3,500", period: "once", features: [
|
||||
"All Foundation", "Advanced Ethical Hacking", "Career Placement"],
|
||||
button: {
|
||||
text: "Get Certified",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7eTh3EckQSJVbZv5j95iJUTG/a-digital-shield-icon-floating-in-a-dark-1774868530201-ef0673ca.png?_wi=2",
|
||||
imageAlt: "A digital shield icon floating in a dark digital space with binary code in the background, neon purp",
|
||||
},
|
||||
text: "Get Certified"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7eTh3EckQSJVbZv5j95iJUTG/a-digital-shield-icon-floating-in-a-dark-1774868530201-ef0673ca.png", imageAlt: "A digital shield icon floating in a dark digital space with binary code in the background, neon purp"},
|
||||
]}
|
||||
title="Certification Programs"
|
||||
description="Choose your path to professional validation with our industry-aligned training packages."
|
||||
@@ -174,40 +117,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@smiller_sec",
|
||||
testimonial: "The training at CyberPath was instrumental in securing my first role as a SOC analyst.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7eTh3EckQSJVbZv5j95iJUTG/professional-headshot-of-a-cyber-securit-1774868533448-ae2d6ebf.png?_wi=1",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", handle: "@smiller_sec", testimonial: "The training at CyberPath was instrumental in securing my first role as a SOC analyst.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7eTh3EckQSJVbZv5j95iJUTG/professional-headshot-of-a-cyber-securit-1774868533448-ae2d6ebf.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Chen",
|
||||
handle: "@dchen_cyber",
|
||||
testimonial: "Hands-on labs made all the difference in understanding complex threat mitigation.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7eTh3EckQSJVbZv5j95iJUTG/professional-headshot-of-a-female-softwa-1774868530080-c5ea6604.png",
|
||||
},
|
||||
id: "2", name: "David Chen", handle: "@dchen_cyber", testimonial: "Hands-on labs made all the difference in understanding complex threat mitigation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7eTh3EckQSJVbZv5j95iJUTG/professional-headshot-of-a-female-softwa-1774868530080-c5ea6604.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elenar_sec",
|
||||
testimonial: "Incredible mentorship and a very practical curriculum for real-world scenarios.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7eTh3EckQSJVbZv5j95iJUTG/professional-headshot-of-a-cloud-securit-1774868529868-42928348.png",
|
||||
},
|
||||
id: "3", name: "Elena Rodriguez", handle: "@elenar_sec", testimonial: "Incredible mentorship and a very practical curriculum for real-world scenarios.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7eTh3EckQSJVbZv5j95iJUTG/professional-headshot-of-a-cloud-securit-1774868529868-42928348.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marcus Thorne",
|
||||
handle: "@mthorne_sec",
|
||||
testimonial: "I transitioned into a cloud security role in under six months thanks to these certifications.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7eTh3EckQSJVbZv5j95iJUTG/professional-headshot-of-a-senior-system-1774868532332-ce1dfea5.png",
|
||||
},
|
||||
id: "4", name: "Marcus Thorne", handle: "@mthorne_sec", testimonial: "I transitioned into a cloud security role in under six months thanks to these certifications.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7eTh3EckQSJVbZv5j95iJUTG/professional-headshot-of-a-senior-system-1774868532332-ce1dfea5.png"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jordan Lee",
|
||||
handle: "@jlee_sec",
|
||||
testimonial: "The instructors are industry veterans. This is the best investment I've made in my career.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7eTh3EckQSJVbZv5j95iJUTG/professional-headshot-of-a-cyber-securit-1774868533448-ae2d6ebf.png?_wi=2",
|
||||
},
|
||||
id: "5", name: "Jordan Lee", handle: "@jlee_sec", testimonial: "The instructors are industry veterans. This is the best investment I've made in my career.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7eTh3EckQSJVbZv5j95iJUTG/professional-headshot-of-a-cyber-securit-1774868533448-ae2d6ebf.png"},
|
||||
]}
|
||||
title="Success Stories"
|
||||
description="See what our alumni have to say about their transition into cybersecurity careers."
|
||||
@@ -218,8 +136,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Admissions"
|
||||
title="Start Your Cyber Career"
|
||||
description="Get in touch with our admissions team to find the right track for your professional goals."
|
||||
@@ -234,33 +151,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
{
|
||||
label: "Log In",
|
||||
href: "#",
|
||||
},
|
||||
label: "Log In", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user