Merge version_1 into main #2
300
src/app/page.tsx
300
src/app/page.tsx
@@ -33,30 +33,18 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "How It Works",
|
||||
id: "how-it-works",
|
||||
},
|
||||
name: "How It Works", id: "how-it-works"},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "Metrics", id: "metrics"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Trust",
|
||||
id: "trust",
|
||||
},
|
||||
name: "Trust", id: "trust"},
|
||||
]}
|
||||
button={{
|
||||
text: "Join Pro",
|
||||
href: "#pricing",
|
||||
}}
|
||||
text: "Join Pro", href: "#pricing"}}
|
||||
brandName="GamerGrid"
|
||||
/>
|
||||
</div>
|
||||
@@ -67,39 +55,23 @@ export default function LandingPage() {
|
||||
description="Find teammates you actually enjoy playing with. GamerGrid pairs players based on communication style, personality, leadership tendencies, teamwork habits, skill level, and schedule compatibility — not just rank."
|
||||
buttons={[
|
||||
{
|
||||
text: "Join the Elite",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Join the Elite", href: "#contact"},
|
||||
{
|
||||
text: "View Roadmap",
|
||||
href: "#",
|
||||
},
|
||||
text: "View Roadmap", href: "#"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-playing-videogames_23-2150571941.jpg",
|
||||
imageAlt: "Gamers collaborating in a futuristic environment",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-playing-videogames_23-2150571941.jpg", imageAlt: "Gamers collaborating in a futuristic environment"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-soccer-player-before-match_23-2150887445.jpg",
|
||||
imageAlt: "Advanced matchmaking interface",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-soccer-player-before-match_23-2150887445.jpg", imageAlt: "Advanced matchmaking interface"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-playing-video-game-home_23-2148969291.jpg",
|
||||
imageAlt: "Gamers celebrating a victory",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-playing-video-game-home_23-2148969291.jpg", imageAlt: "Gamers celebrating a victory"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code-green_146671-18923.jpg",
|
||||
imageAlt: "AI algorithm connecting player profiles",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code-green_146671-18923.jpg", imageAlt: "AI algorithm connecting player profiles"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-gamers-playing-multiplayer-game-powerful-computer-home-with-professional-headphones_482257-488.jpg",
|
||||
imageAlt: "Software dashboard showing player statistics",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-gamers-playing-multiplayer-game-powerful-computer-home-with-professional-headphones_482257-488.jpg", imageAlt: "Software dashboard showing player statistics"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-illuminated-neon-gaming-keyboard-setup-3d-glasses_23-2149529351.jpg",
|
||||
imageAlt: "Gaming peripherals with holographic projection",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-illuminated-neon-gaming-keyboard-setup-3d-glasses_23-2149529351.jpg", imageAlt: "Gaming peripherals with holographic projection"},
|
||||
]}
|
||||
autoplayDelay={4000}
|
||||
showDimOverlay={true}
|
||||
@@ -114,9 +86,7 @@ export default function LandingPage() {
|
||||
title="Beyond Skills. Perfect Synergy. GamerGrid's proprietary matching algorithm uses neural networks to analyze your playstyle, behavioral patterns, and communication preferences."
|
||||
buttons={[
|
||||
{
|
||||
text: "How it Works",
|
||||
href: "#how-it-works",
|
||||
},
|
||||
text: "How it Works", href: "#how-it-works"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -128,47 +98,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Gamer Profile",
|
||||
subtitle: "Games, rank, role, region, timezone, mic preference, schedule, and playstyle.",
|
||||
category: "Setup",
|
||||
value: "Detailed Identity",
|
||||
},
|
||||
id: "f1", title: "Gamer Profile", subtitle: "Games, rank, role, region, timezone, mic preference, schedule, and playstyle.", category: "Setup", value: "Detailed Identity"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Compatibility Matching",
|
||||
subtitle: "Our algorithm ranks teammates by compatibility score, not just skill, for true synergy.",
|
||||
category: "Matching",
|
||||
value: "Smart Pairing",
|
||||
},
|
||||
id: "f2", title: "Compatibility Matching", subtitle: "Our algorithm ranks teammates by compatibility score, not just skill, for true synergy.", category: "Matching", value: "Smart Pairing"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "In-app Chat & Planning",
|
||||
subtitle: "Communicate and plan sessions seamlessly without leaving the platform.",
|
||||
category: "Communication",
|
||||
value: "Integrated Tools",
|
||||
},
|
||||
id: "f3", title: "In-app Chat & Planning", subtitle: "Communicate and plan sessions seamlessly without leaving the platform.", category: "Communication", value: "Integrated Tools"},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Post-Session Rating",
|
||||
subtitle: "Rate communication, teamwork, reliability, and toxicity to improve future matches.",
|
||||
category: "Feedback",
|
||||
value: "Reputation Build",
|
||||
},
|
||||
id: "f4", title: "Post-Session Rating", subtitle: "Rate communication, teamwork, reliability, and toxicity to improve future matches.", category: "Feedback", value: "Reputation Build"},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Block/Report Tools",
|
||||
subtitle: "Maintain a safe environment with robust tools to manage interactions.",
|
||||
category: "Safety",
|
||||
value: "Control & Trust",
|
||||
},
|
||||
id: "f5", title: "Block/Report Tools", subtitle: "Maintain a safe environment with robust tools to manage interactions.", category: "Safety", value: "Control & Trust"},
|
||||
{
|
||||
id: "f6",
|
||||
title: "Good Teammate Badges",
|
||||
subtitle: "Earn reputation levels and badges for positive behavior and consistent performance.",
|
||||
category: "Reward",
|
||||
value: "Community Recognition",
|
||||
},
|
||||
id: "f6", title: "Good Teammate Badges", subtitle: "Earn reputation levels and badges for positive behavior and consistent performance.", category: "Reward", value: "Community Recognition"},
|
||||
]}
|
||||
title="Core Features: Enhance Your Gaming Experience"
|
||||
description="The main features map to the full player journey, from setup to post-game feedback, ensuring you find teammates you will actually enjoy playing with."
|
||||
@@ -180,30 +120,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "How does the GamerGrid matching flow work?",
|
||||
content: "A user opens GamerGrid, chooses a game, and sets preferences. The app recommends compatible people. Users match and message, play a session, then rate it afterward, improving future matches. It saves time, reduces frustration, and increases fun.",
|
||||
},
|
||||
id: "faq1", title: "How does the GamerGrid matching flow work?", content: "A user opens GamerGrid, chooses a game, and sets preferences. The app recommends compatible people. Users match and message, play a session, then rate it afterward, improving future matches. It saves time, reduces frustration, and increases fun."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "What makes GamerGrid unique compared to other apps?",
|
||||
content: "We differentiate with personality plus playstyle matching, not just skill. Our session-based reputation system affects visibility, with verified profiles and anti-toxicity controls. We focus on matchmaking for repeat squads and loneliness reduction, not just gameplay convenience.",
|
||||
},
|
||||
id: "faq2", title: "What makes GamerGrid unique compared to other apps?", content: "We differentiate with personality plus playstyle matching, not just skill. Our session-based reputation system affects visibility, with verified profiles and anti-toxicity controls. We focus on matchmaking for repeat squads and loneliness reduction, not just gameplay convenience."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Why should gamers use GamerGrid?",
|
||||
content: "Gamers use GamerGrid for less time searching, fewer bad teammates, better communication, more repeat squads, and a safer environment. Research shows well-structured gaming communities support well-being, giving GamerGrid a strong social reason to exist.",
|
||||
},
|
||||
id: "faq3", title: "Why should gamers use GamerGrid?", content: "Gamers use GamerGrid for less time searching, fewer bad teammates, better communication, more repeat squads, and a safer environment. Research shows well-structured gaming communities support well-being, giving GamerGrid a strong social reason to exist."},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "How do reputation and feedback affect my matches?",
|
||||
content: "After each gaming session, users provide feedback on their experience. This continuous feedback loop allows our algorithm to refine future matches, improving accuracy over time and adapting to each user’s preferences. The more you play, the better your matches become.",
|
||||
},
|
||||
id: "faq4", title: "How do reputation and feedback affect my matches?", content: "After each gaming session, users provide feedback on their experience. This continuous feedback loop allows our algorithm to refine future matches, improving accuracy over time and adapting to each user’s preferences. The more you play, the better your matches become."},
|
||||
{
|
||||
id: "faq5",
|
||||
title: "Is GamerGrid suitable for all types of players?",
|
||||
content: "GamerGrid can succeed if it builds network effects in a narrow niche first. We start with tight communities (co-op, ranked squad games) where matching matters, giving denser supply, better retention, and a clearer brand story than trying to be 'for all gamers'.",
|
||||
},
|
||||
id: "faq5", title: "Is GamerGrid suitable for all types of players?", content: "GamerGrid can succeed if it builds network effects in a narrow niche first. We start with tight communities (co-op, ranked squad games) where matching matters, giving denser supply, better retention, and a clearer brand story than trying to be 'for all gamers'."},
|
||||
]}
|
||||
sideTitle="How GamerGrid Works & What Makes Us Different"
|
||||
sideDescription="Discover the seamless process of finding your ideal teammates and what truly sets GamerGrid apart from generic matchmaking platforms."
|
||||
@@ -218,37 +143,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "30,000+",
|
||||
title: "Concurrent Viewers",
|
||||
description: "Live audience peak achieved through strategic high-impact integrations, like the Jynxzi Campaign.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg",
|
||||
imageAlt: "Concurrent viewers data analytics",
|
||||
},
|
||||
id: "m1", value: "30,000+", title: "Concurrent Viewers", description: "Live audience peak achieved through strategic high-impact integrations, like the Jynxzi Campaign.", imageSrc: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg", imageAlt: "Concurrent viewers data analytics"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100,000+",
|
||||
title: "Platform Users",
|
||||
description: "Our growing community of active and engaged gamers on the platform.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-with-smartphone_23-2150372420.jpg",
|
||||
imageAlt: "Platform users growth data",
|
||||
},
|
||||
id: "m2", value: "100,000+", title: "Platform Users", description: "Our growing community of active and engaged gamers on the platform.", imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-with-smartphone_23-2150372420.jpg", imageAlt: "Platform users growth data"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5-10%",
|
||||
title: "Free to Pro Conversion",
|
||||
description: "Our target conversion rate from free tier users to premium subscriptions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg",
|
||||
imageAlt: "Free to Pro conversion rate",
|
||||
},
|
||||
id: "m3", value: "5-10%", title: "Free to Pro Conversion", description: "Our target conversion rate from free tier users to premium subscriptions.", imageSrc: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg", imageAlt: "Free to Pro conversion rate"},
|
||||
{
|
||||
id: "m4",
|
||||
value: "$37,000",
|
||||
title: "Jynxzi Ad Potential",
|
||||
description: "Estimated value per influencer integration, demonstrating significant revenue potential.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/future-visions-business-technology-concept_23-2151893454.jpg",
|
||||
imageAlt: "Advertising potential revenue projection",
|
||||
},
|
||||
id: "m4", value: "$37,000", title: "Jynxzi Ad Potential", description: "Estimated value per influencer integration, demonstrating significant revenue potential.", imageSrc: "http://img.b2bpic.net/free-photo/future-visions-business-technology-concept_23-2151893454.jpg", imageAlt: "Advertising potential revenue projection"},
|
||||
]}
|
||||
title="Proven Impact: Metrics & Growth"
|
||||
description="Our platform demonstrates strong market potential and engagement, validated by key performance indicators and strategic partnerships."
|
||||
@@ -262,80 +163,40 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Value",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$0",
|
||||
name: "GamerGrid Basic",
|
||||
buttons: [
|
||||
id: "basic", badge: "Value", badgeIcon: Sparkles,
|
||||
price: "$0", name: "GamerGrid Basic", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"3 Matches per day",
|
||||
"Basic playstyle analysis",
|
||||
"Community forum access",
|
||||
"Public player profile",
|
||||
],
|
||||
"3 Matches per day", "Basic playstyle analysis", "Community forum access", "Public player profile"],
|
||||
},
|
||||
{
|
||||
id: "pro-monthly",
|
||||
badge: "Most Popular",
|
||||
badgeIcon: Star,
|
||||
price: "$7.99/mo",
|
||||
name: "GamerGrid Pro Monthly",
|
||||
buttons: [
|
||||
id: "pro-monthly", badge: "Most Popular", badgeIcon: Star,
|
||||
price: "$7.99/mo", name: "GamerGrid Pro Monthly", buttons: [
|
||||
{
|
||||
text: "Upgrade Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Upgrade Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited daily matches",
|
||||
"Advanced behavioral matching",
|
||||
"Priority matching queue",
|
||||
"Detailed reputation insights",
|
||||
],
|
||||
"Unlimited daily matches", "Advanced behavioral matching", "Priority matching queue", "Detailed reputation insights"],
|
||||
},
|
||||
{
|
||||
id: "pro-quarterly",
|
||||
badge: "Best Value",
|
||||
badgeIcon: Zap,
|
||||
price: "$19.99/qtr",
|
||||
name: "GamerGrid Pro Quarterly",
|
||||
buttons: [
|
||||
id: "pro-quarterly", badge: "Best Value", badgeIcon: Zap,
|
||||
price: "$19.99/qtr", name: "GamerGrid Pro Quarterly", buttons: [
|
||||
{
|
||||
text: "Save & Play",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Save & Play", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"All Monthly Features",
|
||||
"Priority placement in match results",
|
||||
"1 Boost session per month",
|
||||
"See who viewed your profile",
|
||||
],
|
||||
"All Monthly Features", "Priority placement in match results", "1 Boost session per month", "See who viewed your profile"],
|
||||
},
|
||||
{
|
||||
id: "pro-annual",
|
||||
badge: "Pro Elite",
|
||||
badgeIcon: Crown,
|
||||
price: "$59.99/yr",
|
||||
name: "GamerGrid Pro Annual",
|
||||
buttons: [
|
||||
id: "pro-annual", badge: "Pro Elite", badgeIcon: Crown,
|
||||
price: "$59.99/yr", name: "GamerGrid Pro Annual", buttons: [
|
||||
{
|
||||
text: "Go Annual",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Go Annual", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"All Quarterly Features",
|
||||
"Unlimited Boost sessions",
|
||||
"Early access to new features",
|
||||
"Ad-free experience",
|
||||
],
|
||||
"All Quarterly Features", "Unlimited Boost sessions", "Early access to new features", "Ad-free experience"],
|
||||
},
|
||||
]}
|
||||
title="Fair Pricing: Choose Your Gamer Level"
|
||||
@@ -348,14 +209,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Multi-Factor Authentication",
|
||||
"AI Behavior Monitoring",
|
||||
"AI Helpbot Warnings",
|
||||
"Verified Profiles",
|
||||
"Anti-Toxicity Controls",
|
||||
"Session-Based Reputation",
|
||||
"Data-Driven Trust",
|
||||
]}
|
||||
"Multi-Factor Authentication", "AI Behavior Monitoring", "AI Helpbot Warnings", "Verified Profiles", "Anti-Toxicity Controls", "Session-Based Reputation", "Data-Driven Trust"]}
|
||||
title="The Trust Layer for Social Gaming"
|
||||
description="GamerGrid is building the trust layer for social gaming. The moat is not just the app design; it’s the growing database of compatibility signals and reputation data that gets smarter with use."
|
||||
tag="Advanced Security"
|
||||
@@ -367,8 +221,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Join the Elite"
|
||||
title="Start Your GamerGrid Journey Today!"
|
||||
description="Sign up for our beta or subscribe to GamerGrid Pro to find teammates you actually enjoy playing with."
|
||||
@@ -382,73 +235,46 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e6ta73&_wi=1"
|
||||
videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e6ta73"
|
||||
videoAriaLabel="Abstract tech background video for footer"
|
||||
logoText="GamerGrid"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pro Membership",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pro Membership", href: "#pricing"},
|
||||
{
|
||||
label: "Investor Relations",
|
||||
href: "#metrics",
|
||||
},
|
||||
label: "Investor Relations", href: "#metrics"},
|
||||
{
|
||||
label: "Roadmap",
|
||||
href: "#",
|
||||
},
|
||||
label: "Roadmap", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Press Kit",
|
||||
href: "#",
|
||||
},
|
||||
label: "Press Kit", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Cookie Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Cookie Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2026 GamerGrid. All rights reserved. Built for the elite."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e6ta73&_wi=2"
|
||||
imageAlt="futuristic gaming abstract background"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user