Update src/app/page.tsx
This commit is contained in:
308
src/app/page.tsx
308
src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTe
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Clock, Globe, Server, Trophy, Users, Zap } from "lucide-react";
|
||||
import { Clock, Globe, Server, Trophy, Users, Zap, MousePointer, Gamepad } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Stats",
|
||||
id: "stats",
|
||||
},
|
||||
name: "Stats", id: "stats"},
|
||||
{
|
||||
name: "Community",
|
||||
id: "community",
|
||||
},
|
||||
name: "Community", id: "community"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Support", id: "faq"},
|
||||
]}
|
||||
brandName="Nexus Gaming"
|
||||
/>
|
||||
@@ -54,104 +46,56 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Unleash Your Ultimate Potential"
|
||||
description="The world's most immersive, cross-platform gaming experience. Join millions of players across the globe in a reality-defying journey."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Riv",
|
||||
handle: "@rivgaming",
|
||||
testimonial: "The best platform I've played on in years, seamless transitions!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-neon-tunnel_23-2151986973.jpg?_wi=1",
|
||||
imageAlt: "futuristic gaming dashboard interface",
|
||||
},
|
||||
name: "Alex Riv", handle: "@rivgaming", testimonial: "The best platform I've played on in years, seamless transitions!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-neon-tunnel_23-2151986973.jpg", imageAlt: "futuristic gaming dashboard interface"},
|
||||
{
|
||||
name: "Sam K",
|
||||
handle: "@samplays",
|
||||
testimonial: "Incredible performance, low latency and amazing community.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-playing-sf-shooter-videogame-computer-talking-into-headset-with-friends_482257-104108.jpg?_wi=1",
|
||||
imageAlt: "pro gaming gear setup",
|
||||
},
|
||||
name: "Sam K", handle: "@samplays", testimonial: "Incredible performance, low latency and amazing community.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-playing-sf-shooter-videogame-computer-talking-into-headset-with-friends_482257-104108.jpg", imageAlt: "pro gaming gear setup"},
|
||||
{
|
||||
name: "Jordan P",
|
||||
handle: "@jordan_dev",
|
||||
testimonial: "Revolutionary UI that makes navigation effortless.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-science-fiction-futuristic-background-with-blue-neon-lights_181624-23679.jpg?_wi=1",
|
||||
imageAlt: "data center server room",
|
||||
},
|
||||
name: "Jordan P", handle: "@jordan_dev", testimonial: "Revolutionary UI that makes navigation effortless.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-science-fiction-futuristic-background-with-blue-neon-lights_181624-23679.jpg", imageAlt: "data center server room"},
|
||||
{
|
||||
name: "Casey W",
|
||||
handle: "@caseyplays",
|
||||
testimonial: "Absolute game changer for competitive play.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-view-planet-earth_23-2150499236.jpg?_wi=1",
|
||||
imageAlt: "global network connection tech",
|
||||
},
|
||||
name: "Casey W", handle: "@caseyplays", testimonial: "Absolute game changer for competitive play.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-view-planet-earth_23-2150499236.jpg", imageAlt: "global network connection tech"},
|
||||
{
|
||||
name: "Taylor B",
|
||||
handle: "@tayplays",
|
||||
testimonial: "The community support here is top notch.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-remote-worker-enjoying-flexibility-comfort-while-browsing-online_482257-118982.jpg?_wi=1",
|
||||
imageAlt: "pro gamer studio portrait",
|
||||
},
|
||||
name: "Taylor B", handle: "@tayplays", testimonial: "The community support here is top notch.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-remote-worker-enjoying-flexibility-comfort-while-browsing-online_482257-118982.jpg", imageAlt: "pro gamer studio portrait"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Playing",
|
||||
href: "#",
|
||||
},
|
||||
text: "Start Playing", href: "#"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-neon-tunnel_23-2151986973.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-neon-tunnel_23-2151986973.jpg"
|
||||
imageAlt="Futuristic gaming platform interface"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-remote-worker-enjoying-flexibility-comfort-while-browsing-online_482257-118982.jpg",
|
||||
alt: "Pro Gamer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/black-remote-worker-enjoying-flexibility-comfort-while-browsing-online_482257-118982.jpg", alt: "Pro Gamer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-professional-soccer-player_93675-134273.jpg",
|
||||
alt: "Esports Pro",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-professional-soccer-player_93675-134273.jpg", alt: "Esports Pro"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/disabled-person-with-prosthetic-leg_23-2149057459.jpg",
|
||||
alt: "Happy Gamer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/disabled-person-with-prosthetic-leg_23-2149057459.jpg", alt: "Happy Gamer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/listening-music-man-with-fingers-up_1301-1721.jpg",
|
||||
alt: "Content Creator",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/listening-music-man-with-fingers-up_1301-1721.jpg", alt: "Content Creator"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/focused-man-rgb-lights-lit-living-room-playing-videogames_482257-116287.jpg",
|
||||
alt: "Hardcore Fan",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/focused-man-rgb-lights-lit-living-room-playing-videogames_482257-116287.jpg", alt: "Hardcore Fan"},
|
||||
]}
|
||||
avatarText="Join 15M+ active players"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ultra-Low Latency",
|
||||
},
|
||||
type: "text", text: "Ultra-Low Latency"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Server Coverage",
|
||||
},
|
||||
type: "text", text: "Global Server Coverage"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Competitive Play",
|
||||
},
|
||||
type: "text", text: "24/7 Competitive Play"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cross-Platform Sync",
|
||||
},
|
||||
type: "text", text: "Cross-Platform Sync"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Gaming Cloud",
|
||||
},
|
||||
type: "text", text: "Secure Gaming Cloud"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -163,67 +107,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Hardware",
|
||||
description: "Optimized for the highest competitive standards.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-playing-sf-shooter-videogame-computer-talking-into-headset-with-friends_482257-104108.jpg?_wi=2",
|
||||
imageAlt: "Gaming gear",
|
||||
},
|
||||
title: "Precision Hardware", description: "Optimized for the highest competitive standards.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-playing-sf-shooter-videogame-computer-talking-into-headset-with-friends_482257-104108.jpg", imageAlt: "Gaming gear"},
|
||||
items: [
|
||||
{
|
||||
icon: Mouse,
|
||||
text: "Low latency support",
|
||||
},
|
||||
icon: MousePointer,
|
||||
text: "Low latency support"},
|
||||
{
|
||||
icon: Gamepad2,
|
||||
text: "Universal controller support",
|
||||
},
|
||||
icon: Gamepad,
|
||||
text: "Universal controller support"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-soccer-player_93675-134273.jpg?_wi=1",
|
||||
imageAlt: "esports competitor portrait",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Cloud Gaming Infrastructure",
|
||||
description: "Zero lag, global edge server availability.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-science-fiction-futuristic-background-with-blue-neon-lights_181624-23679.jpg?_wi=2",
|
||||
imageAlt: "Server rack",
|
||||
},
|
||||
title: "Cloud Gaming Infrastructure", description: "Zero lag, global edge server availability.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-science-fiction-futuristic-background-with-blue-neon-lights_181624-23679.jpg", imageAlt: "Server rack"},
|
||||
items: [
|
||||
{
|
||||
icon: Server,
|
||||
text: "99.99% uptime",
|
||||
},
|
||||
text: "99.99% uptime"},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Lightning fast connection",
|
||||
},
|
||||
text: "Lightning fast connection"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/disabled-person-with-prosthetic-leg_23-2149057459.jpg?_wi=1",
|
||||
imageAlt: "happy gamer studio portrait",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Global Player Network",
|
||||
description: "Connected community of millions worldwide.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-view-planet-earth_23-2150499236.jpg?_wi=2",
|
||||
imageAlt: "Globe visualization",
|
||||
},
|
||||
title: "Global Player Network", description: "Connected community of millions worldwide.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-view-planet-earth_23-2150499236.jpg", imageAlt: "Globe visualization"},
|
||||
items: [
|
||||
{
|
||||
icon: Globe,
|
||||
text: "Global server clusters",
|
||||
},
|
||||
text: "Global server clusters"},
|
||||
{
|
||||
icon: Users,
|
||||
text: "Massive community",
|
||||
},
|
||||
text: "Massive community"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/listening-music-man-with-fingers-up_1301-1721.jpg?_wi=1",
|
||||
imageAlt: "gaming content creator headshot",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Built for Peak Performance"
|
||||
@@ -238,23 +158,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Users,
|
||||
title: "Active Players",
|
||||
value: "15M+",
|
||||
},
|
||||
id: "m1", icon: Users,
|
||||
title: "Active Players", value: "15M+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Trophy,
|
||||
title: "Tournaments Won",
|
||||
value: "250K",
|
||||
},
|
||||
id: "m2", icon: Trophy,
|
||||
title: "Tournaments Won", value: "250K"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Clock,
|
||||
title: "Hours Played",
|
||||
value: "500M+",
|
||||
},
|
||||
id: "m3", icon: Clock,
|
||||
title: "Hours Played", value: "500M+"},
|
||||
]}
|
||||
title="Dominating the Industry"
|
||||
description="Our numbers speak for themselves."
|
||||
@@ -268,59 +179,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J",
|
||||
role: "Pro Gamer",
|
||||
company: "Nexus Elite",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-remote-worker-enjoying-flexibility-comfort-while-browsing-online_482257-118982.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Sarah J", role: "Pro Gamer", company: "Nexus Elite", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-remote-worker-enjoying-flexibility-comfort-while-browsing-online_482257-118982.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C",
|
||||
role: "Esports Pro",
|
||||
company: "Global Squad",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-soccer-player_93675-134273.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Michael C", role: "Esports Pro", company: "Global Squad", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-soccer-player_93675-134273.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R",
|
||||
role: "Gamer",
|
||||
company: "Casual Squad",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/disabled-person-with-prosthetic-leg_23-2149057459.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Emily R", role: "Gamer", company: "Casual Squad", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/disabled-person-with-prosthetic-leg_23-2149057459.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K",
|
||||
role: "Streamer",
|
||||
company: "Content Labs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/listening-music-man-with-fingers-up_1301-1721.jpg?_wi=2",
|
||||
},
|
||||
id: "4", name: "David K", role: "Streamer", company: "Content Labs", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/listening-music-man-with-fingers-up_1301-1721.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa M",
|
||||
role: "Hardcore Fan",
|
||||
company: "Gaming Nation",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-man-rgb-lights-lit-living-room-playing-videogames_482257-116287.jpg",
|
||||
},
|
||||
id: "5", name: "Lisa M", role: "Hardcore Fan", company: "Gaming Nation", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-man-rgb-lights-lit-living-room-playing-videogames_482257-116287.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "99%",
|
||||
label: "Satisfaction Rate",
|
||||
},
|
||||
value: "99%", label: "Satisfaction Rate"},
|
||||
{
|
||||
value: "5M+",
|
||||
label: "Daily Active Users",
|
||||
},
|
||||
value: "5M+", label: "Daily Active Users"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Global Support",
|
||||
},
|
||||
value: "24/7", label: "Global Support"},
|
||||
]}
|
||||
title="Hear from the Community"
|
||||
description="Join the millions who call Nexus Gaming home."
|
||||
@@ -332,25 +212,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is the game free to play?",
|
||||
content: "Yes, we offer a robust free-to-play model for everyone.",
|
||||
},
|
||||
id: "f1", title: "Is the game free to play?", content: "Yes, we offer a robust free-to-play model for everyone."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I play on my console?",
|
||||
content: "Absolutely! We support cross-platform play including consoles, PC, and mobile.",
|
||||
},
|
||||
id: "f2", title: "Can I play on my console?", content: "Absolutely! We support cross-platform play including consoles, PC, and mobile."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do I join a tournament?",
|
||||
content: "You can sign up directly from your dashboard once your profile is verified.",
|
||||
},
|
||||
id: "f3", title: "How do I join a tournament?", content: "You can sign up directly from your dashboard once your profile is verified."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Is there 24/7 support?",
|
||||
content: "Yes, our global support team is available around the clock.",
|
||||
},
|
||||
id: "f4", title: "Is there 24/7 support?", content: "Yes, our global support team is available around the clock."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know to get started."
|
||||
@@ -362,14 +230,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to take your game to the next level? Join the future of gaming today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -379,42 +244,27 @@ export default function LandingPage() {
|
||||
logoText="Nexus Gaming"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
{
|
||||
label: "Discord",
|
||||
href: "#",
|
||||
},
|
||||
label: "Discord", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user