Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
217
src/app/page.tsx
217
src/app/page.tsx
@@ -31,28 +31,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Overview",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Arsenal",
|
||||
id: "product",
|
||||
},
|
||||
{
|
||||
name: "Community",
|
||||
id: "testimonial",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Overview", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Arsenal", id: "product" },
|
||||
{ name: "Community", id: "testimonial" },
|
||||
{ name: "Support", id: "faq" },
|
||||
]}
|
||||
brandName="BATTLE ROYAL"
|
||||
button={{ text: "Get Started", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -60,16 +46,7 @@ export default function LandingPage() {
|
||||
<HeroLogo
|
||||
logoText="BATTLE ROYAL"
|
||||
description="Engage in relentless combat across intense 1v1 duels and squad-based warfare. Master your arsenal and dominate the leaderboards."
|
||||
buttons={[
|
||||
{
|
||||
text: "Play Now",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Join Squad",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Play Now", href: "#" }, { text: "Join Squad", href: "#" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/illustration-several-lights-each-other-flowing-into-single-point_181624-21217.jpg"
|
||||
imageAlt="Battle Royal explosive gaming scene"
|
||||
/>
|
||||
@@ -79,11 +56,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Unmatched Combat Experience"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn More" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -93,27 +66,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "1v1 Duel Mode",
|
||||
description: "Prove your personal skill in pure combat encounters.",
|
||||
tag: "Competitive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-winning-videogame_23-2149349984.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Squad Warfare",
|
||||
description: "Coordinate with your squad to overcome tactical challenges.",
|
||||
tag: "Tactical",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-shooting-gallery-doing-training_482257-117759.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Massive Arsenal",
|
||||
description: "Customize your loadout from dozens of unique tactical weapons.",
|
||||
tag: "Customization",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/war-ukraine-concept-war-ukraine-rifle-bullets-shell_169016-67691.jpg",
|
||||
},
|
||||
{ id: "f1", title: "1v1 Duel Mode", description: "Prove your personal skill in pure combat encounters.", tag: "Competitive", imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-winning-videogame_23-2149349984.jpg" },
|
||||
{ id: "f2", title: "Squad Warfare", description: "Coordinate with your squad to overcome tactical challenges.", tag: "Tactical", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-shooting-gallery-doing-training_482257-117759.jpg" },
|
||||
{ id: "f3", title: "Massive Arsenal", description: "Customize your loadout from dozens of unique tactical weapons.", tag: "Customization", imageSrc: "http://img.b2bpic.net/free-photo/war-ukraine-concept-war-ukraine-rifle-bullets-shell_169016-67691.jpg" },
|
||||
]}
|
||||
title="Game Modes & Tactics"
|
||||
description="From solitary duels to tactical squad cooperation."
|
||||
@@ -124,44 +79,15 @@ export default function LandingPage() {
|
||||
<ProductCardOne
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Assault Rifle Alpha",
|
||||
price: "Legendary",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ak-47-showcased-black-background_23-2150803626.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Tactical Shotgun S7",
|
||||
price: "Epic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collection-traditional-toy-soldiers_93675-130165.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Long-Range Sniper",
|
||||
price: "Rare",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stone-texture-background_1194-8712.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Dual Pistols Pro",
|
||||
price: "Common",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-gun-showcased-green-background_23-2150803602.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Heavy Machine Gun",
|
||||
price: "Epic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-soldier-military-uniform-with-gun-dark-wall_140725-153316.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Energy Cannon X",
|
||||
price: "Legendary",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-nuclear-bomb_23-2150805572.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Assault Rifle Alpha", price: "Legendary", imageSrc: "http://img.b2bpic.net/free-photo/close-up-ak-47-showcased-black-background_23-2150803626.jpg" },
|
||||
{ id: "p2", name: "Tactical Shotgun S7", price: "Epic", imageSrc: "http://img.b2bpic.net/free-photo/collection-traditional-toy-soldiers_93675-130165.jpg" },
|
||||
{ id: "p3", name: "Long-Range Sniper", price: "Rare", imageSrc: "http://img.b2bpic.net/free-photo/stone-texture-background_1194-8712.jpg" },
|
||||
{ id: "p4", name: "Dual Pistols Pro", price: "Common", imageSrc: "http://img.b2bpic.net/free-photo/close-up-gun-showcased-green-background_23-2150803602.jpg" },
|
||||
{ id: "p5", name: "Heavy Machine Gun", price: "Epic", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-soldier-military-uniform-with-gun-dark-wall_140725-153316.jpg" },
|
||||
{ id: "p6", name: "Energy Cannon X", price: "Legendary", imageSrc: "http://img.b2bpic.net/free-photo/view-modern-nuclear-bomb_23-2150805572.jpg" },
|
||||
]}
|
||||
title="Weapon Arsenal"
|
||||
description="A lethal variety of high-performance tactical gear."
|
||||
@@ -174,33 +100,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2M",
|
||||
title: "Active Players",
|
||||
items: [
|
||||
"Daily Active Users",
|
||||
"Global Reach",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Tournaments",
|
||||
items: [
|
||||
"Weekly Events",
|
||||
"Esports Ready",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Server Uptime",
|
||||
items: [
|
||||
"High Stability",
|
||||
"No Lag",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "1.2M", title: "Active Players", items: ["Daily Active Users", "Global Reach"] },
|
||||
{ id: "m2", value: "500+", title: "Tournaments", items: ["Weekly Events", "Esports Ready"] },
|
||||
{ id: "m3", value: "99.9%", title: "Server Uptime", items: ["High Stability", "No Lag"] },
|
||||
]}
|
||||
title="Combat Statistics"
|
||||
description="Real-time data on competitive performance."
|
||||
@@ -214,46 +116,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
role: "Pro Player",
|
||||
company: "Elite Squad",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/energetic-gamer-starting-live-broadcast-interacting-with-viewers-before-playing-videogame_482257-116267.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jordan P.",
|
||||
role: "Tactician",
|
||||
company: "Alpha Team",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-receiving-game-screen-getting-his-spaceship-destroyed-huge-explosion_482257-116245.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah M.",
|
||||
role: "Streamer",
|
||||
company: "Gaming Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-caucasian-man-sulks-face-keeps-arms-folded_273609-29724.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Chris B.",
|
||||
role: "Competitor",
|
||||
company: "Rival Clan",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-cute-kid-does-live-broadcast-using-phone-camera-talk-with-online-audience_482257-102481.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Maria K.",
|
||||
role: "Duelist",
|
||||
company: "Lone Wolf",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-sporty-man-wearing-sportswear-headband-with-headphones-surprised_141793-37324.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alex R.", role: "Pro Player", company: "Elite Squad", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/energetic-gamer-starting-live-broadcast-interacting-with-viewers-before-playing-videogame_482257-116267.jpg" },
|
||||
{ id: "t2", name: "Jordan P.", role: "Tactician", company: "Alpha Team", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/gamer-receiving-game-screen-getting-his-spaceship-destroyed-huge-explosion_482257-116245.jpg" },
|
||||
{ id: "t3", name: "Sarah M.", role: "Streamer", company: "Gaming Hub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serious-caucasian-man-sulks-face-keeps-arms-folded_273609-29724.jpg" },
|
||||
{ id: "t4", name: "Chris B.", role: "Competitor", company: "Rival Clan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-cute-kid-does-live-broadcast-using-phone-camera-talk-with-online-audience_482257-102481.jpg" },
|
||||
{ id: "t5", name: "Maria K.", role: "Duelist", company: "Lone Wolf", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-sporty-man-wearing-sportswear-headband-with-headphones-surprised_141793-37324.jpg" },
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="What our top combatants say about the experience."
|
||||
@@ -264,21 +131,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How does duel mode work?",
|
||||
content: "Duel mode pairs you against a single opponent of equal rank for a 1v1 showdown.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are weapons balanced?",
|
||||
content: "Our weapons are tuned based on constant community feedback and data metrics.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I invite friends to squads?",
|
||||
content: "Yes, squads can be formed with up to 4 friends for coordinated combat.",
|
||||
},
|
||||
{ id: "q1", title: "How does duel mode work?", content: "Duel mode pairs you against a single opponent of equal rank for a 1v1 showdown." },
|
||||
{ id: "q2", title: "Are weapons balanced?", content: "Our weapons are tuned based on constant community feedback and data metrics." },
|
||||
{ id: "q3", title: "Can I invite friends to squads?", content: "Yes, squads can be formed with up to 4 friends for coordinated combat." },
|
||||
]}
|
||||
sideTitle="Battle Royal FAQ"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -288,9 +143,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Join the fight today. Stay updated with competitive news and squad recruitments."
|
||||
/>
|
||||
</div>
|
||||
@@ -298,14 +151,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="BATTLE ROYAL"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Support",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Support", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user