Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-20 08:14:51 +00:00

View File

@@ -33,21 +33,13 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Features",
id: "features",
},
name: "Features", id: "features"},
{
name: "Shop",
id: "products",
},
name: "Shop", id: "products"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Battle Royale"
/>
@@ -56,117 +48,40 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
title="Survive the Arena"
description="Drop into the ultimate battle royale experience. Outplay, outlast, and dominate the competition."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/shoot-fantastic-alien_23-2151648337.jpg?_wi=1",
imageAlt: "Warrior 1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/8-bits-characters-gaming-assets_23-2151143662.jpg",
imageAlt: "Warrior 2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ninja-digital-art_23-2151234815.jpg",
imageAlt: "Warrior 3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-warrior-urban-scenery_23-2150712384.jpg",
imageAlt: "Warrior 4",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-soldier-kneeling-futuristic-combat-zone_23-2152000833.jpg",
imageAlt: "Warrior 5",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/gladiator-helmet-with-muscular-body-shows-his-strength-isolated-grey_613910-11644.jpg",
imageAlt: "Warrior 6",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/shoot-fantastic-alien_23-2151648337.jpg", imageAlt: "Warrior 1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/8-bits-characters-gaming-assets_23-2151143662.jpg", imageAlt: "Warrior 2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ninja-digital-art_23-2151234815.jpg", imageAlt: "Warrior 3" },
{ imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-warrior-urban-scenery_23-2150712384.jpg", imageAlt: "Warrior 4" },
{ imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-soldier-kneeling-futuristic-combat-zone_23-2152000833.jpg", imageAlt: "Warrior 5" },
{ imageSrc: "http://img.b2bpic.net/free-photo/gladiator-helmet-with-muscular-body-shows-his-strength-isolated-grey_613910-11644.jpg", imageAlt: "Warrior 6" }
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-baseball-player_23-2150885247.jpg?_wi=1",
imageAlt: "Scene 1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/illustration-concept-dinosaurs_456031-80.jpg",
imageAlt: "Scene 2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/male-soldier-camouflage-with-machine-gun-dark-smoky-wall_140725-96075.jpg",
imageAlt: "Scene 3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/tilt-shift-medieval-fantasy-landscape_23-2150916476.jpg",
imageAlt: "Scene 4",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-soldiers-fighting-together_23-2150804339.jpg",
imageAlt: "Scene 5",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/burning-factory-with-fire-background_188544-12531.jpg",
imageAlt: "Scene 6",
},
]}
buttons={[
{
text: "Play Now",
href: "#",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-baseball-player_23-2150885247.jpg", imageAlt: "Scene 1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/illustration-concept-dinosaurs_456031-80.jpg", imageAlt: "Scene 2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/male-soldier-camouflage-with-machine-gun-dark-smoky-wall_140725-96075.jpg", imageAlt: "Scene 3" },
{ imageSrc: "http://img.b2bpic.net/free-photo/tilt-shift-medieval-fantasy-landscape_23-2150916476.jpg", imageAlt: "Scene 4" },
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-soldiers-fighting-together_23-2150804339.jpg", imageAlt: "Scene 5" },
{ imageSrc: "http://img.b2bpic.net/free-photo/burning-factory-with-fire-background_188544-12531.jpg", imageAlt: "Scene 6" }
]}
buttons={[{ text: "Play Now", href: "#" }]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/medium-shot-soldier-wearing-camouflage-equipment_23-2151001981.jpg",
alt: "Gamer A",
},
{
src: "http://img.b2bpic.net/free-photo/cartoon-soldier-with-combat-war_23-2151624766.jpg",
alt: "Gamer B",
},
{
src: "http://img.b2bpic.net/free-photo/elite-unit-special-forces-soldier-camouflage-uniform-posing-with-assault-rifle-studio-photo-against-dark-textured-wall_613910-20192.jpg",
alt: "Gamer C",
},
{
src: "http://img.b2bpic.net/free-photo/cartoon-soldier-with-combat-war_23-2151624783.jpg",
alt: "Gamer D",
},
{
src: "http://img.b2bpic.net/free-photo/shoot-fantastic-alien_23-2151648338.jpg",
alt: "Gamer E",
},
{ src: "http://img.b2bpic.net/free-photo/medium-shot-soldier-wearing-camouflage-equipment_23-2151001981.jpg", alt: "Gamer A" },
{ src: "http://img.b2bpic.net/free-photo/cartoon-soldier-with-combat-war_23-2151624766.jpg", alt: "Gamer B" },
{ src: "http://img.b2bpic.net/free-photo/elite-unit-special-forces-soldier-camouflage-uniform-posing-with-assault-rifle-studio-photo-against-dark-textured-wall_613910-20192.jpg", alt: "Gamer C" },
{ src: "http://img.b2bpic.net/free-photo/cartoon-soldier-with-combat-war_23-2151624783.jpg", alt: "Gamer D" },
{ src: "http://img.b2bpic.net/free-photo/shoot-fantastic-alien_23-2151648338.jpg", alt: "Gamer E" }
]}
avatarText="Join 50M+ Players"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/full-shot-ninja-wearing-equipment_23-2150960868.jpg",
alt: "Partner 1",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151127999.jpg",
alt: "Partner 2",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/cyberpunk-boy-illustration_23-2151728228.jpg",
alt: "Partner 3",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/fantastic-aliens-with-glowing-neon-colours_23-2151648381.jpg",
alt: "Partner 4",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/closeup-portrait-baseball-player_23-2150885267.jpg",
alt: "Partner 5",
},
{ type: "image", src: "http://img.b2bpic.net/free-photo/full-shot-ninja-wearing-equipment_23-2150960868.jpg", alt: "Partner 1" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151127999.jpg", alt: "Partner 2" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/cyberpunk-boy-illustration_23-2151728228.jpg", alt: "Partner 3" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/fantastic-aliens-with-glowing-neon-colours_23-2151648381.jpg", alt: "Partner 4" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/closeup-portrait-baseball-player_23-2150885267.jpg", alt: "Partner 5" }
]}
/>
</div>
@@ -179,7 +94,7 @@ export default function LandingPage() {
description="Experience fast-paced tactical combat across massive maps. Loot, survive, and be the last one standing in our high-intensity battle royale."
subdescription="Built for mobile performance, deliver top-tier graphics and smooth mechanics."
icon={Star}
imageSrc="http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151127916.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151127916.jpg"
mediaAnimation="slide-up"
/>
</div>
@@ -191,49 +106,25 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Tactical Gear",
description: "High-tech weapons and futuristic armor.",
icon: Shield,
title: "Tactical Gear", description: "High-tech weapons and futuristic armor.", icon: Shield,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-soldier-with-energy-weapon-futuristic-hallway_23-2152000914.jpg?_wi=1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-view-powerful-gun_23-2150888697.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-baseball-player_23-2150885247.jpg?_wi=2",
imageAlt: "futuristic weapon game asset",
{ imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-soldier-with-energy-weapon-futuristic-hallway_23-2152000914.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-view-powerful-gun_23-2150888697.jpg" },
]
},
{
title: "High Speed",
description: "Intense movement mechanics for every player.",
icon: Zap,
title: "High Speed", description: "Intense movement mechanics for every player.", icon: Zap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-fitness-man_23-2151691511.jpg?_wi=1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/fun-roman-soldier-3d-illustration_183364-80113.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/shoot-fantastic-alien_23-2151648337.jpg?_wi=2",
imageAlt: "futuristic weapon game asset",
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-fitness-man_23-2151691511.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/fun-roman-soldier-3d-illustration_183364-80113.jpg" },
]
},
{
title: "Global Maps",
description: "Diverse landscapes for strategic gameplay.",
icon: Map,
title: "Global Maps", description: "Diverse landscapes for strategic gameplay.", icon: Map,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ak-47-showcased-black-background_23-2150803620.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-view-powerful-gun_23-2150888663.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151127916.jpg?_wi=2",
imageAlt: "futuristic weapon game asset",
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-ak-47-showcased-black-background_23-2150803620.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-view-powerful-gun_23-2150888663.jpg" },
]
},
]}
title="Game Features"
@@ -248,48 +139,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "s1",
name: "Crimson Armor",
price: "$9.99",
variant: "Epic",
imageSrc: "http://img.b2bpic.net/free-photo/knight-armor_1398-2346.jpg",
},
{
id: "s2",
name: "Neon Blade",
price: "$7.99",
variant: "Rare",
imageSrc: "http://img.b2bpic.net/free-photo/8-bits-characters-gaming-assets_23-2151143637.jpg",
},
{
id: "s3",
name: "Shadow Cloak",
price: "$12.99",
variant: "Legendary",
imageSrc: "http://img.b2bpic.net/free-photo/medieval-knight-grey_146671-15724.jpg",
},
{
id: "s4",
name: "Arctic Gear",
price: "$8.99",
variant: "Epic",
imageSrc: "http://img.b2bpic.net/free-photo/ice-skating-woman-isolated-white_149155-4759.jpg",
},
{
id: "s5",
name: "Desert Scarf",
price: "$4.99",
variant: "Rare",
imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-his-neck-face-arms-dressed-camouflage-t-shirt_613910-1472.jpg",
},
{
id: "s6",
name: "Void Visor",
price: "$15.99",
variant: "Mythic",
imageSrc: "http://img.b2bpic.net/free-photo/vintage-style-soldier-helmet-still-life_23-2151648713.jpg",
},
{ id: "s1", name: "Crimson Armor", price: "$9.99", variant: "Epic", imageSrc: "http://img.b2bpic.net/free-photo/knight-armor_1398-2346.jpg" },
{ id: "s2", name: "Neon Blade", price: "$7.99", variant: "Rare", imageSrc: "http://img.b2bpic.net/free-photo/8-bits-characters-gaming-assets_23-2151143637.jpg" },
{ id: "s3", name: "Shadow Cloak", price: "$12.99", variant: "Legendary", imageSrc: "http://img.b2bpic.net/free-photo/medieval-knight-grey_146671-15724.jpg" },
{ id: "s4", name: "Arctic Gear", price: "$8.99", variant: "Epic", imageSrc: "http://img.b2bpic.net/free-photo/ice-skating-woman-isolated-white_149155-4759.jpg" },
{ id: "s5", name: "Desert Scarf", price: "$4.99", variant: "Rare", imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-his-neck-face-arms-dressed-camouflage-t-shirt_613910-1472.jpg" },
{ id: "s6", name: "Void Visor", price: "$15.99", variant: "Mythic", imageSrc: "http://img.b2bpic.net/free-photo/vintage-style-soldier-helmet-still-life_23-2151648713.jpg" },
]}
title="Limited Skins"
description="Customize your character for total dominance."
@@ -303,21 +158,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "50M+",
description: "Registered Players",
},
{
id: "m2",
value: "2M+",
description: "Daily Active Users",
},
{
id: "m3",
value: "120+",
description: "Countries Reached",
},
{ id: "m1", value: "50M+", description: "Registered Players" },
{ id: "m2", value: "2M+", description: "Daily Active Users" },
{ id: "m3", value: "120+", description: "Countries Reached" },
]}
title="Player Stats"
description="Millions playing worldwide."
@@ -329,61 +172,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Alex R.",
date: "1 day ago",
title: "Pro",
quote: "Best battle royale on mobile!",
tag: "Fan",
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-male-gamer-with-gamepad-playing-video-game-blue-wall_140725-152164.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-baseball-player_23-2150885247.jpg?_wi=3",
imageAlt: "gamer wearing headset",
},
{
id: "t2",
name: "Sarah K.",
date: "3 days ago",
title: "Pro",
quote: "Tactical gameplay is addictive.",
tag: "Pro",
avatarSrc: "http://img.b2bpic.net/free-photo/young-sporty-man-wearing-sportswear-headband-holding-soccer-ball-looking-front-with-serious-face-standing-white-wall_141793-96887.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/shoot-fantastic-alien_23-2151648337.jpg?_wi=3",
imageAlt: "gamer wearing headset",
},
{
id: "t3",
name: "Jason M.",
date: "1 week ago",
title: "Pro",
quote: "Graphics are top-tier.",
tag: "Fan",
avatarSrc: "http://img.b2bpic.net/free-photo/party-space-ready-online-celebration_23-2149347225.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151127916.jpg?_wi=3",
imageAlt: "gamer wearing headset",
},
{
id: "t4",
name: "Emily P.",
date: "2 weeks ago",
title: "Pro",
quote: "Community is great, matches are intense.",
tag: "Fan",
avatarSrc: "http://img.b2bpic.net/free-photo/team-teenage-gamers-plays-multiplayer-video-game-pc-gaming-club_613910-19132.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-soldier-with-energy-weapon-futuristic-hallway_23-2152000914.jpg?_wi=2",
imageAlt: "gamer wearing headset",
},
{
id: "t5",
name: "Mike H.",
date: "1 month ago",
title: "Pro",
quote: "Every update keeps getting better.",
tag: "Pro",
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-emotional-male-gamer-with-gamepad-playing-video-game-blue-wall_140725-151201.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-fitness-man_23-2151691511.jpg?_wi=2",
imageAlt: "gamer wearing headset",
},
{ id: "t1", name: "Alex R.", date: "1 day ago", title: "Pro", quote: "Best battle royale on mobile!", tag: "Fan", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-male-gamer-with-gamepad-playing-video-game-blue-wall_140725-152164.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-baseball-player_23-2150885247.jpg", imageAlt: "gamer wearing headset" },
{ id: "t2", name: "Sarah K.", date: "3 days ago", title: "Pro", quote: "Tactical gameplay is addictive.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/young-sporty-man-wearing-sportswear-headband-holding-soccer-ball-looking-front-with-serious-face-standing-white-wall_141793-96887.jpg", imageSrc: "http://img.b2bpic.net/free-photo/shoot-fantastic-alien_23-2151648337.jpg", imageAlt: "gamer wearing headset" },
{ id: "t3", name: "Jason M.", date: "1 week ago", title: "Pro", quote: "Graphics are top-tier.", tag: "Fan", avatarSrc: "http://img.b2bpic.net/free-photo/party-space-ready-online-celebration_23-2149347225.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151127916.jpg", imageAlt: "gamer wearing headset" },
{ id: "t4", name: "Emily P.", date: "2 weeks ago", title: "Pro", quote: "Community is great, matches are intense.", tag: "Fan", avatarSrc: "http://img.b2bpic.net/free-photo/team-teenage-gamers-plays-multiplayer-video-game-pc-gaming-club_613910-19132.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-soldier-with-energy-weapon-futuristic-hallway_23-2152000914.jpg", imageAlt: "gamer wearing headset" },
{ id: "t5", name: "Mike H.", date: "1 month ago", title: "Pro", quote: "Every update keeps getting better.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-emotional-male-gamer-with-gamepad-playing-video-game-blue-wall_140725-151201.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-fitness-man_23-2151691511.jpg", imageAlt: "gamer wearing headset" },
]}
title="Player Feedback"
description="What our community says."
@@ -394,21 +187,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Is it free to play?",
content: "Yes, our game is completely free-to-play with optional cosmetics.",
},
{
id: "q2",
title: "Which devices are supported?",
content: "We support most modern Android and iOS devices.",
},
{
id: "q3",
title: "How to report issues?",
content: "Visit our help center or use the in-game contact support feature.",
},
{ id: "q1", title: "Is it free to play?", content: "Yes, our game is completely free-to-play with optional cosmetics." },
{ id: "q2", title: "Which devices are supported?", content: "We support most modern Android and iOS devices." },
{ id: "q3", title: "How to report issues?", content: "Visit our help center or use the in-game contact support feature." },
]}
sideTitle="FAQs"
sideDescription="Need help? Check our common questions."
@@ -420,31 +201,19 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Contact"
title="Join the Fight"
description="Ready to drop in? Start playing now."
buttons={[
{
text: "Download Now",
href: "#",
},
]}
buttons={[{ text: "Download Now", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Battle Royale"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ReactLenis>