Merge version_2 into main #1
187
src/app/page.tsx
187
src/app/page.tsx
@@ -33,17 +33,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Play",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Play", id: "hero"},
|
||||
{
|
||||
name: "Games",
|
||||
id: "features",
|
||||
},
|
||||
name: "Games", id: "features"},
|
||||
{
|
||||
name: "Leaderboard",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "Leaderboard", id: "metrics"},
|
||||
]}
|
||||
brandName="DuelArena"
|
||||
/>
|
||||
@@ -55,35 +49,21 @@ export default function LandingPage() {
|
||||
description="The ultimate browser-based arena for 2-player head-to-head madness. Grab a friend, choose your keys, and let the chaos begin."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Game",
|
||||
href: "#",
|
||||
},
|
||||
text: "Start Game", href: "#"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-led-scoreboard-display_187299-47308.jpg",
|
||||
imageAlt: "neon gaming background",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-led-scoreboard-display_187299-47308.jpg", imageAlt: "neon gaming background"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-tunnel-corridor-with-neon-glowing-lights-3d-rendering-background_181624-21200.jpg",
|
||||
imageAlt: "neon gaming background",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-tunnel-corridor-with-neon-glowing-lights-3d-rendering-background_181624-21200.jpg", imageAlt: "neon gaming background"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-colorful-neon-background_23-2150689408.jpg",
|
||||
imageAlt: "neon gaming background",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-colorful-neon-background_23-2150689408.jpg", imageAlt: "neon gaming background"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-3d-shapes-vaporwave-style_23-2148981119.jpg",
|
||||
imageAlt: "neon gaming background",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-3d-shapes-vaporwave-style_23-2148981119.jpg", imageAlt: "neon gaming background"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-gaming-background_23-2151932065.jpg",
|
||||
imageAlt: "neon gaming background",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-gaming-background_23-2151932065.jpg", imageAlt: "neon gaming background"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-neon-colors-illuminated-arrow_23-2151204972.jpg",
|
||||
imageAlt: "neon gaming background",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-neon-colors-illuminated-arrow_23-2151204972.jpg", imageAlt: "neon gaming background"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,20 +87,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "P1 Arrow Controls",
|
||||
description: "Classic precision with standard arrow key inputs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151204917.jpg",
|
||||
},
|
||||
title: "P1 Arrow Controls", description: "Low-latency execution for lightning-fast reactions.", imageSrc: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151204917.jpg"},
|
||||
{
|
||||
title: "P2 W/S Controls",
|
||||
description: "Ergonomic layout specifically for Player 2.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074274.jpg",
|
||||
},
|
||||
title: "P2 W/S Controls", description: "Optimized layout for competitive precision.", imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074274.jpg"},
|
||||
{
|
||||
title: "Instant Matchmaking",
|
||||
description: "Just press play and challenge your opponent instantly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-video-game-elements-collection_52683-111459.jpg",
|
||||
},
|
||||
title: "Instant Matchmaking", description: "Experience seamless, immediate head-to-head duels.", imageSrc: "http://img.b2bpic.net/free-vector/gradient-video-game-elements-collection_52683-111459.jpg"},
|
||||
]}
|
||||
title="Gaming Features"
|
||||
description="Engineered for maximum accessibility and competitive balance."
|
||||
@@ -135,41 +106,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Retro Pong",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-device-studio_23-2150756319.jpg",
|
||||
},
|
||||
id: "1", name: "Retro Pong", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/old-device-studio_23-2150756319.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Space Shooter",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/8-bits-farm-gaming-assets_23-2151143674.jpg",
|
||||
},
|
||||
id: "2", name: "Space Shooter", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/8-bits-farm-gaming-assets_23-2151143674.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Pixel Racer",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-car-city_23-2151710933.jpg",
|
||||
},
|
||||
id: "3", name: "Pixel Racer", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/anime-car-city_23-2151710933.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Brick Breaker",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-colorful-pixel-background_23-2149625614.jpg",
|
||||
},
|
||||
id: "4", name: "Brick Breaker", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/abstract-colorful-pixel-background_23-2149625614.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Arena Combat",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-empty-soccer-stadium-with-fantasy-dreamy-sky_23-2151563049.jpg",
|
||||
},
|
||||
id: "5", name: "Arena Combat", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/view-empty-soccer-stadium-with-fantasy-dreamy-sky_23-2151563049.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Block Jumper",
|
||||
price: "Free",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uahjxv",
|
||||
},
|
||||
id: "6", name: "Block Jumper", price: "Free", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uahjxv"},
|
||||
]}
|
||||
title="Available Arenas"
|
||||
description="Choose your battlefield, from classic pixel combat to high-speed chases."
|
||||
@@ -184,20 +131,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2M",
|
||||
description: "Rounds Played",
|
||||
},
|
||||
id: "m1", value: "1.2M", description: "Rounds Played"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500K",
|
||||
description: "Active Players",
|
||||
},
|
||||
id: "m2", value: "500K", description: "Active Players"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
description: "Uptime",
|
||||
},
|
||||
id: "m3", value: "99.9%", description: "Uptime"},
|
||||
]}
|
||||
title="Global Stats"
|
||||
description="Millions of rounds played in our arenas daily."
|
||||
@@ -212,45 +150,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex",
|
||||
role: "Gamer",
|
||||
company: "Arena",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hispanic-young-man-playing-video-games-with-smartphone-smiling-happy-pointing-with-hand-finger-side_839833-34241.jpg",
|
||||
},
|
||||
id: "1", name: "Alex", role: "Gamer", company: "Arena", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hispanic-young-man-playing-video-games-with-smartphone-smiling-happy-pointing-with-hand-finger-side_839833-34241.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jordan",
|
||||
role: "Pro",
|
||||
company: "Esports",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/basketball-player-posing-with-ball-fingers_23-2147644470.jpg",
|
||||
},
|
||||
id: "2", name: "Jordan", role: "Pro", company: "Esports", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/basketball-player-posing-with-ball-fingers_23-2147644470.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Casey",
|
||||
role: "Fan",
|
||||
company: "Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-teenage-friends-playing-video-games-together-home_23-2149332886.jpg",
|
||||
},
|
||||
id: "3", name: "Casey", role: "Fan", company: "Community", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-teenage-friends-playing-video-games-together-home_23-2149332886.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Taylor",
|
||||
role: "Gamer",
|
||||
company: "Arena",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-young-beautiful-girl-playing-phone-isolated-green-wall_141793-87369.jpg",
|
||||
},
|
||||
id: "4", name: "Taylor", role: "Gamer", company: "Arena", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-young-beautiful-girl-playing-phone-isolated-green-wall_141793-87369.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Morgan",
|
||||
role: "Fan",
|
||||
company: "Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-guy-compete-speed-rider-arcade-game-racing-simulator-machine_627829-14222.jpg",
|
||||
},
|
||||
id: "5", name: "Morgan", role: "Fan", company: "Community", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-guy-compete-speed-rider-arcade-game-racing-simulator-machine_627829-14222.jpg"},
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="See why players love the arena."
|
||||
@@ -263,20 +176,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need to install anything?",
|
||||
content: "No! Our games run directly in your browser.",
|
||||
},
|
||||
id: "f1", title: "Do I need to install anything?", content: "No! Our games run directly in your browser."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I play alone?",
|
||||
content: "Some games support solo mode, but the arena is built for 2 players.",
|
||||
},
|
||||
id: "f2", title: "Can I play alone?", content: "Some games support solo mode, but the arena is built for 2 players."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is it mobile friendly?",
|
||||
content: "Best experienced on desktop keyboards for precise control.",
|
||||
},
|
||||
id: "f3", title: "Is it mobile friendly?", content: "Best experienced on desktop keyboards for precise control."},
|
||||
]}
|
||||
title="Arena FAQs"
|
||||
description="Everything you need to know about our browser games."
|
||||
@@ -288,8 +192,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
title="Join the Arena"
|
||||
description="Sign up for updates on new game releases and tournaments."
|
||||
tag="Support"
|
||||
@@ -302,25 +205,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -330,4 +225,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user