Merge version_2 into main #2
245
src/app/page.tsx
245
src/app/page.tsx
@@ -32,45 +32,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Games",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Community",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Games", id: "products" },
|
||||
{ name: "Community", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="GameNexus"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Enter the Next Level of Gaming"
|
||||
description="Experience lightning-fast cloud gaming, professional esports arenas, and a vast library of award-winning titles right at your fingertips."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Gaming",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Start Gaming", href: "#products"},
|
||||
{
|
||||
text: "Join Community",
|
||||
href: "#testimonials",
|
||||
},
|
||||
text: "Join Community", href: "#testimonials"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-gaming-setup-with-rgb-keyboard_23-2149829134.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-gaming-setup-with-rgb-keyboard_23-2149829134.jpg"
|
||||
imageAlt="High-end gaming workstation setup"
|
||||
/>
|
||||
</div>
|
||||
@@ -78,67 +62,50 @@ export default function LandingPage() {
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Ultra-Low Latency",
|
||||
description: "Near-zero ping cloud infrastructure.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/intricate-3d-cross-with-bright-lights_23-2151004924.jpg",
|
||||
title: "Ultra-Low Latency", description: "Near-zero ping cloud infrastructure.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/intricate-3d-cross-with-bright-lights_23-2151004924.jpg", imageAlt: "cloud gaming technology abstract"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "0ms jitter",
|
||||
},
|
||||
text: "0ms jitter"},
|
||||
{
|
||||
icon: Globe,
|
||||
text: "Global CDN",
|
||||
},
|
||||
text: "Global CDN"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-gaming-setup-with-rgb-keyboard_23-2149829134.jpg?_wi=2",
|
||||
imageAlt: "cloud gaming technology abstract",
|
||||
},
|
||||
{
|
||||
title: "Esports Ready",
|
||||
description: "Professional tournament software for all tiers.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bowling-alley-neon-lights_23-2151697017.jpg",
|
||||
title: "Esports Ready", description: "Professional tournament software for all tiers.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bowling-alley-neon-lights_23-2151697017.jpg", imageAlt: "esports arena lighting competition"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Trophy,
|
||||
text: "Ranked ladders",
|
||||
},
|
||||
text: "Ranked ladders"},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Verified play",
|
||||
},
|
||||
text: "Verified play"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-brunette-caucasian-woman-headphones-holds-looks-phone_141793-115591.jpg",
|
||||
imageAlt: "cloud gaming technology abstract",
|
||||
},
|
||||
{
|
||||
title: "Multi-Platform",
|
||||
description: "Sync progress across all your devices.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-scary-clown-abandoned-building_23-2150529993.jpg?_wi=1",
|
||||
title: "Multi-Platform", description: "Sync progress across all your devices.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-scary-clown-abandoned-building_23-2150529993.jpg", imageAlt: "mobile gaming action display"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Smartphone,
|
||||
text: "Mobile sync",
|
||||
},
|
||||
text: "Mobile sync"},
|
||||
{
|
||||
icon: Monitor,
|
||||
text: "4K support",
|
||||
},
|
||||
text: "4K support"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-water-view-anime-style_23-2151080246.jpg?_wi=1",
|
||||
imageAlt: "cloud gaming technology abstract",
|
||||
},
|
||||
]}
|
||||
title="Engineered for Performance"
|
||||
@@ -154,41 +121,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Neon Recon",
|
||||
price: "$59.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-scary-clown-abandoned-building_23-2150529993.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Neon Recon", price: "$59.99", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-scary-clown-abandoned-building_23-2150529993.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Forest Mythos",
|
||||
price: "$39.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-water-view-anime-style_23-2151080246.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Forest Mythos", price: "$39.99", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-water-view-anime-style_23-2151080246.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Urban Shadow",
|
||||
price: "$49.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spectacular-sci-fi-landscape_23-2151954452.jpg",
|
||||
},
|
||||
id: "3", name: "Urban Shadow", price: "$49.99", imageSrc: "http://img.b2bpic.net/free-photo/spectacular-sci-fi-landscape_23-2151954452.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Hyper Drift X",
|
||||
price: "$69.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/speed-lights-effect-background-abstract-black-red-colors_1048-11300.jpg",
|
||||
},
|
||||
id: "4", name: "Hyper Drift X", price: "$69.99", imageSrc: "http://img.b2bpic.net/free-photo/speed-lights-effect-background-abstract-black-red-colors_1048-11300.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Void Echo",
|
||||
price: "$29.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-archeological-underwater-building-ruins_23-2150887028.jpg",
|
||||
},
|
||||
id: "5", name: "Void Echo", price: "$29.99", imageSrc: "http://img.b2bpic.net/free-photo/view-archeological-underwater-building-ruins_23-2150887028.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Geometric Journey",
|
||||
price: "$19.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/nature-landscapes-minimalist-aesthetics-set-with-dull-colors_53876-119297.jpg",
|
||||
},
|
||||
id: "6", name: "Geometric Journey", price: "$19.99", imageSrc: "http://img.b2bpic.net/free-vector/nature-landscapes-minimalist-aesthetics-set-with-dull-colors_53876-119297.jpg"},
|
||||
]}
|
||||
title="Discover Your Next Obsession"
|
||||
description="Browse our curated selection of top-tier games across all genres."
|
||||
@@ -202,23 +145,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Users,
|
||||
title: "Active Players",
|
||||
value: "1.2M+",
|
||||
},
|
||||
id: "1", icon: Users,
|
||||
title: "Active Players", value: "1.2M+"},
|
||||
{
|
||||
id: "2",
|
||||
icon: Trophy,
|
||||
title: "Tournaments Held",
|
||||
value: "5,000+",
|
||||
},
|
||||
id: "2", icon: Trophy,
|
||||
title: "Tournaments Held", value: "5,000+"},
|
||||
{
|
||||
id: "3",
|
||||
icon: Star,
|
||||
title: "Games Played",
|
||||
value: "25M+",
|
||||
},
|
||||
id: "3", icon: Star,
|
||||
title: "Games Played", value: "25M+"},
|
||||
]}
|
||||
title="Powered by Numbers"
|
||||
description="Join a global community growing every single day."
|
||||
@@ -229,50 +163,25 @@ export default function LandingPage() {
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
showRating={true}
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarah_plays",
|
||||
testimonial: "The best cloud gaming experience I've ever had. No lag whatsoever!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-bearded-guy-tourist-going-holiday-fastening-his-clothes-suitcase-packing-vacation-going-business-trip-sitting-bedroom_1258-314649.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", handle: "@sarah_plays", testimonial: "The best cloud gaming experience I've ever had. No lag whatsoever!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-bearded-guy-tourist-going-holiday-fastening-his-clothes-suitcase-packing-vacation-going-business-trip-sitting-bedroom_1258-314649.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Alex Chen",
|
||||
handle: "@chen_esports",
|
||||
testimonial: "GameNexus changed the way I compete professionally.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/influencer-showing-music-playing-device-recording-with-smartphone_482257-124157.jpg",
|
||||
},
|
||||
id: "2", name: "Alex Chen", handle: "@chen_esports", testimonial: "GameNexus changed the way I compete professionally.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/influencer-showing-music-playing-device-recording-with-smartphone_482257-124157.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jordan P.",
|
||||
handle: "@j_p_gaming",
|
||||
testimonial: "Incredible selection and community features, love it.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thinking-young-sporty-man-wearing-headband-wristband-with-headphones-phone-arm-band-grabbed-chin_141793-89802.jpg",
|
||||
},
|
||||
id: "3", name: "Jordan P.", handle: "@j_p_gaming", testimonial: "Incredible selection and community features, love it.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thinking-young-sporty-man-wearing-headband-wristband-with-headphones-phone-arm-band-grabbed-chin_141793-89802.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Maria Garcia",
|
||||
handle: "@maria_g",
|
||||
testimonial: "Easy to set up and smooth gameplay on every device.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241317.jpg",
|
||||
},
|
||||
id: "4", name: "Maria Garcia", handle: "@maria_g", testimonial: "Easy to set up and smooth gameplay on every device.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241317.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Kevin Lee",
|
||||
handle: "@k_lee_01",
|
||||
testimonial: "Unmatched performance even with a basic setup.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-glasses-is-sitting-chair-while-pretty-girl-behide-his-back-is-smiling-camera_613910-21684.jpg",
|
||||
},
|
||||
id: "5", name: "Kevin Lee", handle: "@k_lee_01", testimonial: "Unmatched performance even with a basic setup.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-glasses-is-sitting-chair-while-pretty-girl-behide-his-back-is-smiling-camera_613910-21684.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Hear From Our Community"
|
||||
description="Thousands of gamers choose GameNexus for their daily grind."
|
||||
/>
|
||||
@@ -283,14 +192,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"NexusOne",
|
||||
"PixelSoft",
|
||||
"ApexGaming",
|
||||
"IndieLab",
|
||||
"CloudSync",
|
||||
"CoreMedia",
|
||||
"HardwareHub",
|
||||
]}
|
||||
"NexusOne", "PixelSoft", "ApexGaming", "IndieLab", "CloudSync", "CoreMedia", "HardwareHub"]}
|
||||
title="Industry Partners"
|
||||
description="Supported by the best hardware and software brands."
|
||||
/>
|
||||
@@ -302,20 +204,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is my hardware compatible?",
|
||||
content: "Yes, GameNexus runs on most browsers and mobile devices.",
|
||||
},
|
||||
id: "1", title: "Is my hardware compatible?", content: "Yes, GameNexus runs on most browsers and mobile devices."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do I need a high-speed connection?",
|
||||
content: "We recommend at least 15Mbps for 1080p gaming.",
|
||||
},
|
||||
id: "2", title: "Do I need a high-speed connection?", content: "We recommend at least 15Mbps for 1080p gaming."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I play multiplayer games?",
|
||||
content: "Absolutely, all multiplayer games are fully supported.",
|
||||
},
|
||||
id: "3", title: "Can I play multiplayer games?", content: "Absolutely, all multiplayer games are fully supported."},
|
||||
]}
|
||||
title="Got Questions?"
|
||||
description="Here is what our players frequently ask."
|
||||
@@ -327,16 +220,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Support Center"
|
||||
title="Need Help? Talk to Us."
|
||||
description="Our customer support team is available 24/7 to assist with your account or technical issues."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -345,42 +235,27 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user