Merge version_1 into main #2
167
src/app/page.tsx
167
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Games",
|
||||
id: "games",
|
||||
},
|
||||
name: "Games", id: "games"},
|
||||
{
|
||||
name: "Community",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Community", id: "faq"},
|
||||
]}
|
||||
brandName="GameVault"
|
||||
/>
|
||||
@@ -54,22 +46,17 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Unlock Your Ultimate Reality"
|
||||
description="Discover a new generation of immersive gameplay. Join the vanguard of players dominating the digital frontier."
|
||||
tag="Next-Gen Gaming"
|
||||
buttons={[
|
||||
{
|
||||
text: "Play Now",
|
||||
href: "#games",
|
||||
},
|
||||
text: "Play Now", href: "#games"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/neon-light-streak-background_23-2148133186.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/neon-light-streak-background_23-2148133186.jpg"
|
||||
imageAlt="Futuristic gaming setup hero"
|
||||
/>
|
||||
</div>
|
||||
@@ -81,28 +68,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Ultra-Low Latency",
|
||||
description: "Global edge network ensuring millisecond-perfect responsiveness.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-light-streak-background_23-2148133186.jpg?_wi=2",
|
||||
imageAlt: "futuristic gaming background dark theme",
|
||||
title: "Ultra-Low Latency", description: "Global edge network ensuring millisecond-perfect responsiveness.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Cross-Platform Sync",
|
||||
description: "Your progress follows you everywhere, instantly.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Smartphone,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172434.jpg",
|
||||
imageAlt: "gaming controller neon lights",
|
||||
title: "Cross-Platform Sync", description: "Your progress follows you everywhere, instantly.", bentoComponent: "reveal-icon", icon: Smartphone,
|
||||
},
|
||||
{
|
||||
title: "Social Hub",
|
||||
description: "Join thousands of players in real-time lobbies and community events.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Users,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-group-adventurers_23-2151470675.jpg?_wi=1",
|
||||
imageAlt: "rpg fantasy hero dark setting",
|
||||
title: "Social Hub", description: "Join thousands of players in real-time lobbies and community events.", bentoComponent: "reveal-icon", icon: Users,
|
||||
},
|
||||
]}
|
||||
title="Platform Features"
|
||||
@@ -118,59 +90,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Studio A",
|
||||
name: "Fantasy Realm",
|
||||
price: "Free",
|
||||
rating: 5,
|
||||
reviewCount: "1.2k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-group-adventurers_23-2151470675.jpg?_wi=2",
|
||||
},
|
||||
id: "1", brand: "Studio A", name: "Fantasy Realm", price: "Free", rating: 5,
|
||||
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/fantasy-group-adventurers_23-2151470675.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Studio B",
|
||||
name: "Cyber Warfare",
|
||||
price: "$59.99",
|
||||
rating: 4,
|
||||
reviewCount: "850",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/military-units-loading-guns-preparing-enemy-suppression-mission_482257-124809.jpg",
|
||||
},
|
||||
id: "2", brand: "Studio B", name: "Cyber Warfare", price: "$59.99", rating: 4,
|
||||
reviewCount: "850", imageSrc: "http://img.b2bpic.net/free-photo/military-units-loading-guns-preparing-enemy-suppression-mission_482257-124809.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Studio C",
|
||||
name: "Neon Drifter",
|
||||
price: "$29.99",
|
||||
rating: 5,
|
||||
reviewCount: "400",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-lights-darkness_181624-10528.jpg",
|
||||
},
|
||||
id: "3", brand: "Studio C", name: "Neon Drifter", price: "$29.99", rating: 5,
|
||||
reviewCount: "400", imageSrc: "http://img.b2bpic.net/free-photo/abstract-lights-darkness_181624-10528.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Studio D",
|
||||
name: "Tactical Mind",
|
||||
price: "$19.99",
|
||||
rating: 4,
|
||||
reviewCount: "1.1k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-wavy-folds-background_1048-16955.jpg",
|
||||
},
|
||||
id: "4", brand: "Studio D", name: "Tactical Mind", price: "$19.99", rating: 4,
|
||||
reviewCount: "1.1k", imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-wavy-folds-background_1048-16955.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Studio E",
|
||||
name: "Pixel Forest",
|
||||
price: "$9.99",
|
||||
rating: 5,
|
||||
reviewCount: "500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spooky-forest-scene-with-glowing-eyes-door_23-2152023728.jpg",
|
||||
},
|
||||
id: "5", brand: "Studio E", name: "Pixel Forest", price: "$9.99", rating: 5,
|
||||
reviewCount: "500", imageSrc: "http://img.b2bpic.net/free-photo/spooky-forest-scene-with-glowing-eyes-door_23-2152023728.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Studio F",
|
||||
name: "Virtual Reality X",
|
||||
price: "$49.99",
|
||||
rating: 5,
|
||||
reviewCount: "2.3k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-virtual-reality-simulator_23-2148910256.jpg?_wi=1",
|
||||
},
|
||||
id: "6", brand: "Studio F", name: "Virtual Reality X", price: "$49.99", rating: 5,
|
||||
reviewCount: "2.3k", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-virtual-reality-simulator_23-2148910256.jpg"},
|
||||
]}
|
||||
title="Featured Titles"
|
||||
description="Explore our curated collection of award-winning titles across every genre imaginable."
|
||||
@@ -185,20 +121,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.5M+",
|
||||
description: "Active Registered Players",
|
||||
},
|
||||
id: "m1", value: "1.5M+", description: "Active Registered Players"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500K",
|
||||
description: "Matches Played Daily",
|
||||
},
|
||||
id: "m2", value: "500K", description: "Matches Played Daily"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "200+",
|
||||
description: "Available Games",
|
||||
},
|
||||
id: "m3", value: "200+", description: "Available Games"},
|
||||
]}
|
||||
title="Community Milestones"
|
||||
description="Our community is growing faster than ever."
|
||||
@@ -211,25 +138,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is the platform free?",
|
||||
content: "Yes, many of our titles are completely free to play.",
|
||||
},
|
||||
id: "f1", title: "Is the platform free?", content: "Yes, many of our titles are completely free to play."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do I need a high-end PC?",
|
||||
content: "Our cloud streaming service allows you to play on any device.",
|
||||
},
|
||||
id: "f2", title: "Do I need a high-end PC?", content: "Our cloud streaming service allows you to play on any device."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do I add friends?",
|
||||
content: "Simply share your unique player tag or use the search feature.",
|
||||
},
|
||||
id: "f3", title: "How do I add friends?", content: "Simply share your unique player tag or use the search feature."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find everything you need to know about starting your journey with us."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-wearing-virtual-reality-simulator_23-2148910256.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-wearing-virtual-reality-simulator_23-2148910256.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -238,8 +156,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Stay Updated"
|
||||
title="Join the Elite Player Newsletter"
|
||||
description="Get exclusive drops, news, and beta access delivered to your inbox."
|
||||
@@ -251,29 +168,19 @@ export default function LandingPage() {
|
||||
logoText="GameVault"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Games",
|
||||
href: "#games",
|
||||
},
|
||||
label: "Games", href: "#games"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "Support", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user