Merge version_1 into main #2
226
src/app/page.tsx
226
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Games",
|
||||
id: "products",
|
||||
},
|
||||
name: "Games", id: "products"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="GameVault"
|
||||
/>
|
||||
@@ -59,35 +51,23 @@ export default function LandingPage() {
|
||||
description="The ultimate gaming companion. Keep a log of every game you've finished, share your thoughts, and explore hidden gems."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Rating",
|
||||
},
|
||||
text: "Start Rating"},
|
||||
{
|
||||
text: "Browse Catalog",
|
||||
},
|
||||
text: "Browse Catalog"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/innovative-businessman-working-modern-laptop-inside-generated-by-ai_188544-27376.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/innovative-businessman-working-modern-laptop-inside-generated-by-ai_188544-27376.jpg"
|
||||
imageAlt="Immersive gaming setup"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-gorgeous-happy-gamer-girl-with-pink-hair-playing-video-games-using-joystick-colorful-studio_149155-5242.jpg",
|
||||
alt: "Gamer profile 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-gorgeous-happy-gamer-girl-with-pink-hair-playing-video-games-using-joystick-colorful-studio_149155-5242.jpg", alt: "Gamer profile 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-gorgeous-happy-gamer-girl-with-pink-hair-playing-video-games-using-joystick-colorful-studio_149155-5241.jpg",
|
||||
alt: "Gamer profile 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-gorgeous-happy-gamer-girl-with-pink-hair-playing-video-games-using-joystick-colorful-studio_149155-5241.jpg", alt: "Gamer profile 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-professional-bearded-video-gamer-front-his-pc_482257-31725.jpg",
|
||||
alt: "Gamer profile 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-professional-bearded-video-gamer-front-his-pc_482257-31725.jpg", alt: "Gamer profile 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-playing-video-game-with-controller_23-2152006706.jpg",
|
||||
alt: "Gamer profile 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-playing-video-game-with-controller_23-2152006706.jpg", alt: "Gamer profile 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-playing-online-first-person-shooter-tournament-congratulates-team-headset-after-celebrating-victory-gaming-pc-home-professional-gamer-winning-competition-doing-victory-hand-gesture_482257-49311.jpg",
|
||||
alt: "Gamer profile 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-playing-online-first-person-shooter-tournament-congratulates-team-headset-after-celebrating-victory-gaming-pc-home-professional-gamer-winning-competition-doing-victory-hand-gesture_482257-49311.jpg", alt: "Gamer profile 5"},
|
||||
]}
|
||||
avatarText="Join 1M+ gamers"
|
||||
/>
|
||||
@@ -98,9 +78,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Built by Gamers, For Gamers"
|
||||
description={[
|
||||
"GameVault is designed to give you a clean, intuitive space to track your gaming journey.",
|
||||
"Whether you're a casual player or a completionist, our community provides the insights you need to decide your next adventure.",
|
||||
]}
|
||||
"GameVault is designed to give you a clean, intuitive space to track your gaming journey.", "Whether you're a casual player or a completionist, our community provides the insights you need to decide your next adventure."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -111,28 +89,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Game Library",
|
||||
description: "Catalog your collection with ease.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: BookOpen,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-sad-professional-esports-gamer-losing-shooter-mock-up-video-game-defeated-man-with-headphones-streaming-online-cyber-performing-gaming-tournament-using-powerful-personal-computer_482257-12483.jpg",
|
||||
imageAlt: "Back view of sad professional eSports gamer losing shooter mock-up video game. Defeated man with headphones streaming online cyber performing during gaming tournament using powerful personal computer",
|
||||
title: "Game Library", description: "Catalog your collection with ease.", bentoComponent: "reveal-icon", icon: BookOpen,
|
||||
},
|
||||
{
|
||||
title: "Ratings System",
|
||||
description: "Rate games and see community scores.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Star,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/innovative-businessman-working-modern-laptop-inside-generated-by-ai_188544-27376.jpg?_wi=2",
|
||||
imageAlt: "Back view of sad professional eSports gamer losing shooter mock-up video game. Defeated man with headphones streaming online cyber performing during gaming tournament using powerful personal computer",
|
||||
title: "Ratings System", description: "Rate games and see community scores.", bentoComponent: "reveal-icon", icon: Star,
|
||||
},
|
||||
{
|
||||
title: "Review Feed",
|
||||
description: "Follow friends and see what's hot.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: MessageSquare,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-airplane-flying-through-fantasy-world_23-2151752713.jpg?_wi=1",
|
||||
imageAlt: "Back view of sad professional eSports gamer losing shooter mock-up video game. Defeated man with headphones streaming online cyber performing during gaming tournament using powerful personal computer",
|
||||
title: "Review Feed", description: "Follow friends and see what's hot.", bentoComponent: "reveal-icon", icon: MessageSquare,
|
||||
},
|
||||
]}
|
||||
title="Everything You Need"
|
||||
@@ -148,47 +111,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elden Ring",
|
||||
price: "9.5/10",
|
||||
variant: "Action RPG",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-airplane-flying-through-fantasy-world_23-2151752713.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Elden Ring", price: "9.5/10", variant: "Action RPG", imageSrc: "http://img.b2bpic.net/free-photo/view-airplane-flying-through-fantasy-world_23-2151752713.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Cyberpunk 2077",
|
||||
price: "8.9/10",
|
||||
variant: "RPG",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sci-fi-fantasy-landscape_23-2151892586.jpg",
|
||||
},
|
||||
id: "2", name: "Cyberpunk 2077", price: "8.9/10", variant: "RPG", imageSrc: "http://img.b2bpic.net/free-photo/sci-fi-fantasy-landscape_23-2151892586.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Hollow Knight",
|
||||
price: "9.8/10",
|
||||
variant: "Metroidvania",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-painting-horrible-creatures-with-genetic-mutations-ruined-laboratory_456031-97.jpg",
|
||||
},
|
||||
id: "3", name: "Hollow Knight", price: "9.8/10", variant: "Metroidvania", imageSrc: "http://img.b2bpic.net/free-photo/digital-painting-horrible-creatures-with-genetic-mutations-ruined-laboratory_456031-97.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "God of War",
|
||||
price: "9.6/10",
|
||||
variant: "Action",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-group-adventurers_23-2151470660.jpg",
|
||||
},
|
||||
id: "4", name: "God of War", price: "9.6/10", variant: "Action", imageSrc: "http://img.b2bpic.net/free-photo/fantasy-group-adventurers_23-2151470660.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Stardew Valley",
|
||||
price: "9.2/10",
|
||||
variant: "Simulation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/party-space-ready-online-celebration_23-2149347225.jpg",
|
||||
},
|
||||
id: "5", name: "Stardew Valley", price: "9.2/10", variant: "Simulation", imageSrc: "http://img.b2bpic.net/free-photo/party-space-ready-online-celebration_23-2149347225.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Portal 2",
|
||||
price: "10/10",
|
||||
variant: "Puzzle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-17252.jpg",
|
||||
},
|
||||
id: "6", name: "Portal 2", price: "10/10", variant: "Puzzle", imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-17252.jpg"},
|
||||
]}
|
||||
title="Popular Games"
|
||||
description="Top-rated titles trending right now in our community."
|
||||
@@ -203,20 +136,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1M+",
|
||||
description: "Active Users",
|
||||
},
|
||||
id: "m1", value: "1M+", description: "Active Users"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5M+",
|
||||
description: "Games Rated",
|
||||
},
|
||||
id: "m2", value: "5M+", description: "Games Rated"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "20K+",
|
||||
description: "Titles Listed",
|
||||
},
|
||||
id: "m3", value: "20K+", description: "Titles Listed"},
|
||||
]}
|
||||
title="Community Reach"
|
||||
description="Growing fast with millions of gamers."
|
||||
@@ -230,59 +154,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex",
|
||||
role: "Pro",
|
||||
company: "PC",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-bipoc-gamer-engaging-online-competitive-multiplayer-game_482257-85713.jpg",
|
||||
},
|
||||
id: "1", name: "Alex", role: "Pro", company: "PC", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-bipoc-gamer-engaging-online-competitive-multiplayer-game_482257-85713.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sam",
|
||||
role: "Casual",
|
||||
company: "Console",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pro-gamer-broadcasting-gameplay-front-internet-audience_482257-77071.jpg",
|
||||
},
|
||||
id: "2", name: "Sam", role: "Casual", company: "Console", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pro-gamer-broadcasting-gameplay-front-internet-audience_482257-77071.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jordan",
|
||||
role: "Hardcore",
|
||||
company: "Handheld",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-glasses-is-sitting-chair-while-pretty-girl-behide-his-back-is-smiling-camera_613910-21684.jpg",
|
||||
},
|
||||
id: "3", name: "Jordan", role: "Hardcore", company: "Handheld", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-glasses-is-sitting-chair-while-pretty-girl-behide-his-back-is-smiling-camera_613910-21684.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Taylor",
|
||||
role: "Speedrunner",
|
||||
company: "Retro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-nice-friendlylooking-hispanic-male-student-yellow-tshirt-grinning-delighted-l_1258-113395.jpg",
|
||||
},
|
||||
id: "4", name: "Taylor", role: "Speedrunner", company: "Retro", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-nice-friendlylooking-hispanic-male-student-yellow-tshirt-grinning-delighted-l_1258-113395.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Riley",
|
||||
role: "Indie Fan",
|
||||
company: "Mobile",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-gamer-disappointed-after-losing-livestream_482257-115598.jpg",
|
||||
},
|
||||
id: "5", name: "Riley", role: "Indie Fan", company: "Mobile", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-gamer-disappointed-after-losing-livestream_482257-115598.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "9.7",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
value: "9.7", label: "Avg Rating"},
|
||||
{
|
||||
value: "500k",
|
||||
label: "Reviews",
|
||||
},
|
||||
value: "500k", label: "Reviews"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Verified",
|
||||
},
|
||||
value: "100%", label: "Verified"},
|
||||
]}
|
||||
title="What Gamers Say"
|
||||
description="Our community is growing every day."
|
||||
@@ -295,20 +188,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is it free?",
|
||||
content: "Yes, standard access is free forever.",
|
||||
},
|
||||
id: "f1", title: "Is it free?", content: "Yes, standard access is free forever."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How to contribute?",
|
||||
content: "You can sign up and add games anytime.",
|
||||
},
|
||||
id: "f2", title: "How to contribute?", content: "You can sign up and add games anytime."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I hide games?",
|
||||
content: "Yes, privacy settings are built-in.",
|
||||
},
|
||||
id: "f3", title: "Can I hide games?", content: "Yes, privacy settings are built-in."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Common questions about GameVault."
|
||||
@@ -320,13 +204,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
text="Have feedback for our team?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Support",
|
||||
},
|
||||
text: "Email Support"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -335,29 +217,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Games",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Games", href: "#products"},
|
||||
{
|
||||
label: "News",
|
||||
href: "#",
|
||||
},
|
||||
label: "News", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user