bender/566bf43a-e414-4d00-bc34-30d96f998b59
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-12 18:33:38 +00:00
parent 1670f2b913
commit 0938e36c7f
1 changed files with 48 additions and 180 deletions
Download Patch File Download Diff File Expand all files Collapse all files

228
src/app/page.tsx
View File

@@ -32,38 +32,22 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Stats",
id: "#stats",
},
name: "Stats", id: "#stats"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "How It Works",
id: "#how-it-works",
},
name: "How It Works", id: "#how-it-works"},
{
name: "Leaderboard",
id: "#leaderboard",
},
name: "Leaderboard", id: "#leaderboard"},
{
name: "Early Access",
id: "#early-access",
},
name: "Early Access", id: "#early-access"},
]}
button={{
text: "Enter the Game",
href: "#early-access",
}}
text: "Enter the Game", href: "#early-access"}}
brandName="ZERODAY"
/>
</div>
@@ -71,20 +55,15 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "animated-grid",
}}
variant: "animated-grid"}}
imagePosition="right"
title="ZERODAY"
description="Hack the system. Master the art of ethical intrusion."
buttons={[
{
text: "Enter the Game",
href: "#early-access",
},
text: "Enter the Game", href: "#early-access"},
{
text: "Watch Trailer",
href: "#",
},
text: "Watch Trailer", href: "#"},
]}
imageSrc="http://img.b2bpic.net/free-photo/developer-conducting-server-auditing_482257-91167.jpg"
imageAlt="Terminal with cybersecurity code"
@@ -92,48 +71,28 @@ export default function LandingPage() {
fixedMediaHeight={true}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/dark-style-ninja-naruto_23-2151140105.jpg",
alt: "Anonymous Hacker 1",
},
src: "http://img.b2bpic.net/free-photo/dark-style-ninja-naruto_23-2151140105.jpg", alt: "Anonymous Hacker 1"},
{
src: "http://img.b2bpic.net/free-photo/image-skull-sheet-orange-paper_23-2147908150.jpg",
alt: "Anonymous Hacker 2",
},
src: "http://img.b2bpic.net/free-photo/image-skull-sheet-orange-paper_23-2147908150.jpg", alt: "Anonymous Hacker 2"},
{
src: "http://img.b2bpic.net/free-photo/hacker-with-laptop_23-2147985342.jpg",
alt: "Anonymous Hacker 3",
},
src: "http://img.b2bpic.net/free-photo/hacker-with-laptop_23-2147985342.jpg", alt: "Anonymous Hacker 3"},
{
src: "http://img.b2bpic.net/free-photo/christmas-background-layout-black-background_1303-12738.jpg",
alt: "Anonymous Hacker 4",
},
src: "http://img.b2bpic.net/free-photo/christmas-background-layout-black-background_1303-12738.jpg", alt: "Anonymous Hacker 4"},
{
src: "http://img.b2bpic.net/free-photo/yellow-dummy-head-orange-background_53876-96744.jpg",
alt: "Anonymous Hacker 5",
},
src: "http://img.b2bpic.net/free-photo/yellow-dummy-head-orange-background_53876-96744.jpg", alt: "Anonymous Hacker 5"},
]}
avatarText="Join 2400+ elite hackers"
marqueeItems={[
{
type: "text",
text: "NETWORK INTRUSION",
},
type: "text", text: "NETWORK INTRUSION"},
{
type: "text",
text: "SYSTEM EXPLOITATION",
},
type: "text", text: "SYSTEM EXPLOITATION"},
{
type: "text",
text: "VULNERABILITY RESEARCH",
},
type: "text", text: "VULNERABILITY RESEARCH"},
{
type: "text",
text: "DIGITAL FORENSICS",
},
type: "text", text: "DIGITAL FORENSICS"},
{
type: "text",
text: "CTF CHALLENGES",
},
type: "text", text: "CTF CHALLENGES"},
]}
/>
</div>
@@ -145,29 +104,11 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "players",
value: "2400+",
title: "Active Players",
description: "Join a growing community of aspiring ethical hackers.",
imageSrc: "http://img.b2bpic.net/free-vector/set-people-avatars-isolated-round-icons-faces_107791-12891.jpg",
imageAlt: "Players icon",
},
id: "players", value: "2400+", title: "Active Players", description: "Join a growing community of aspiring ethical hackers.", imageSrc: "http://img.b2bpic.net/free-vector/set-people-avatars-isolated-round-icons-faces_107791-12891.jpg", imageAlt: "Players icon"},
{
id: "challenges",
value: "180+",
title: "Unique Challenges",
description: "From beginner to advanced, test your skills in diverse scenarios.",
imageSrc: "http://img.b2bpic.net/free-vector/working-process-design_1133-73.jpg",
imageAlt: "Challenges icon",
},
id: "challenges", value: "180+", title: "Unique Challenges", description: "From beginner to advanced, test your skills in diverse scenarios.", imageSrc: "http://img.b2bpic.net/free-vector/working-process-design_1133-73.jpg", imageAlt: "Challenges icon"},
{
id: "uptime",
value: "99.9%",
title: "System Uptime",
description: "Always ready for your next exploit, with minimal downtime.",
imageSrc: "http://img.b2bpic.net/free-vector/internet-connection-designs-collection_1209-49.jpg",
imageAlt: "Uptime icon",
},
id: "uptime", value: "99.9%", title: "System Uptime", description: "Always ready for your next exploit, with minimal downtime.", imageSrc: "http://img.b2bpic.net/free-vector/internet-connection-designs-collection_1209-49.jpg", imageAlt: "Uptime icon"},
]}
title="Game-Changing Stats"
description="See the impact of Zeroday's community and challenges."
@@ -179,11 +120,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Unleash Your Inner Hacker"
description={[
"Zeroday is more than just a game; it's a dynamic platform engineered for cybersecurity enthusiasts and aspiring ethical hackers. Dive into a meticulously crafted virtual environment where you can practice and hone your skills against realistic vulnerabilities and complex systems. Our challenges mirror real-world scenarios, offering an unparalleled learning experience without real-world risks.",
"Forget flashy arcade aesthetics. Zeroday offers a dark, matte, and serious interface, designed to immerse you in the raw, authentic feel of terminal-based hacking. Develop your understanding of network protocols, exploit techniques, and defensive strategies through engaging, hands-on modules. Master the art of ethical intrusion and earn your stripes in a community built on precision and knowledge.",
]}
imageSrc="http://img.b2bpic.net/free-photo/hacker-uses-green-screen-pc-ai-deep-learning-develop-zero-day-exploit_482257-88622.jpg"
imageAlt="Zeroday game terminal mockup"
"Zeroday is more than just a game; it's a dynamic platform engineered for cybersecurity enthusiasts and aspiring ethical hackers. Dive into a meticulously crafted virtual environment where you can practice and hone your skills against realistic vulnerabilities and complex systems. Our challenges mirror real-world scenarios, offering an unparalleled learning experience without real-world risks.", "Forget flashy arcade aesthetics. Zeroday offers a dark, matte, and serious interface, designed to immerse you in the raw, authentic feel of terminal-based hacking. Develop your understanding of network protocols, exploit techniques, and defensive strategies through engaging, hands-on modules. Master the art of ethical intrusion and earn your stripes in a community built on precision and knowledge."]}
/>
</div>
@@ -195,24 +132,16 @@ export default function LandingPage() {
features={[
{
icon: Shield,
title: "Real CVE Scenarios",
description: "Tackle challenges based on actual Common Vulnerabilities and Exposures.",
},
title: "Real CVE Scenarios", description: "Tackle challenges based on actual Common Vulnerabilities and Exposures."},
{
icon: Flag,
title: "CTF Challenges",
description: "Engage in Capture The Flag events designed to test your penetration skills.",
},
title: "CTF Challenges", description: "Engage in Capture The Flag events designed to test your penetration skills."},
{
icon: Award,
title: "Live Leaderboard",
description: "Compete globally, track your progress, and climb the ranks of top hackers.",
},
title: "Live Leaderboard", description: "Compete globally, track your progress, and climb the ranks of top hackers."},
{
icon: Code,
title: "Skill Progression Tree",
description: "Visualize and advance your hacking expertise through a structured skill path.",
},
title: "Skill Progression Tree", description: "Visualize and advance your hacking expertise through a structured skill path."},
]}
title="Master Core Cyber Skills"
description="Dive deep into the methodologies and tools of ethical hacking."
@@ -225,20 +154,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "step1",
title: "Step 1: Create Your Secure Account",
content: "> create_account --new\\\nConnecting to Zeroday network...\\\nAccount created: user@zeroday.org\\\nAuth token generated: ##########\\\nWelcome, [USERNAME]. Your journey begins.",
},
id: "step1", title: "Step 1: Create Your Secure Account", content: "> create_account --new\\\nConnecting to Zeroday network...\\\nAccount created: user@zeroday.org\\\nAuth token generated: ##########\\\nWelcome, [USERNAME]. Your journey begins."},
{
id: "step2",
title: "Step 2: Select a Scenario",
content: "> select_scenario --difficulty=hard\\\nFetching advanced scenarios...\\\nScenario 'Phoenix Rising' loaded. Type 'exploit --help' for options.\\\nObjective: Breach firewall, exfiltrate data from secure server.",
},
id: "step2", title: "Step 2: Select a Scenario", content: "> select_scenario --difficulty=hard\\\nFetching advanced scenarios...\\\nScenario 'Phoenix Rising' loaded. Type 'exploit --help' for options.\\\nObjective: Breach firewall, exfiltrate data from secure server."},
{
id: "step3",
title: "Step 3: Exploit & Learn",
content: "> exploit --learn --score\\\nInitiating exploit module...\\\nAnalyzing vulnerabilities in real-time...\\\nExploit successful. Data exfiltrated. Score updated: +500pts\\\nNew skill unlocked: Advanced Buffer Overflow. Read 'man buffer_overflow'.",
},
id: "step3", title: "Step 3: Exploit & Learn", content: "> exploit --learn --score\\\nInitiating exploit module...\\\nAnalyzing vulnerabilities in real-time...\\\nExploit successful. Data exfiltrated. Score updated: +500pts\\\nNew skill unlocked: Advanced Buffer Overflow. Read 'man buffer_overflow'."},
]}
title="Your Path to Mastery"
description="A streamlined process to become a cybersecurity expert with Zeroday."
@@ -254,53 +174,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "player-1",
name: "ShadowBytes",
price: "Rank #1",
variant: "Score: 12,450",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bell-shape-with-snow_23-2149625186.jpg",
imageAlt: "ShadowBytes avatar",
},
id: "player-1", name: "ShadowBytes", price: "Rank #1", variant: "Score: 12,450", imageSrc: "http://img.b2bpic.net/free-photo/top-view-bell-shape-with-snow_23-2149625186.jpg", imageAlt: "ShadowBytes avatar"},
{
id: "player-2",
name: "GhostProtocol",
price: "Rank #2",
variant: "Score: 11,980",
imageSrc: "http://img.b2bpic.net/free-photo/hacker-with-laptop_23-2147985377.jpg",
imageAlt: "GhostProtocol avatar",
},
id: "player-2", name: "GhostProtocol", price: "Rank #2", variant: "Score: 11,980", imageSrc: "http://img.b2bpic.net/free-photo/hacker-with-laptop_23-2147985377.jpg", imageAlt: "GhostProtocol avatar"},
{
id: "player-3",
name: "CipherSpectre",
price: "Rank #3",
variant: "Score: 10,210",
imageSrc: "http://img.b2bpic.net/free-photo/business-person-futuristic-business-environment_23-2150970232.jpg",
imageAlt: "CipherSpectre avatar",
},
id: "player-3", name: "CipherSpectre", price: "Rank #3", variant: "Score: 10,210", imageSrc: "http://img.b2bpic.net/free-photo/business-person-futuristic-business-environment_23-2150970232.jpg", imageAlt: "CipherSpectre avatar"},
{
id: "player-4",
name: "NetRunner",
price: "Rank #4",
variant: "Score: 9,760",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-hacker-holding-laptop_23-2148578147.jpg",
imageAlt: "NetRunner avatar",
},
id: "player-4", name: "NetRunner", price: "Rank #4", variant: "Score: 9,760", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-hacker-holding-laptop_23-2148578147.jpg", imageAlt: "NetRunner avatar"},
{
id: "player-5",
name: "DeepPacket",
price: "Rank #5",
variant: "Score: 9,100",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-old-man-indoors_23-2151038764.jpg",
imageAlt: "DeepPacket avatar",
},
id: "player-5", name: "DeepPacket", price: "Rank #5", variant: "Score: 9,100", imageSrc: "http://img.b2bpic.net/free-photo/front-view-old-man-indoors_23-2151038764.jpg", imageAlt: "DeepPacket avatar"},
{
id: "player-6",
name: "KernelNinja",
price: "Rank #6",
variant: "Score: 8,870",
imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119894.jpg",
imageAlt: "KernelNinja avatar",
},
id: "player-6", name: "KernelNinja", price: "Rank #6", variant: "Score: 8,870", imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119894.jpg", imageAlt: "KernelNinja avatar"},
]}
title="Top Intruders"
description="See who's dominating the global Zeroday leaderboards and making an impact."
@@ -311,8 +195,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Join the Elite"
title="Get Early Access"
description="Be among the first to experience Zeroday. Sign up for exclusive beta invitations and critical updates on game development and new challenges."
@@ -331,42 +214,27 @@ export default function LandingPage() {
logoText="ZERODAY"
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Contact",
href: "#early-access",
},
label: "Contact", href: "#early-access"},
],
},
{
title: "Community",
items: [
title: "Community", items: [
{
label: "Discord",
href: "https://discord.com",
},
label: "Discord", href: "https://discord.com"},
{
label: "GitHub",
href: "https://github.com",
},
label: "GitHub", href: "https://github.com"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}