Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
135
src/app/page.tsx
135
src/app/page.tsx
@@ -29,19 +29,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Game",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Game", id: "#hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Community",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Community", id: "#testimonials"},
|
||||
]}
|
||||
brandName="Urban Legend"
|
||||
button={{
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -51,32 +47,20 @@ export default function LandingPage() {
|
||||
description="Rise from nothing to rule the city in the most immersive open-world experience ever built. Build your empire, outrun the law, and define your legacy."
|
||||
buttons={[
|
||||
{
|
||||
text: "Play Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Play Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/digital-art-with-urban-landscape-architecture_23-2151065720.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/digital-art-with-urban-landscape-architecture_23-2151065720.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/off-road-car-fantasy-scene_23-2151437532.jpg",
|
||||
alt: "Off-road car in fantasy scene",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/off-road-car-fantasy-scene_23-2151437532.jpg", alt: "Off-road car in fantasy scene"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-fantasy-landscape-background_23-2149124340.jpg",
|
||||
alt: "Abstract fantasy landscape background",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-fantasy-landscape-background_23-2149124340.jpg", alt: "Abstract fantasy landscape background"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-city-street-night_23-2150840679.jpg",
|
||||
alt: "View of city street at night",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-city-street-night_23-2150840679.jpg", alt: "View of city street at night"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dark-style-sky-nighttime_23-2151103625.jpg",
|
||||
alt: "Dark style sky nighttime",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/dark-style-sky-nighttime_23-2151103625.jpg", alt: "Dark style sky nighttime"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-man-sitting-yellow-sofa-playing-video-game-with-joystick-living-room_23-2148049045.jpg",
|
||||
alt: "Close-up of young man sitting on yellow sofa playing video game",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-man-sitting-yellow-sofa-playing-video-game-with-joystick-living-room_23-2148049045.jpg", alt: "Close-up of young man sitting on yellow sofa playing video game"},
|
||||
]}
|
||||
avatarText="Join 1M+ players"
|
||||
/>
|
||||
@@ -88,9 +72,7 @@ export default function LandingPage() {
|
||||
title="A World Without Limits"
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Gameplay",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Discover Gameplay", href: "#features"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,26 +83,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Combat",
|
||||
title: "Tactical Warfare",
|
||||
subtitle: "Outsmart enemies",
|
||||
description: "Engage in intense combat scenarios with realistic physics.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674316.jpg?_wi=1",
|
||||
},
|
||||
tag: "Combat", title: "Tactical Warfare", subtitle: "Outsmart enemies", description: "Engage in intense combat scenarios with realistic physics.", imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674316.jpg"},
|
||||
{
|
||||
tag: "Gear",
|
||||
title: "Advanced Arsenal",
|
||||
subtitle: "Customize your loadout",
|
||||
description: "Unlock and upgrade hundreds of unique weapons and tools.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/military-expert-base-operations-using-radar-notebook_482257-116366.jpg?_wi=1",
|
||||
},
|
||||
tag: "Gear", title: "Advanced Arsenal", subtitle: "Customize your loadout", description: "Unlock and upgrade hundreds of unique weapons and tools.", imageSrc: "http://img.b2bpic.net/free-photo/military-expert-base-operations-using-radar-notebook_482257-116366.jpg"},
|
||||
{
|
||||
tag: "Style",
|
||||
title: "City Life",
|
||||
subtitle: "Define your look",
|
||||
description: "Express yourself with deep character customization and clothing systems.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-online-avatar-design_23-2149699879.jpg?_wi=1",
|
||||
},
|
||||
tag: "Style", title: "City Life", subtitle: "Define your look", description: "Express yourself with deep character customization and clothing systems.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-online-avatar-design_23-2149699879.jpg"},
|
||||
]}
|
||||
title="Master the Urban Jungle"
|
||||
description="Explore every corner of the sprawling metropolitan city with freedom of choice and endless progression paths."
|
||||
@@ -133,60 +100,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
date: "Oct 2023",
|
||||
title: "Pro Gamer",
|
||||
quote: "The most immersive world I've ever played in. The attention to detail is insane.",
|
||||
tag: "Review",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/professional-gamer-with-long-beard-front-powerful-gaming-rig-room-full-neon-lights_482257-31690.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-with-urban-landscape-architecture_23-2151065720.jpg?_wi=2",
|
||||
imageAlt: "focused gamer portrait neon lights",
|
||||
},
|
||||
id: "1", name: "Alex R.", date: "Oct 2023", title: "Pro Gamer", quote: "The most immersive world I've ever played in. The attention to detail is insane.", tag: "Review", avatarSrc: "http://img.b2bpic.net/free-photo/professional-gamer-with-long-beard-front-powerful-gaming-rig-room-full-neon-lights_482257-31690.jpg", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-with-urban-landscape-architecture_23-2151065720.jpg", imageAlt: "focused gamer portrait neon lights"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah J.",
|
||||
date: "Nov 2023",
|
||||
title: "Streamer",
|
||||
quote: "Endless replayability. I'm constantly finding new things to do in the city.",
|
||||
tag: "Review",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-handsome-hacker-work-man-hood-headphones-looking-laptop-screen-typing-hacking-computer-concept_74855-24673.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-man-warrior-with-dog_23-2150712452.jpg",
|
||||
imageAlt: "focused gamer portrait neon lights",
|
||||
},
|
||||
id: "2", name: "Sarah J.", date: "Nov 2023", title: "Streamer", quote: "Endless replayability. I'm constantly finding new things to do in the city.", tag: "Review", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-handsome-hacker-work-man-hood-headphones-looking-laptop-screen-typing-hacking-computer-concept_74855-24673.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-man-warrior-with-dog_23-2150712452.jpg", imageAlt: "focused gamer portrait neon lights"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike K.",
|
||||
date: "Dec 2023",
|
||||
title: "Gamer",
|
||||
quote: "The character customization is a game changer. Every player feels unique.",
|
||||
tag: "Review",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-african-american-guy-enjoying-spending-time-with-his-friends-playing-multiplayer-video-game-pc-gaming-club-internet-cafe_613910-19146.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674316.jpg?_wi=2",
|
||||
imageAlt: "focused gamer portrait neon lights",
|
||||
},
|
||||
id: "3", name: "Mike K.", date: "Dec 2023", title: "Gamer", quote: "The character customization is a game changer. Every player feels unique.", tag: "Review", avatarSrc: "http://img.b2bpic.net/free-photo/young-african-american-guy-enjoying-spending-time-with-his-friends-playing-multiplayer-video-game-pc-gaming-club-internet-cafe_613910-19146.jpg", imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674316.jpg", imageAlt: "focused gamer portrait neon lights"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena V.",
|
||||
date: "Jan 2024",
|
||||
title: "Editor",
|
||||
quote: "Incredible graphics and story depth. Definitely a must-play experience.",
|
||||
tag: "Review",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-man-playing-videogames_23-2150573843.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/military-expert-base-operations-using-radar-notebook_482257-116366.jpg?_wi=2",
|
||||
imageAlt: "focused gamer portrait neon lights",
|
||||
},
|
||||
id: "4", name: "Elena V.", date: "Jan 2024", title: "Editor", quote: "Incredible graphics and story depth. Definitely a must-play experience.", tag: "Review", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-man-playing-videogames_23-2150573843.jpg", imageSrc: "http://img.b2bpic.net/free-photo/military-expert-base-operations-using-radar-notebook_482257-116366.jpg", imageAlt: "focused gamer portrait neon lights"},
|
||||
{
|
||||
id: "5",
|
||||
name: "John D.",
|
||||
date: "Feb 2024",
|
||||
title: "Gamer",
|
||||
quote: "Total freedom. I feel like I'm really living a second life in this city.",
|
||||
tag: "Review",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/photographer-hold-digital-camera-looking-white-display_158595-5718.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-online-avatar-design_23-2149699879.jpg?_wi=2",
|
||||
imageAlt: "focused gamer portrait neon lights",
|
||||
},
|
||||
id: "5", name: "John D.", date: "Feb 2024", title: "Gamer", quote: "Total freedom. I feel like I'm really living a second life in this city.", tag: "Review", avatarSrc: "http://img.b2bpic.net/free-photo/photographer-hold-digital-camera-looking-white-display_158595-5718.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-online-avatar-design_23-2149699879.jpg", imageAlt: "focused gamer portrait neon lights"},
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="See why millions of players are making Urban Legend their home."
|
||||
@@ -197,14 +119,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
variant: "canvas-reveal"}}
|
||||
text="Join the revolution. Sign up for early access and stay updated on game developments."
|
||||
buttons={[
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Join Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -213,13 +132,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Urban Legend"
|
||||
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