Update src/app/page.tsx
This commit is contained in:
235
src/app/page.tsx
235
src/app/page.tsx
@@ -28,28 +28,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Learn",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Tech",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Platforms",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Learn", id: "#about" },
|
||||
{ name: "Tech", id: "#features" },
|
||||
{ name: "Platforms", id: "#products" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="GitCyber"
|
||||
button={{ text: "Get Started" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -58,42 +44,18 @@ export default function LandingPage() {
|
||||
title="Start Your Cybersecurity Journey"
|
||||
description="Master ethical hacking, network security, and AI-driven defense on the web's most futuristic learning platform. Prepare for the future today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Learning",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
text: "Talk With AI",
|
||||
href: "#ai",
|
||||
},
|
||||
{
|
||||
text: "Explore Platforms",
|
||||
href: "#products",
|
||||
},
|
||||
{ text: "Start Learning", href: "#about" },
|
||||
{ text: "Talk With AI", href: "#ai" },
|
||||
{ text: "Explore Platforms", href: "#products" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sn7vsy&_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sn7vsy"
|
||||
imageAlt="cybersecurity 3d digital landscape"
|
||||
avatars={[
|
||||
{
|
||||
src: "asset://hero-avatar-1",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "asset://hero-avatar-2",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "asset://hero-avatar-3",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "asset://hero-avatar-4",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "asset://hero-avatar-5",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sn7vsy", alt: "User 1" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sn7vsy", alt: "User 2" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sn7vsy", alt: "User 3" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sn7vsy", alt: "User 4" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sn7vsy", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Join 5,000+ security professionals"
|
||||
/>
|
||||
@@ -104,7 +66,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="What is Cybersecurity?"
|
||||
description="Cybersecurity is the practice of protecting systems, networks, and programs from digital attacks. Our platform provides comprehensive roadmaps from ethical hacking to advanced SOC analysis."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=50bhmf&_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=50bhmf"
|
||||
imageAlt="network security abstract"
|
||||
/>
|
||||
</div>
|
||||
@@ -116,40 +78,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Network Scanning",
|
||||
description: "Nmap and network mapping fundamentals.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=legf8y",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u9fi8r",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sn7vsy&_wi=2",
|
||||
imageAlt: "holographic security icon",
|
||||
title: "Network Scanning", description: "Nmap and network mapping fundamentals.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=legf8y", imageAlt: "holographic security icon" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u9fi8r", imageAlt: "holographic security icon" },
|
||||
},
|
||||
{
|
||||
title: "Traffic Analysis",
|
||||
description: "Master Wireshark for deep packet inspection.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s7lxro",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0gbe8l",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=50bhmf&_wi=2",
|
||||
imageAlt: "holographic security icon",
|
||||
title: "Traffic Analysis", description: "Master Wireshark for deep packet inspection.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s7lxro", imageAlt: "holographic security icon" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0gbe8l", imageAlt: "holographic security icon" },
|
||||
},
|
||||
{
|
||||
title: "Exploitation",
|
||||
description: "Metasploit framework and penetration testing.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jcmdz9",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3wieze",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tbdhzq&_wi=1",
|
||||
imageAlt: "holographic security icon",
|
||||
title: "Exploitation", description: "Metasploit framework and penetration testing.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jcmdz9", imageAlt: "holographic security icon" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3wieze", imageAlt: "holographic security icon" },
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -165,48 +103,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "TryHackMe",
|
||||
price: "Free/Pro",
|
||||
variant: "Lab",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tbdhzq&_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Hack The Box",
|
||||
price: "Free/VIP",
|
||||
variant: "Lab",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dypw2h",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Cybrary",
|
||||
price: "Premium",
|
||||
variant: "Education",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a0a98g",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "VulnHub",
|
||||
price: "Free",
|
||||
variant: "Practice",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o28f2r",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "PortSwigger",
|
||||
price: "Free",
|
||||
variant: "Education",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ph6qi6",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "OverTheWire",
|
||||
price: "Free",
|
||||
variant: "Practice",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uiye17",
|
||||
},
|
||||
{ id: "p1", name: "TryHackMe", price: "Free/Pro", variant: "Lab", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tbdhzq" },
|
||||
{ id: "p2", name: "Hack The Box", price: "Free/VIP", variant: "Lab", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dypw2h" },
|
||||
{ id: "p3", name: "Cybrary", price: "Premium", variant: "Education", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a0a98g" },
|
||||
{ id: "p4", name: "VulnHub", price: "Free", variant: "Practice", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o28f2r" },
|
||||
{ id: "p5", name: "PortSwigger", price: "Free", variant: "Education", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ph6qi6" },
|
||||
{ id: "p6", name: "OverTheWire", price: "Free", variant: "Practice", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uiye17" },
|
||||
]}
|
||||
title="Learning Platforms"
|
||||
description="Top tier platforms to practice your skills."
|
||||
@@ -223,79 +125,10 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Network Setup",
|
||||
price: "Quote",
|
||||
variant: "Support",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j1xa7w",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Malware Removal",
|
||||
price: "Quote",
|
||||
variant: "Security",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=09pwrh",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
name: "System Optimization",
|
||||
price: "Quote",
|
||||
variant: "Support",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xyyjo5",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
name: "Hardware Repair",
|
||||
price: "Quote",
|
||||
variant: "Support",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tcso4u",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
name: "Help Desk",
|
||||
price: "Quote",
|
||||
variant: "Support",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wgcb8a",
|
||||
},
|
||||
{
|
||||
id: "s6",
|
||||
name: "Data Recovery",
|
||||
price: "Quote",
|
||||
variant: "Support",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1i19rn",
|
||||
},
|
||||
]}
|
||||
title="Support Services"
|
||||
description="Répare Votre Panne: We provide expert IT help desk services."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="submissions" data-section="submissions">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
tag="AUTH REQUIRED"
|
||||
title="Submit Your Project"
|
||||
description="Share your latest cybersecurity writeups or tool developments with the GitCyber community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Consultation"
|
||||
description="Get in touch for expert security advice. Email us at youssef.balla1234@gmail.com or call 0678276595."
|
||||
tag="CONTACT US"
|
||||
@@ -305,14 +138,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="GitCyber"
|
||||
leftLink={{
|
||||
text: "Terms",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Terms", href: "#" }}
|
||||
rightLink={{ text: "Privacy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user