Update src/app/page.tsx
This commit is contained in:
204
src/app/page.tsx
204
src/app/page.tsx
@@ -29,49 +29,27 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Academy",
|
||||
id: "/academy",
|
||||
},
|
||||
{
|
||||
name: "Commands",
|
||||
id: "/commands",
|
||||
},
|
||||
{
|
||||
name: "News",
|
||||
id: "/news",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{ name: "Dashboard", id: "/" },
|
||||
{ name: "Academy", id: "/academy" },
|
||||
{ name: "Commands", id: "/commands" },
|
||||
{ name: "News", id: "/news" },
|
||||
{ name: "About", id: "/about" }
|
||||
]}
|
||||
brandName="MHI Cyber Shield"
|
||||
button={{ text: "Contact", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
logoText="MHI Cyber Shield"
|
||||
description="Elite cybersecurity education and command tools for the modern age."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Academy",
|
||||
href: "/academy",
|
||||
},
|
||||
{
|
||||
text: "Command Center",
|
||||
href: "/commands",
|
||||
},
|
||||
{ text: "Start Academy", href: "/academy" },
|
||||
{ text: "Command Center", href: "/commands" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-laptop-table-glowing-screen-dark_169016-53642.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-laptop-table-glowing-screen-dark_169016-53642.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -82,33 +60,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "24",
|
||||
title: "Learning Modules",
|
||||
items: [
|
||||
"Active",
|
||||
"Verified",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "150+",
|
||||
title: "Commands Loaded",
|
||||
items: [
|
||||
"Updated",
|
||||
"Tooling",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
items: [
|
||||
"Stable",
|
||||
"Online",
|
||||
],
|
||||
},
|
||||
{ id: "1", value: "24", title: "Learning Modules", items: ["Active", "Verified"] },
|
||||
{ id: "2", value: "150+", title: "Commands Loaded", items: ["Updated", "Tooling"] },
|
||||
{ id: "3", value: "99.9%", title: "Uptime", items: ["Stable", "Online"] }
|
||||
]}
|
||||
title="Live Status"
|
||||
description="Real-time updates on our security ecosystem."
|
||||
@@ -122,27 +76,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Academy",
|
||||
description: "Master ethical hacking skills.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637783.jpg",
|
||||
titleIconSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637783.jpg",
|
||||
buttonText: "View Courses",
|
||||
},
|
||||
{
|
||||
title: "Command Center",
|
||||
description: "Powerful terminal tools.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/settings-front-side-white-background_187299-40208.jpg",
|
||||
titleIconSrc: "http://img.b2bpic.net/free-photo/settings-front-side-white-background_187299-40208.jpg",
|
||||
buttonText: "View Tools",
|
||||
},
|
||||
{
|
||||
title: "News Feed",
|
||||
description: "Latest cyber threat updates.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-holographic-padlock-mobile-device_23-2152029079.jpg",
|
||||
titleIconSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-holographic-padlock-mobile-device_23-2152029079.jpg",
|
||||
buttonText: "View News",
|
||||
},
|
||||
{ title: "Academy", description: "Master ethical hacking skills.", imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637783.jpg", titleIconSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637783.jpg", buttonText: "View Courses" },
|
||||
{ title: "Command Center", description: "Powerful terminal tools.", imageSrc: "http://img.b2bpic.net/free-photo/settings-front-side-white-background_187299-40208.jpg", titleIconSrc: "http://img.b2bpic.net/free-photo/settings-front-side-white-background_187299-40208.jpg", buttonText: "View Tools" },
|
||||
{ title: "News Feed", description: "Latest cyber threat updates.", imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-holographic-padlock-mobile-device_23-2152029079.jpg", titleIconSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-holographic-padlock-mobile-device_23-2152029079.jpg", buttonText: "View News" }
|
||||
]}
|
||||
title="Quick Access"
|
||||
description="Jump straight into our core tools."
|
||||
@@ -157,31 +93,11 @@ export default function LandingPage() {
|
||||
title="Security Pillars"
|
||||
description="Core values powering MHI."
|
||||
features={[
|
||||
{
|
||||
title: "Integrity",
|
||||
description: "Unwavering commitment to ethics.",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Innovation",
|
||||
description: "Always ahead of threats.",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Community",
|
||||
description: "Collaborative learning environment.",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
title: "Intelligence",
|
||||
description: "Data-driven insights.",
|
||||
icon: Lightbulb,
|
||||
},
|
||||
{
|
||||
title: "Transparency",
|
||||
description: "Open knowledge sharing.",
|
||||
icon: Eye,
|
||||
},
|
||||
{ title: "Integrity", description: "Unwavering commitment to ethics.", icon: Shield },
|
||||
{ title: "Innovation", description: "Always ahead of threats.", icon: Zap },
|
||||
{ title: "Community", description: "Collaborative learning environment.", icon: Users },
|
||||
{ title: "Intelligence", description: "Data-driven insights.", icon: Lightbulb },
|
||||
{ title: "Transparency", description: "Open knowledge sharing.", icon: Eye }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -194,53 +110,9 @@ export default function LandingPage() {
|
||||
title="Membership Levels"
|
||||
description="Choose your path to cyber mastery."
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Scout",
|
||||
price: "Free",
|
||||
features: [
|
||||
"Basic Academy Access",
|
||||
"Community Forum",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Start Now",
|
||||
href: "/academy",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Agent",
|
||||
price: "$29/mo",
|
||||
features: [
|
||||
"Full Academy",
|
||||
"Command Tools",
|
||||
"Daily News",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Upgrade",
|
||||
href: "/academy",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Elite",
|
||||
price: "$99/mo",
|
||||
features: [
|
||||
"Private Mentor",
|
||||
"Custom Commands",
|
||||
"Priority Support",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Apply Now",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "p1", name: "Scout", price: "Free", features: ["Basic Academy Access", "Community Forum"], buttons: [{ text: "Start Now", href: "/academy" }] },
|
||||
{ id: "p2", name: "Agent", price: "$29/mo", features: ["Full Academy", "Command Tools", "Daily News"], buttons: [{ text: "Upgrade", href: "/academy" }] },
|
||||
{ id: "p3", name: "Elite", price: "$99/mo", features: ["Private Mentor", "Custom Commands", "Priority Support"], buttons: [{ text: "Apply Now", href: "/contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -248,32 +120,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "Academy",
|
||||
href: "/academy",
|
||||
},
|
||||
{
|
||||
label: "Commands",
|
||||
href: "/commands",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "News",
|
||||
href: "/news",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Platform", items: [{ label: "Academy", href: "/academy" }, { label: "Commands", href: "/commands" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "News", href: "/news" }] }
|
||||
]}
|
||||
logoText="MHI Cyber Shield"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user