Merge version_2 into main #1
192
src/app/page.tsx
192
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "How it Works",
|
||||
id: "about",
|
||||
},
|
||||
name: "How it Works", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="SquadMatch"
|
||||
/>
|
||||
@@ -57,32 +49,20 @@ export default function LandingPage() {
|
||||
description="Create a lobby, nominate games you own, let the group decide—then launch together with zero lag. Built for gamers who just want to play."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start a Lobby",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Create Your Lobby Free", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-gamer-playing-space-shooter-video-game-fight-with-her-boyfriend-about-online-tournament_482257-491.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/gamer-learning-play-game-by-looking-online-guide-mockup-cellphone_482257-121605.jpg",
|
||||
alt: "Gamer learning to play",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/gamer-learning-play-game-by-looking-online-guide-mockup-cellphone_482257-121605.jpg", alt: "Gamer learning to play"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-buying-tickets-outside_23-2147768008.jpg",
|
||||
alt: "Man outside",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-buying-tickets-outside_23-2147768008.jpg", alt: "Man outside"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/preteen-student-writing-digital-essay-pc-with-isolated-display_482257-118597.jpg",
|
||||
alt: "Student writing",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/preteen-student-writing-digital-essay-pc-with-isolated-display_482257-118597.jpg", alt: "Student writing"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fantasy-style-half-fox-half-robot_23-2151601028.jpg",
|
||||
alt: "Robot fox",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/fantasy-style-half-fox-half-robot_23-2151601028.jpg", alt: "Robot fox"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-futuristic-portrait_23-2151178951.jpg",
|
||||
alt: "Futuristic portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-futuristic-portrait_23-2151178951.jpg", alt: "Futuristic portrait"},
|
||||
]}
|
||||
avatarText="Join 5,000+ active players"
|
||||
/>
|
||||
@@ -93,9 +73,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Gamematching, Simplified."
|
||||
description={[
|
||||
"Stop wasting time debating what to play. SquadMatch connects you with compatible players, democratizes game selection via your combined libraries, and handles the launch setup automatically.",
|
||||
"Whether you are a casual player or part of a competitive group, our region-aware platform ensures low-latency sessions every single time.",
|
||||
]}
|
||||
"Stop wasting time debating what to play. SquadMatch connects you with compatible players, democratizes game selection via your combined libraries, and handles the launch setup automatically.", "Whether you are a casual player or part of a competitive group, our region-aware platform ensures low-latency sessions every single time."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -106,32 +84,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Democratic Voting",
|
||||
tags: [
|
||||
"Selection",
|
||||
"Fairness",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girlfriend-boyfriend-playing-video-games-together-home_23-2149142760.jpg",
|
||||
},
|
||||
id: "f1", title: "Democratic Voting", tags: [
|
||||
"Selection", "Fairness"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girlfriend-boyfriend-playing-video-games-together-home_23-2149142760.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Region-Aware Matchmaking",
|
||||
tags: [
|
||||
"Speed",
|
||||
"Low-Latency",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900823.jpg",
|
||||
},
|
||||
id: "f2", title: "Region-Aware Matchmaking", tags: [
|
||||
"Speed", "Low-Latency"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900823.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Auto-Launch Integration",
|
||||
tags: [
|
||||
"Zero-Friction",
|
||||
"Automation",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151128042.jpg",
|
||||
},
|
||||
id: "f3", title: "Auto-Launch Integration", tags: [
|
||||
"Zero-Friction", "Automation"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151128042.jpg"},
|
||||
]}
|
||||
title="Everything You Need for the Perfect Session"
|
||||
description="We take the friction out of finding and launching games, so you get to the action faster."
|
||||
@@ -145,20 +108,11 @@ export default function LandingPage() {
|
||||
tag="Performance"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "85%",
|
||||
description: "Faster time to match",
|
||||
},
|
||||
id: "m1", value: "85%", description: "Faster time to match"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "92%",
|
||||
description: "Users find compatible peers",
|
||||
},
|
||||
id: "m2", value: "92%", description: "Users find compatible peers"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5k+",
|
||||
description: "Active gaming sessions launched",
|
||||
},
|
||||
id: "m3", value: "5k+", description: "Active gaming sessions launched"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -172,45 +126,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
role: "Streamer",
|
||||
company: "SquadPro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-diverse-teens-young-people-doing-activities-together-celebrating-world-youth-skills-day_23-2151478272.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex R.", role: "Streamer", company: "SquadPro", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-diverse-teens-young-people-doing-activities-together-celebrating-world-youth-skills-day_23-2151478272.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jamie L.",
|
||||
role: "Casual Gamer",
|
||||
company: "PlayGroup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pov-adult-enjoys-web-video-games_482257-76795.jpg",
|
||||
},
|
||||
id: "t2", name: "Jamie L.", role: "Casual Gamer", company: "PlayGroup", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pov-adult-enjoys-web-video-games_482257-76795.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Marcus S.",
|
||||
role: "Discord Mod",
|
||||
company: "GuildMaster",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg",
|
||||
},
|
||||
id: "t3", name: "Marcus S.", role: "Discord Mod", company: "GuildMaster", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Chris B.",
|
||||
role: "Competitive",
|
||||
company: "ApexTiers",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-man-rgb-lights-lit-living-room-playing-videogames_482257-116287.jpg",
|
||||
},
|
||||
id: "t4", name: "Chris B.", role: "Competitive", company: "ApexTiers", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-man-rgb-lights-lit-living-room-playing-videogames_482257-116287.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sam K.",
|
||||
role: "Organizer",
|
||||
company: "GamingHub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/influencer-films-himself-using-mobile-phone-vlogging-audience_482257-82893.jpg",
|
||||
},
|
||||
id: "t5", name: "Sam K.", role: "Organizer", company: "GamingHub", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/influencer-films-himself-using-mobile-phone-vlogging-audience_482257-82893.jpg"},
|
||||
]}
|
||||
title="Loved by Gamers"
|
||||
description="Hear what our community says about their experience finding squads on our platform."
|
||||
@@ -223,20 +152,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How does region awareness work?",
|
||||
content: "We use your IP geolocation and latency ping tests to ensure every lobby member matches your region.",
|
||||
},
|
||||
id: "q1", title: "How does region awareness work?", content: "We use your IP geolocation and latency ping tests to ensure every lobby member matches your region."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Does autolaunch work on all platforms?",
|
||||
content: "Currently supported for Steam. Future updates will include GOG, Epic, and other major PC platforms.",
|
||||
},
|
||||
id: "q2", title: "Does autolaunch work on all platforms?", content: "Currently supported for Steam. Future updates will include GOG, Epic, and other major PC platforms."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is it free to use?",
|
||||
content: "Yes! SquadMatch is free for casual players to organize and play together.",
|
||||
},
|
||||
id: "q3", title: "Is it free to use?", content: "Yes! SquadMatch is free for casual players to organize and play together."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -248,14 +168,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to assemble your squad?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start a Lobby Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Start a Lobby Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -264,42 +181,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
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