bender/60b4be6e-4740-4a77-b7fe-26f538884115
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-05-10 08:39:43 +00:00
parent 708a789cb6
commit b77cf10098
1 changed files with 57 additions and 191 deletions
Download Patch File Download Diff File Expand all files Collapse all files

248
src/app/page.tsx
View File

@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Games",
id: "games",
},
name: "Games", id: "games"},
{
name: "Community",
id: "stats",
},
name: "Community", id: "stats"},
{
name: "Support",
id: "contact",
},
name: "Support", id: "contact"},
]}
brandName="GameSphere"
/>
@@ -58,37 +50,23 @@ export default function LandingPage() {
description="Discover, play, and compete with thousands of games on our high-speed, community-driven platform."
buttons={[
{
text: "Play Now",
href: "#games",
},
text: "Start Playing Free", href: "#games"},
{
text: "Join Community",
href: "#contact",
},
text: "Join Community", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/cyber-security-expert-working-with-technology-neon-lights_23-2151645670.jpg"
imageAlt="Futuristic gaming platform hero interface"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/cyberpunk-boy-illustration_23-2151728231.jpg",
alt: "Cyberpunk boy illustration",
},
src: "http://img.b2bpic.net/free-photo/cyberpunk-boy-illustration_23-2151728231.jpg", alt: "Cyberpunk boy illustration"},
{
src: "http://img.b2bpic.net/free-photo/programmer-developing-software-large-computer-screen_53876-101149.jpg",
alt: "Programmer developing software on a large computer screen",
},
src: "http://img.b2bpic.net/free-photo/programmer-developing-software-large-computer-screen_53876-101149.jpg", alt: "Programmer developing software on a large computer screen"},
{
src: "http://img.b2bpic.net/free-photo/futuristic-set-with-dj-charge-music-using-virtual-reality-glasses_23-2151418220.jpg",
alt: "Futuristic set with dj in charge of music using virtual reality glasses",
},
src: "http://img.b2bpic.net/free-photo/futuristic-set-with-dj-charge-music-using-virtual-reality-glasses_23-2151418220.jpg", alt: "Futuristic set with dj in charge of music using virtual reality glasses"},
{
src: "http://img.b2bpic.net/free-photo/cyberpunk-illustration-with-neon-colors-futuristic-technology_23-2151671979.jpg",
alt: "Cyberpunk illustration with neon colors and futuristic technology",
},
src: "http://img.b2bpic.net/free-photo/cyberpunk-illustration-with-neon-colors-futuristic-technology_23-2151671979.jpg", alt: "Cyberpunk illustration with neon colors and futuristic technology"},
{
src: "http://img.b2bpic.net/free-photo/cyberpunk-boy-illustration_23-2151728202.jpg",
alt: "Cyberpunk boy illustration",
},
src: "http://img.b2bpic.net/free-photo/cyberpunk-boy-illustration_23-2151728202.jpg", alt: "Cyberpunk boy illustration"},
]}
avatarText="Join 1M+ active players"
/>
@@ -102,59 +80,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "1",
brand: "Adventure",
name: "Shadow Quest",
price: "Free",
rating: 5,
reviewCount: "12k",
imageSrc: "http://img.b2bpic.net/free-photo/view-airplane-flying-through-fantasy-world_23-2151752713.jpg",
},
id: "1", brand: "Adventure", name: "Shadow Quest", price: "Free", rating: 5,
reviewCount: "12k", imageSrc: "http://img.b2bpic.net/free-photo/view-airplane-flying-through-fantasy-world_23-2151752713.jpg"},
{
id: "2",
brand: "Racing",
name: "Cyber Drift",
price: "Free",
rating: 4,
reviewCount: "8k",
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138974.jpg",
},
id: "2", brand: "Racing", name: "Cyber Drift", price: "Free", rating: 4,
reviewCount: "8k", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138974.jpg"},
{
id: "3",
brand: "Puzzle",
name: "Whimsy Land",
price: "$4.99",
rating: 5,
reviewCount: "5k",
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-dragon-character_23-2151128980.jpg",
},
id: "3", brand: "Puzzle", name: "Whimsy Land", price: "$4.99", rating: 5,
reviewCount: "5k", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-dragon-character_23-2151128980.jpg"},
{
id: "4",
brand: "Action",
name: "City Ruins",
price: "Free",
rating: 4,
reviewCount: "15k",
imageSrc: "http://img.b2bpic.net/free-photo/darkly-atmospheric-retail-environment-rendering_23-2151153776.jpg",
},
id: "4", brand: "Action", name: "City Ruins", price: "Free", rating: 4,
reviewCount: "15k", imageSrc: "http://img.b2bpic.net/free-photo/darkly-atmospheric-retail-environment-rendering_23-2151153776.jpg"},
{
id: "5",
brand: "Strategy",
name: "Kingdom Tales",
price: "$2.99",
rating: 4,
reviewCount: "9k",
imageSrc: "http://img.b2bpic.net/free-photo/coastal-landscape-fantasy-style_23-2151515098.jpg",
},
id: "5", brand: "Strategy", name: "Kingdom Tales", price: "$2.99", rating: 4,
reviewCount: "9k", imageSrc: "http://img.b2bpic.net/free-photo/coastal-landscape-fantasy-style_23-2151515098.jpg"},
{
id: "6",
brand: "Shooter",
name: "Tactical Strike",
price: "Free",
rating: 5,
reviewCount: "20k",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-soldier-wearing-camouflage-equipment_23-2151001961.jpg",
},
id: "6", brand: "Shooter", name: "Tactical Strike", price: "Free", rating: 5,
reviewCount: "20k", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-soldier-wearing-camouflage-equipment_23-2151001961.jpg"},
]}
title="Popular Games Library"
description="Explore the best titles from top-tier developers and indie creators."
@@ -168,23 +110,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Zero Latency",
description: "Optimized servers ensuring lag-free gameplay experience worldwide.",
imageSrc: "http://img.b2bpic.net/free-photo/cybernetic-warrior-neon-lit-server-room_23-2152031312.jpg",
imageAlt: "Latency",
},
title: "Zero Latency", description: "Optimized servers ensuring lag-free gameplay experience worldwide.", imageSrc: "http://img.b2bpic.net/free-photo/cybernetic-warrior-neon-lit-server-room_23-2152031312.jpg", imageAlt: "Latency"},
{
title: "Community Rewards",
description: "Unlock badges, points, and exclusive access by leveling up your gaming profile.",
imageSrc: "http://img.b2bpic.net/free-photo/batmobile-car-with-neon-lights_23-2151649938.jpg",
imageAlt: "Rewards",
},
title: "Community Rewards", description: "Unlock badges, points, and exclusive access by leveling up your gaming profile.", imageSrc: "http://img.b2bpic.net/free-photo/batmobile-car-with-neon-lights_23-2151649938.jpg", imageAlt: "Rewards"},
{
title: "Multi-Device Sync",
description: "Seamlessly switch between desktop, mobile, and console platforms instantly.",
imageSrc: "http://img.b2bpic.net/free-photo/view-kids-playing-video-games-together_23-2151005762.jpg",
imageAlt: "Sync",
},
title: "Multi-Device Sync", description: "Seamlessly switch between desktop, mobile, and console platforms instantly.", imageSrc: "http://img.b2bpic.net/free-photo/view-kids-playing-video-games-together_23-2151005762.jpg", imageAlt: "Sync"},
]}
title="Why Gamers Choose Us"
description="Built for speed, performance, and maximum entertainment."
@@ -198,23 +128,14 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "1",
icon: Star,
title: "Active Games",
value: "5,000+",
},
id: "1", icon: Star,
title: "Active Games", value: "5,000+"},
{
id: "2",
icon: Users,
title: "Registered Players",
value: "1M+",
},
id: "2", icon: Users,
title: "Registered Players", value: "1M+"},
{
id: "3",
icon: Trophy,
title: "Tournaments Held",
value: "500+",
},
id: "3", icon: Trophy,
title: "Tournaments Held", value: "500+"},
]}
title="Our Global Impact"
description="Building the world's most active gaming ecosystem."
@@ -229,45 +150,20 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Alex J.",
role: "Hardcore Gamer",
company: "Global Clan",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/concept-covid-social-distancing-lifestyle-image-middleaged-man-medical-mask-gloves_1258-130915.jpg",
},
id: "1", name: "Alex J.", role: "Hardcore Gamer", company: "Global Clan", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/concept-covid-social-distancing-lifestyle-image-middleaged-man-medical-mask-gloves_1258-130915.jpg"},
{
id: "2",
name: "Sarah M.",
role: "Speedrunner",
company: "Pro League",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/black-teen-smiling-girl-headset-playing-video-games-video-game-club_1268-25918.jpg",
},
id: "2", name: "Sarah M.", role: "Speedrunner", company: "Pro League", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/black-teen-smiling-girl-headset-playing-video-games-video-game-club_1268-25918.jpg"},
{
id: "3",
name: "Chris K.",
role: "Casual Fan",
company: "Casual Squad",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/african-american-bearded-guy-wearing-hoodie-cap-sitting-gamer-chair-looking-camera-gaming-club-internet-cafe_613910-19248.jpg",
},
id: "3", name: "Chris K.", role: "Casual Fan", company: "Casual Squad", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/african-american-bearded-guy-wearing-hoodie-cap-sitting-gamer-chair-looking-camera-gaming-club-internet-cafe_613910-19248.jpg"},
{
id: "4",
name: "Jordan P.",
role: "Strategy Enthusiast",
company: "Tactical Team",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/joyful-woman-couch-playing-game-console_23-2148095815.jpg",
},
id: "4", name: "Jordan P.", role: "Strategy Enthusiast", company: "Tactical Team", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/joyful-woman-couch-playing-game-console_23-2148095815.jpg"},
{
id: "5",
name: "Taylor W.",
role: "Competitive Player",
company: "Elite Elite",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-pro-gamer-streaming-game-while-talking-with-subscribers-using-headphones-mic_482257-116250.jpg",
},
id: "5", name: "Taylor W.", role: "Competitive Player", company: "Elite Elite", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-pro-gamer-streaming-game-while-talking-with-subscribers-using-headphones-mic_482257-116250.jpg"},
]}
title="Player Voices"
description="What our community has to say about their gaming journey with us."
@@ -280,20 +176,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Is the platform free?",
content: "Yes, basic access and a vast library of games are completely free to enjoy.",
},
id: "1", title: "Is the platform free?", content: "Yes, basic access and a vast library of games are completely free to enjoy."},
{
id: "2",
title: "Can I play on my phone?",
content: "Absolutely, our web platform is optimized for seamless mobile gaming.",
},
id: "2", title: "Can I play on my phone?", content: "Absolutely, our web platform is optimized for seamless mobile gaming."},
{
id: "3",
title: "How do I join a clan?",
content: "Navigate to the community tab and search for active clans to join the action.",
},
id: "3", title: "How do I join a clan?", content: "Navigate to the community tab and search for active clans to join the action."},
]}
imageSrc="http://img.b2bpic.net/free-photo/cyber-security-expert-working-with-technology-neon-lights_23-2151645587.jpg"
imageAlt="Support team"
@@ -308,14 +195,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
text="Ready to dominate the leaderboard? Reach out and get started today."
buttons={[
{
text: "Contact Support",
href: "mailto:support@gamesphere.com",
},
text: "Contact Support", href: "mailto:support@gamesphere.com"},
]}
/>
</div>
@@ -326,49 +210,31 @@ export default function LandingPage() {
{
items: [
{
label: "Explore Games",
href: "#games",
},
label: "Explore Games", href: "#games"},
{
label: "Trending",
href: "#games",
},
label: "Trending", href: "#games"},
{
label: "Top Rated",
href: "#games",
},
label: "Top Rated", href: "#games"},
],
},
{
items: [
{
label: "Community",
href: "#stats",
},
label: "Community", href: "#stats"},
{
label: "Support",
href: "#contact",
},
label: "Support", href: "#contact"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
{
items: [
{
label: "Twitter",
href: "https://twitter.com",
},
label: "Twitter", href: "https://twitter.com"},
{
label: "Discord",
href: "https://discord.com",
},
label: "Discord", href: "https://discord.com"},
{
label: "YouTube",
href: "https://youtube.com",
},
label: "YouTube", href: "https://youtube.com"},
],
},
]}
@@ -378,4 +244,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}