Merge version_1 into main #2
184
src/app/page.tsx
184
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
]}
|
||||
brandName="GameNexus"
|
||||
/>
|
||||
@@ -53,41 +45,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Ascend to the Nexus"
|
||||
description="Experience the ultimate fusion of cutting-edge technology and immersive gaming worlds. Join the legend today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Get Started", href: "#pricing"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcNPQ1UNfpMSBg3E7jCIzh8Uzb/futuristic-gaming-setup-with-a-wide-scre-1774784418868-5765c60e.png?_wi=1",
|
||||
imageAlt: "Setup",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcNPQ1UNfpMSBg3E7jCIzh8Uzb/futuristic-gaming-setup-with-a-wide-scre-1774784418868-5765c60e.png", imageAlt: "Setup"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcNPQ1UNfpMSBg3E7jCIzh8Uzb/high-quality-cinematic-game-character-po-1774784419882-e0bc19f9.png?_wi=1",
|
||||
imageAlt: "Character",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcNPQ1UNfpMSBg3E7jCIzh8Uzb/high-quality-cinematic-game-character-po-1774784419882-e0bc19f9.png", imageAlt: "Character"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcNPQ1UNfpMSBg3E7jCIzh8Uzb/intense-battlefield-scene-in-a-video-gam-1774784418493-b52bcbf4.png?_wi=1",
|
||||
imageAlt: "Action",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcNPQ1UNfpMSBg3E7jCIzh8Uzb/intense-battlefield-scene-in-a-video-gam-1774784418493-b52bcbf4.png", imageAlt: "Action"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcNPQ1UNfpMSBg3E7jCIzh8Uzb/aerial-view-of-a-futuristic-city-map-in--1774784422306-be05b8e7.png?_wi=1",
|
||||
imageAlt: "Map",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcNPQ1UNfpMSBg3E7jCIzh8Uzb/aerial-view-of-a-futuristic-city-map-in--1774784422306-be05b8e7.png", imageAlt: "Map"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcNPQ1UNfpMSBg3E7jCIzh8Uzb/virtual-reality-interface-showing-comple-1774784418987-c9905ebd.png?_wi=1",
|
||||
imageAlt: "HUD",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcNPQ1UNfpMSBg3E7jCIzh8Uzb/virtual-reality-interface-showing-comple-1774784418987-c9905ebd.png", imageAlt: "HUD"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcNPQ1UNfpMSBg3E7jCIzh8Uzb/close-up-on-a-high-performance-gaming-ke-1774784420001-cd9862ac.png?_wi=1",
|
||||
imageAlt: "Keyboard",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcNPQ1UNfpMSBg3E7jCIzh8Uzb/close-up-on-a-high-performance-gaming-ke-1774784420001-cd9862ac.png", imageAlt: "Keyboard"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -100,19 +77,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Active Players",
|
||||
value: "12.5M+",
|
||||
},
|
||||
label: "Active Players", value: "12.5M+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Games Hosted",
|
||||
value: "500K+",
|
||||
},
|
||||
label: "Games Hosted", value: "500K+"},
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Global Servers",
|
||||
value: "120",
|
||||
},
|
||||
label: "Global Servers", value: "120"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -125,28 +96,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Ultra-Low Latency",
|
||||
description: "Global edge network ensuring <20ms latency worldwide.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcNPQ1UNfpMSBg3E7jCIzh8Uzb/futuristic-gaming-setup-with-a-wide-scre-1774784418868-5765c60e.png?_wi=2",
|
||||
imageAlt: "Futuristic gaming setup with a wide screen monitor showing an immersive open world game, purple and ",
|
||||
title: "Ultra-Low Latency", description: "Global edge network ensuring <20ms latency worldwide.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "4K Graphics Support",
|
||||
description: "Crystal clear fidelity at max frame rates for every game.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Monitor,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcNPQ1UNfpMSBg3E7jCIzh8Uzb/high-quality-cinematic-game-character-po-1774784419882-e0bc19f9.png?_wi=2",
|
||||
imageAlt: "High quality cinematic game character portrait, detailed armor, glowing eyes, futuristic background,",
|
||||
title: "4K Graphics Support", description: "Crystal clear fidelity at max frame rates for every game.", bentoComponent: "reveal-icon", icon: Monitor,
|
||||
},
|
||||
{
|
||||
title: "Community Focus",
|
||||
description: "Connect with millions of players across all platforms.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Users,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcNPQ1UNfpMSBg3E7jCIzh8Uzb/intense-battlefield-scene-in-a-video-gam-1774784418493-b52bcbf4.png?_wi=2",
|
||||
imageAlt: "Intense battlefield scene in a video game, cinematic lighting, explosions, futuristic soldier runnin",
|
||||
title: "Community Focus", description: "Connect with millions of players across all platforms.", bentoComponent: "reveal-icon", icon: Users,
|
||||
},
|
||||
]}
|
||||
title="Why Choose GameNexus"
|
||||
@@ -160,45 +116,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Amazing Speed",
|
||||
quote: "The latency is simply unmatched, it's changed the way I play competitively.",
|
||||
name: "Alex R.",
|
||||
role: "Pro Gamer",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcNPQ1UNfpMSBg3E7jCIzh8Uzb/young-gamer-portrait-wearing-headset-exc-1774784418176-40c43db0.png?_wi=1",
|
||||
},
|
||||
id: "1", title: "Amazing Speed", quote: "The latency is simply unmatched, it's changed the way I play competitively.", name: "Alex R.", role: "Pro Gamer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcNPQ1UNfpMSBg3E7jCIzh8Uzb/young-gamer-portrait-wearing-headset-exc-1774784418176-40c43db0.png"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Great Graphics",
|
||||
quote: "I've never seen such crisp performance on my favorite titles.",
|
||||
name: "Sarah K.",
|
||||
role: "Casual Gamer",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcNPQ1UNfpMSBg3E7jCIzh8Uzb/portrait-of-a-female-professional-player-1774784418140-2e4398ba.png",
|
||||
},
|
||||
id: "2", title: "Great Graphics", quote: "I've never seen such crisp performance on my favorite titles.", name: "Sarah K.", role: "Casual Gamer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcNPQ1UNfpMSBg3E7jCIzh8Uzb/portrait-of-a-female-professional-player-1774784418140-2e4398ba.png"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Best Community",
|
||||
quote: "The community tools make it so easy to find teammates and friends.",
|
||||
name: "Mike J.",
|
||||
role: "Streamer",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcNPQ1UNfpMSBg3E7jCIzh8Uzb/portrait-of-an-enthusiastic-streamer-smi-1774784420874-76e5a7e8.png",
|
||||
},
|
||||
id: "3", title: "Best Community", quote: "The community tools make it so easy to find teammates and friends.", name: "Mike J.", role: "Streamer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcNPQ1UNfpMSBg3E7jCIzh8Uzb/portrait-of-an-enthusiastic-streamer-smi-1774784420874-76e5a7e8.png"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Reliable Servers",
|
||||
quote: "Zero downtime since I joined, it's rock solid performance.",
|
||||
name: "Elena P.",
|
||||
role: "RPG Fan",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcNPQ1UNfpMSBg3E7jCIzh8Uzb/portrait-of-a-dedicated-rpg-player-thoug-1774784419477-ab5af327.png",
|
||||
},
|
||||
id: "4", title: "Reliable Servers", quote: "Zero downtime since I joined, it's rock solid performance.", name: "Elena P.", role: "RPG Fan", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcNPQ1UNfpMSBg3E7jCIzh8Uzb/portrait-of-a-dedicated-rpg-player-thoug-1774784419477-ab5af327.png"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Top Tier Gear",
|
||||
quote: "The infrastructure is incredible, my streams have never been smoother.",
|
||||
name: "Chris M.",
|
||||
role: "Full-time Streamer",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcNPQ1UNfpMSBg3E7jCIzh8Uzb/young-gamer-portrait-wearing-headset-exc-1774784418176-40c43db0.png?_wi=2",
|
||||
},
|
||||
id: "5", title: "Top Tier Gear", quote: "The infrastructure is incredible, my streams have never been smoother.", name: "Chris M.", role: "Full-time Streamer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcNPQ1UNfpMSBg3E7jCIzh8Uzb/young-gamer-portrait-wearing-headset-exc-1774784418176-40c43db0.png"},
|
||||
]}
|
||||
title="Player Voices"
|
||||
description="See why our community loves GameNexus."
|
||||
@@ -212,55 +138,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Explorer",
|
||||
price: "$9.99",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"100GB Cloud",
|
||||
"24/7 Access",
|
||||
"Community Hub",
|
||||
],
|
||||
id: "p1", title: "Explorer", price: "$9.99", period: "/mo", features: [
|
||||
"100GB Cloud", "24/7 Access", "Community Hub"],
|
||||
button: {
|
||||
text: "Select Explorer",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcNPQ1UNfpMSBg3E7jCIzh8Uzb/aerial-view-of-a-futuristic-city-map-in--1774784422306-be05b8e7.png?_wi=2",
|
||||
imageAlt: "Aerial view of a futuristic city map in a video game, glowing lights, neon streets, detailed environ",
|
||||
},
|
||||
text: "Select Explorer"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcNPQ1UNfpMSBg3E7jCIzh8Uzb/aerial-view-of-a-futuristic-city-map-in--1774784422306-be05b8e7.png", imageAlt: "Aerial view of a futuristic city map in a video game, glowing lights, neon streets, detailed environ"},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Legendary",
|
||||
price: "$19.99",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Unlimited Cloud",
|
||||
"Priority Queue",
|
||||
"VIP Support",
|
||||
"4K Streaming",
|
||||
],
|
||||
id: "p2", title: "Legendary", price: "$19.99", period: "/mo", features: [
|
||||
"Unlimited Cloud", "Priority Queue", "VIP Support", "4K Streaming"],
|
||||
button: {
|
||||
text: "Select Legendary",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcNPQ1UNfpMSBg3E7jCIzh8Uzb/virtual-reality-interface-showing-comple-1774784418987-c9905ebd.png?_wi=2",
|
||||
imageAlt: "Virtual reality interface showing complex HUD, glowing blue elements, high tech, immersive digital w",
|
||||
},
|
||||
text: "Select Legendary"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcNPQ1UNfpMSBg3E7jCIzh8Uzb/virtual-reality-interface-showing-comple-1774784418987-c9905ebd.png", imageAlt: "Virtual reality interface showing complex HUD, glowing blue elements, high tech, immersive digital w"},
|
||||
{
|
||||
id: "p3",
|
||||
title: "Godlike",
|
||||
price: "$39.99",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Everything Legendary",
|
||||
"Tournament Entry",
|
||||
"Private Server",
|
||||
"Exclusive Gear",
|
||||
],
|
||||
id: "p3", title: "Godlike", price: "$39.99", period: "/mo", features: [
|
||||
"Everything Legendary", "Tournament Entry", "Private Server", "Exclusive Gear"],
|
||||
button: {
|
||||
text: "Select Godlike",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcNPQ1UNfpMSBg3E7jCIzh8Uzb/close-up-on-a-high-performance-gaming-ke-1774784420001-cd9862ac.png?_wi=2",
|
||||
imageAlt: "Close up on a high performance gaming keyboard with mechanical switches, RGB glow, professional game",
|
||||
},
|
||||
text: "Select Godlike"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcNPQ1UNfpMSBg3E7jCIzh8Uzb/close-up-on-a-high-performance-gaming-ke-1774784420001-cd9862ac.png", imageAlt: "Close up on a high performance gaming keyboard with mechanical switches, RGB glow, professional game"},
|
||||
]}
|
||||
title="Choose Your Tier"
|
||||
description="Flexible plans designed to suit your gaming lifestyle."
|
||||
@@ -271,13 +165,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="GameNexus"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user