Merge version_2 into main #2
318
src/app/page.tsx
318
src/app/page.tsx
@@ -31,32 +31,15 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Store",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Community",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "FPS", id: "hero" },
|
||||
{ name: "MMORPG", id: "features" },
|
||||
{ name: "Store", id: "products" },
|
||||
{ name: "Community", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="EliteSquad"
|
||||
button={{
|
||||
text: "Join Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Join Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -66,78 +49,32 @@ export default function LandingPage() {
|
||||
description="Join the elite ranks, master your tactics, and conquer every match with the ultimate community."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex 'Apex' J.",
|
||||
handle: "@apex_gamer",
|
||||
testimonial: "The coordination and squad support here is unmatched. Best gaming community I've joined.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5zts7x&_wi=1",
|
||||
imageAlt: "futuristic gaming arena neon",
|
||||
},
|
||||
name: "Alex 'Apex' J.", handle: "@apex_gamer", testimonial: "The coordination and squad support here is unmatched. Best gaming community I've joined.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5zts7x&_wi=1", imageAlt: "futuristic gaming arena neon"},
|
||||
{
|
||||
name: "Sarah 'Luna' K.",
|
||||
handle: "@luna_pro",
|
||||
testimonial: "EliteSquad helped me climb ranks twice as fast with their strategy guides.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3irtom&_wi=1",
|
||||
imageAlt: "futuristic gaming arena neon",
|
||||
},
|
||||
name: "Sarah 'Luna' K.", handle: "@luna_pro", testimonial: "EliteSquad helped me climb ranks twice as fast with their strategy guides.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3irtom&_wi=1", imageAlt: "futuristic gaming arena neon"},
|
||||
{
|
||||
name: "Mike 'Titan' V.",
|
||||
handle: "@titan_plays",
|
||||
testimonial: "Consistent updates, fair rules, and great players. Absolute top-tier experience.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f7g7ve&_wi=1",
|
||||
imageAlt: "futuristic gaming arena neon",
|
||||
},
|
||||
name: "Mike 'Titan' V.", handle: "@titan_plays", testimonial: "Consistent updates, fair rules, and great players. Absolute top-tier experience.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f7g7ve&_wi=1", imageAlt: "futuristic gaming arena neon"},
|
||||
{
|
||||
name: "Chloe 'Nova' R.",
|
||||
handle: "@nova_wins",
|
||||
testimonial: "I love the exclusive in-game events and the community discord, so much fun!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wcelss&_wi=1",
|
||||
imageAlt: "futuristic gaming arena neon",
|
||||
},
|
||||
name: "Chloe 'Nova' R.", handle: "@nova_wins", testimonial: "I love the exclusive in-game events and the community discord, so much fun!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wcelss&_wi=1", imageAlt: "futuristic gaming arena neon"},
|
||||
{
|
||||
name: "Jared 'Storm' M.",
|
||||
handle: "@storm_ops",
|
||||
testimonial: "If you want to take your gameplay to the next level, this is where you need to be.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gffaf2&_wi=1",
|
||||
imageAlt: "futuristic gaming arena neon",
|
||||
},
|
||||
name: "Jared 'Storm' M.", handle: "@storm_ops", testimonial: "If you want to take your gameplay to the next level, this is where you need to be.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gffaf2&_wi=1", imageAlt: "futuristic gaming arena neon"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
{ text: "Learn More", href: "#features" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5zts7x&_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qxko44",
|
||||
alt: "pro gamer portrait neon",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w20tbl",
|
||||
alt: "squad leader gamer portrait",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1a4f6m",
|
||||
alt: "passionate gamer portrait focus",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dbandu",
|
||||
alt: "female pro gamer portrait",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n4id41",
|
||||
alt: "gaming analyst professional portrait",
|
||||
},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qxko44", alt: "pro gamer portrait neon" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w20tbl", alt: "squad leader gamer portrait" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1a4f6m", alt: "passionate gamer portrait focus" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dbandu", alt: "female pro gamer portrait" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n4id41", alt: "gaming analyst professional portrait" },
|
||||
]}
|
||||
avatarText="Join 1M+ gamers today"
|
||||
/>
|
||||
@@ -148,21 +85,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Hardware",
|
||||
description: "Optimize your performance with elite settings.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3irtom&_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Ultra-Low Latency",
|
||||
description: "Connect at the speed of light.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f7g7ve&_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Squad Coordination",
|
||||
description: "Tactical voice channels and strategic planning.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wcelss&_wi=2",
|
||||
},
|
||||
{ title: "Precision Hardware", description: "Optimize your performance with elite settings.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3irtom&_wi=2" },
|
||||
{ title: "Ultra-Low Latency", description: "Connect at the speed of light.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f7g7ve&_wi=2" },
|
||||
{ title: "Squad Coordination", description: "Tactical voice channels and strategic planning.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wcelss&_wi=2" },
|
||||
]}
|
||||
title="Pro-Level Features for Everyone"
|
||||
description="Unlock tactical advantages with tools built for champions."
|
||||
@@ -176,48 +101,10 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Legendary Armor Skin",
|
||||
price: "2,500 Coins",
|
||||
variant: "S-Tier",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gffaf2&_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Energy Rifle Skin",
|
||||
price: "1,200 Coins",
|
||||
variant: "A-Tier",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e8qrcy",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Gold Coin Bundle",
|
||||
price: "999 Coins",
|
||||
variant: "Utility",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dziyw5",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Futuristic Transport Skin",
|
||||
price: "3,000 Coins",
|
||||
variant: "Legendary",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oqpbc2",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Elite Emote Set",
|
||||
price: "500 Coins",
|
||||
variant: "Common",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qv9r7t",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Loot Box Crate",
|
||||
price: "250 Coins",
|
||||
variant: "Random",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pawh60",
|
||||
},
|
||||
{ id: "p1", name: "Legendary Armor Skin", price: "2,500 Coins", variant: "S-Tier", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gffaf2&_wi=2" },
|
||||
{ id: "p2", name: "Energy Rifle Skin", price: "1,200 Coins", variant: "A-Tier", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e8qrcy" },
|
||||
{ id: "p3", name: "Gold Coin Bundle", price: "999 Coins", variant: "Utility", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dziyw5" },
|
||||
{ id: "p4", name: "Futuristic Transport Skin", price: "3,000 Coins", variant: "Legendary", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oqpbc2" },
|
||||
]}
|
||||
title="Exclusive In-Game Assets"
|
||||
description="Upgrade your gear, skins, and collection."
|
||||
@@ -230,27 +117,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2M+",
|
||||
title: "Active Players",
|
||||
description: "Global user network",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zyx73g",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Weekly Tournaments",
|
||||
description: "Competitive events held",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gvlgu9",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "45M+",
|
||||
title: "Total Wins",
|
||||
description: "Community victory count",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2pnmsw",
|
||||
},
|
||||
{ id: "m1", value: "1.2M+", title: "Active Players", description: "Global user network", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zyx73g" },
|
||||
{ id: "m2", value: "500+", title: "Weekly Tournaments", description: "Competitive events held", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gvlgu9" },
|
||||
{ id: "m3", value: "45M+", title: "Total Wins", description: "Community victory count", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2pnmsw" },
|
||||
]}
|
||||
title="Community Stats"
|
||||
description="Evidence of our growing reach and dominance."
|
||||
@@ -264,46 +133,9 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex J.",
|
||||
role: "Squad Leader",
|
||||
company: "EliteSquad",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qxko44",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah K.",
|
||||
role: "Pro Player",
|
||||
company: "GlobalGamers",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w20tbl",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike V.",
|
||||
role: "Solo Ranker",
|
||||
company: "Independent",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1a4f6m",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Chloe R.",
|
||||
role: "Team Captain",
|
||||
company: "Zenith",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dbandu",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jared M.",
|
||||
role: "Tactical Analyst",
|
||||
company: "OpsGroup",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n4id41",
|
||||
},
|
||||
{ id: "t1", name: "Alex J.", role: "Squad Leader", company: "EliteSquad", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qxko44" },
|
||||
{ id: "t2", name: "Sarah K.", role: "Pro Player", company: "GlobalGamers", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w20tbl" },
|
||||
{ id: "t3", name: "Mike V.", role: "Solo Ranker", company: "Independent", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1a4f6m" },
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="What our champions are saying about us."
|
||||
@@ -314,15 +146,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"GamingHub",
|
||||
"GlobalNet",
|
||||
"SoundWave",
|
||||
"GraficsInc",
|
||||
"NetOps",
|
||||
"StreamerCo",
|
||||
]}
|
||||
names={["TechCorp", "GamingHub", "GlobalNet", "SoundWave", "GraficsInc"]}
|
||||
title="Trusted Partners"
|
||||
description="Leading companies powering our community infrastructure."
|
||||
/>
|
||||
@@ -332,21 +156,8 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How to join?",
|
||||
content: "Click 'Join Now' on our site, create an account, and sync your game profile.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are there rewards?",
|
||||
content: "Yes, top performers weekly earn exclusive skins and premium currency.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What about cheating?",
|
||||
content: "We maintain a strict anti-cheat policy and zero tolerance for unfair play.",
|
||||
},
|
||||
{ id: "f1", title: "How to join?", content: "Click 'Join Now' on our site, create an account, and sync your game profile." },
|
||||
{ id: "f2", title: "Are there rewards?", content: "Yes, top performers weekly earn exclusive skins and premium currency." },
|
||||
]}
|
||||
sideTitle="Still Have Questions?"
|
||||
sideDescription="Check out our FAQs or join the Discord."
|
||||
@@ -357,9 +168,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Stay Updated"
|
||||
title="Join the EliteSquad Community"
|
||||
description="Sign up for updates on tournaments, exclusive loot, and new events."
|
||||
@@ -372,50 +181,23 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Events",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Discord",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Latest News", href: "#" },
|
||||
{ label: "Patch Notes", href: "#" },
|
||||
{ label: "Twitch", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Tournament Rules", href: "#" },
|
||||
{ label: "Anti-Cheat", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Store",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Legal",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Support Forum", href: "#" },
|
||||
{ label: "Help Center", href: "#" },
|
||||
{ label: "Report User", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -425,4 +207,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user