Update src/app/page.tsx

This commit is contained in:
2026-05-12 14:48:22 +00:00
parent 339bb86d47
commit 4914591a1a

View File

@@ -32,27 +32,17 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ {
name: "Courses", name: "Courses", id: "#courses"},
id: "#courses",
},
{ {
name: "Paths", name: "Paths", id: "#paths"},
id: "#paths",
},
{ {
name: "Pricing", name: "Pricing", id: "#pricing"},
id: "#pricing",
},
{ {
name: "Community", name: "Community", id: "#contact"},
id: "#contact",
},
]} ]}
brandName="KnockSec" brandName="KnockSec"
button={{ button={{
text: "Login", text: "Login", href: "/login"}}
href: "/login",
}}
/> />
</div> </div>
@@ -62,9 +52,7 @@ export default function LandingPage() {
description="Your Journey in Cybersecurity Starts Here. Mastering the art of offensive and defensive security." description="Your Journey in Cybersecurity Starts Here. Mastering the art of offensive and defensive security."
buttons={[ buttons={[
{ {
text: "Get Started", text: "Get Started", href: "#courses"},
href: "#courses",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/illustration-rain-futuristic-city_23-2151406593.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/illustration-rain-futuristic-city_23-2151406593.jpg?_wi=1"
/> />
@@ -87,26 +75,11 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
title: "Web Security", title: "Web Security", description: "Master vulnerabilities like XSS and SQLi.", imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637779.jpg?_wi=1", titleImageSrc: "http://img.b2bpic.net/free-photo/abstract-cybersecurity-concept-design_23-2151841658.jpg", buttonText: "Start"},
description: "Master vulnerabilities like XSS and SQLi.",
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637779.jpg?_wi=1",
titleImageSrc: "http://img.b2bpic.net/free-photo/abstract-cybersecurity-concept-design_23-2151841658.jpg",
buttonText: "Start",
},
{ {
title: "Network Defense", title: "Network Defense", description: "Fortify your infrastructure with advanced skills.", imageSrc: "http://img.b2bpic.net/free-photo/data-facility-storing-massive-datasets-used-ai-simulations_482257-124431.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/low-poly-background-with-connecting-lines-dots_1048-6130.jpg", buttonText: "Start"},
description: "Fortify your infrastructure with advanced skills.",
imageSrc: "http://img.b2bpic.net/free-photo/data-facility-storing-massive-datasets-used-ai-simulations_482257-124431.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/low-poly-background-with-connecting-lines-dots_1048-6130.jpg",
buttonText: "Start",
},
{ {
title: "Penetration Testing", title: "Penetration Testing", description: "Go beyond basics with real-world scenarios.", imageSrc: "http://img.b2bpic.net/free-vector/creative-data-protection-25-glyph-solid-black-icon-pack-such-as-security-security-badge-location-gdpr_1142-23733.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/top-view-safety-first-key-keyboard_23-2149919545.jpg", buttonText: "Start"},
description: "Go beyond basics with real-world scenarios.",
imageSrc: "http://img.b2bpic.net/free-vector/creative-data-protection-25-glyph-solid-black-icon-pack-such-as-security-security-badge-location-gdpr_1142-23733.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/top-view-safety-first-key-keyboard_23-2149919545.jpg",
buttonText: "Start",
},
]} ]}
title="Our Course Catalog" title="Our Course Catalog"
description="Master ethical hacking, Linux, networking, and advanced exploit development." description="Master ethical hacking, Linux, networking, and advanced exploit development."
@@ -121,20 +94,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ {
id: "1", id: "1", value: "10k+", description: "Students Trained"},
value: "10k+",
description: "Students Trained",
},
{ {
id: "2", id: "2", value: "500+", description: "Hands-on Labs"},
value: "500+",
description: "Hands-on Labs",
},
{ {
id: "3", id: "3", value: "24/7", description: "Support Access"},
value: "24/7",
description: "Support Access",
},
]} ]}
title="Academy Achievements" title="Academy Achievements"
description="Evidence of excellence in the cybersecurity field." description="Evidence of excellence in the cybersecurity field."
@@ -148,53 +112,23 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
plans={[ plans={[
{ {
id: "basic", id: "basic", title: "Job-Ready Foundations", price: "$99", period: "/mo", features: [
title: "Foundation", "Basic Labs", "Introductory Courses", "Community Access"],
price: "$99",
period: "/mo",
features: [
"Basic Labs",
"Introductory Courses",
"Community Access",
],
button: { button: {
text: "Join", text: "Join"},
}, imageSrc: "http://img.b2bpic.net/free-photo/green-light-lines-colored-spots-from-fiber-optic-wires-computer-communications-idea-selective-focus-blur-dark-background-vertical-frame_166373-1653.jpg", imageAlt: "Green light lines and colored spots from fiber optic wires, computer communications idea, selective focus, blur, dark background, vertical frame"},
imageSrc: "http://img.b2bpic.net/free-photo/green-light-lines-colored-spots-from-fiber-optic-wires-computer-communications-idea-selective-focus-blur-dark-background-vertical-frame_166373-1653.jpg",
imageAlt: "Green light lines and colored spots from fiber optic wires, computer communications idea, selective focus, blur, dark background, vertical frame",
},
{ {
id: "pro", id: "pro", title: "Professional Mastery", price: "$199", period: "/mo", features: [
title: "Professional", "Advanced Labs", "CTF Challenges", "Career Mentorship"],
price: "$199",
period: "/mo",
features: [
"Advanced Labs",
"CTF Challenges",
"Career Mentorship",
],
button: { button: {
text: "Join", text: "Join"},
}, imageSrc: "http://img.b2bpic.net/free-photo/illustration-rain-futuristic-city_23-2151406593.jpg?_wi=2", imageAlt: "Green light lines and colored spots from fiber optic wires, computer communications idea, selective focus, blur, dark background, vertical frame"},
imageSrc: "http://img.b2bpic.net/free-photo/illustration-rain-futuristic-city_23-2151406593.jpg?_wi=2",
imageAlt: "Green light lines and colored spots from fiber optic wires, computer communications idea, selective focus, blur, dark background, vertical frame",
},
{ {
id: "elite", id: "elite", title: "Elite Expert", price: "$299", period: "/mo", features: [
title: "Elite", "Full Lab Access", "Private Mentoring", "Certification"],
price: "$299",
period: "/mo",
features: [
"Full Lab Access",
"Private Mentoring",
"Certification",
],
button: { button: {
text: "Join", text: "Join"},
}, imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637779.jpg?_wi=2", imageAlt: "Green light lines and colored spots from fiber optic wires, computer communications idea, selective focus, blur, dark background, vertical frame"},
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637779.jpg?_wi=2",
imageAlt: "Green light lines and colored spots from fiber optic wires, computer communications idea, selective focus, blur, dark background, vertical frame",
},
]} ]}
title="Flexible Learning Plans" title="Flexible Learning Plans"
description="Choose the path that fits your career aspirations." description="Choose the path that fits your career aspirations."
@@ -208,40 +142,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Alex R.", role: "Penetration Tester", testimonial: "The hands-on labs were better than anything I've seen before.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg"},
name: "Alex R.",
role: "Penetration Tester",
testimonial: "The hands-on labs were better than anything I've seen before.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg",
},
{ {
id: "2", id: "2", name: "Sarah K.", role: "SOC Analyst", testimonial: "Helped me secure my dream role within 6 months.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-late-night_23-2150170822.jpg"},
name: "Sarah K.",
role: "SOC Analyst",
testimonial: "Helped me secure my dream role within 6 months.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-late-night_23-2150170822.jpg",
},
{ {
id: "3", id: "3", name: "Mark V.", role: "Security Researcher", testimonial: "The depth of technical knowledge is unmatched in the industry.", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-enjoying-playing-video-game_23-2149249999.jpg"},
name: "Mark V.",
role: "Security Researcher",
testimonial: "The depth of technical knowledge is unmatched in the industry.",
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-enjoying-playing-video-game_23-2149249999.jpg",
},
{ {
id: "4", id: "4", name: "Emily J.", role: "Cloud Security", testimonial: "Exceptional curriculum and community support.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-away-holding-laptop_23-2148308516.jpg"},
name: "Emily J.",
role: "Cloud Security",
testimonial: "Exceptional curriculum and community support.",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-away-holding-laptop_23-2148308516.jpg",
},
{ {
id: "5", id: "5", name: "David W.", role: "DevSecOps", testimonial: "Finally, practical security training that actually works.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-stock-market-trader-looking-camera-with-hands-crossed_482257-30734.jpg"},
name: "David W.",
role: "DevSecOps",
testimonial: "Finally, practical security training that actually works.",
imageSrc: "http://img.b2bpic.net/free-photo/bearded-stock-market-trader-looking-camera-with-hands-crossed_482257-30734.jpg",
},
]} ]}
title="Voices of the Elite" title="Voices of the Elite"
description="Hear from students who have transformed their careers through KnockSec Academy." description="Hear from students who have transformed their careers through KnockSec Academy."
@@ -254,20 +163,11 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ {
id: "1", id: "1", title: "Do I need experience?", content: "Our paths cater to absolute beginners and seasoned professionals alike."},
title: "Do I need experience?",
content: "Our paths cater to absolute beginners and seasoned professionals alike.",
},
{ {
id: "2", id: "2", title: "Is certification included?", content: "Yes, we provide industry-recognized certificates upon completion."},
title: "Is certification included?",
content: "Yes, we provide industry-recognized certificates upon completion.",
},
{ {
id: "3", id: "3", title: "Can I access labs offline?", content: "Our labs are cloud-based to ensure the best performance."},
title: "Can I access labs offline?",
content: "Our labs are cloud-based to ensure the best performance.",
},
]} ]}
title="Need Answers?" title="Need Answers?"
description="Find everything you need to know about starting your journey with us." description="Find everything you need to know about starting your journey with us."
@@ -282,15 +182,9 @@ export default function LandingPage() {
description="Reach out to our team for questions or partnership inquiries." description="Reach out to our team for questions or partnership inquiries."
inputs={[ inputs={[
{ {
name: "name", name: "name", type: "text", placeholder: "Your Name"},
type: "text",
placeholder: "Your Name",
},
{ {
name: "email", name: "email", type: "email", placeholder: "Email Address"},
type: "email",
placeholder: "Email Address",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/3d-rendered-background-with-matrix-style-design_1048-5645.jpg" imageSrc="http://img.b2bpic.net/free-photo/3d-rendered-background-with-matrix-style-design_1048-5645.jpg"
/> />
@@ -301,29 +195,19 @@ export default function LandingPage() {
logoText="KnockSec Academy" logoText="KnockSec Academy"
columns={[ columns={[
{ {
title: "Platform", title: "Platform", items: [
items: [
{ {
label: "Catalog", label: "Catalog", href: "#courses"},
href: "#courses",
},
{ {
label: "Pricing", label: "Pricing", href: "#pricing"},
href: "#pricing",
},
], ],
}, },
{ {
title: "Legal", title: "Legal", items: [
items: [
{ {
label: "Privacy", label: "Privacy", href: "#"},
href: "#",
},
{ {
label: "Terms", label: "Terms", href: "#"},
href: "#",
},
], ],
}, },
]} ]}
@@ -332,4 +216,4 @@ export default function LandingPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }