Update src/app/page.tsx
This commit is contained in:
212
src/app/page.tsx
212
src/app/page.tsx
@@ -33,17 +33,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Overview",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Overview", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Download",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Download", id: "contact"},
|
||||
]}
|
||||
brandName="Arena Breakout"
|
||||
/>
|
||||
@@ -52,35 +46,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
variant: "rotated-rays-animated-grid"}}
|
||||
title="Arena Breakout: Next-Gen Tactical FPS"
|
||||
description="The first-of-its-kind extraction looter shooter that pushes the limits of war simulation on mobile. Engage in intense firefights."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-lit-cyberpunk-vigilante-with-gun_23-2152031320.jpg",
|
||||
imageAlt: "Arena Breakout Cinematic 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-lit-cyberpunk-vigilante-with-gun_23-2152031320.jpg", imageAlt: "Arena Breakout Cinematic 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-boy-illustration_23-2151728205.jpg",
|
||||
imageAlt: "Arena Breakout Cinematic 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-boy-illustration_23-2151728205.jpg", imageAlt: "Arena Breakout Cinematic 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-soldier-camouflage-with-gun-dark-wall_140725-153586.jpg",
|
||||
imageAlt: "Arena Breakout Cinematic 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-soldier-camouflage-with-gun-dark-wall_140725-153586.jpg", imageAlt: "Arena Breakout Cinematic 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ruins-russian-s-war-ukraine_23-2149437924.jpg",
|
||||
imageAlt: "Arena Breakout Cinematic 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ruins-russian-s-war-ukraine_23-2149437924.jpg", imageAlt: "Arena Breakout Cinematic 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-soldier-with-combat-war_23-2151624782.jpg",
|
||||
imageAlt: "Arena Breakout Cinematic 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-soldier-with-combat-war_23-2151624782.jpg", imageAlt: "Arena Breakout Cinematic 5"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-soldier-with-combat-war_23-2151624794.jpg",
|
||||
imageAlt: "Arena Breakout Cinematic 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-soldier-with-combat-war_23-2151624794.jpg", imageAlt: "Arena Breakout Cinematic 6"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -103,32 +84,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Weapon Customization",
|
||||
tags: [
|
||||
"Deep",
|
||||
"Modular",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/player-playing-paintball-game-with-gun-high-quality-photo_114579-12235.jpg",
|
||||
},
|
||||
id: "f1", title: "Weapon Customization", tags: [
|
||||
"Deep", "Modular"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/player-playing-paintball-game-with-gun-high-quality-photo_114579-12235.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Tactical Squad Combat",
|
||||
tags: [
|
||||
"Team",
|
||||
"Intense",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-rocky-mountains-covered-with-clouds_181624-55130.jpg",
|
||||
},
|
||||
id: "f2", title: "Tactical Squad Combat", tags: [
|
||||
"Team", "Intense"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-rocky-mountains-covered-with-clouds_181624-55130.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Extraction Survival",
|
||||
tags: [
|
||||
"High-Stakes",
|
||||
"Looter",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-reloading-ammunition-bullets-into-pistol_482257-118224.jpg",
|
||||
},
|
||||
id: "f3", title: "Extraction Survival", tags: [
|
||||
"High-Stakes", "Looter"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-reloading-ammunition-bullets-into-pistol_482257-118224.jpg"},
|
||||
]}
|
||||
title="Tactical Gameplay Mechanics"
|
||||
description="Master advanced combat tools, weapon modification, and survival strategies."
|
||||
@@ -143,47 +109,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Starter Pack",
|
||||
price: "$4.99",
|
||||
variant: "Digital",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-view-powerful-gun_23-2150888672.jpg",
|
||||
},
|
||||
id: "p1", name: "Starter Pack", price: "$4.99", variant: "Digital", imageSrc: "http://img.b2bpic.net/free-photo/3d-view-powerful-gun_23-2150888672.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Tactical Gear I",
|
||||
price: "$9.99",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-clamp-isolated-against-isolated-white-background_482257-25605.jpg",
|
||||
},
|
||||
id: "p2", name: "Tactical Gear I", price: "$9.99", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/black-clamp-isolated-against-isolated-white-background_482257-25605.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Elite Operator Kit",
|
||||
price: "$19.99",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-powerful-3d-gun_23-2150888731.jpg",
|
||||
},
|
||||
id: "p3", name: "Elite Operator Kit", price: "$19.99", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/view-powerful-3d-gun_23-2150888731.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Currency Bundle S",
|
||||
price: "$1.99",
|
||||
variant: "Digital",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ak-47-gun-showcased-broken-glass_23-2150803666.jpg",
|
||||
},
|
||||
id: "p4", name: "Currency Bundle S", price: "$1.99", variant: "Digital", imageSrc: "http://img.b2bpic.net/free-photo/close-up-ak-47-gun-showcased-broken-glass_23-2150803666.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Currency Bundle M",
|
||||
price: "$4.99",
|
||||
variant: "Digital",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-handling-money-financial-duties_23-2151660748.jpg",
|
||||
},
|
||||
id: "p5", name: "Currency Bundle M", price: "$4.99", variant: "Digital", imageSrc: "http://img.b2bpic.net/free-photo/man-handling-money-financial-duties_23-2151660748.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Tactical Elite Bundle",
|
||||
price: "$29.99",
|
||||
variant: "Ultra",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-vintage-objects-still-life_23-2150348532.jpg",
|
||||
},
|
||||
id: "p6", name: "Tactical Elite Bundle", price: "$29.99", variant: "Ultra", imageSrc: "http://img.b2bpic.net/free-photo/view-vintage-objects-still-life_23-2150348532.jpg"},
|
||||
]}
|
||||
title="Available Packs & Currency"
|
||||
description="Prepare for the battlefield with exclusive premium packages."
|
||||
@@ -197,22 +133,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Missions Played",
|
||||
value: "100M+",
|
||||
icon: Zap,
|
||||
id: "m1", title: "Missions Played", value: "100M+", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Tactical Operators",
|
||||
value: "50M+",
|
||||
icon: Users,
|
||||
id: "m2", title: "Tactical Operators", value: "50M+", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Maps Explored",
|
||||
value: "20+",
|
||||
icon: Map,
|
||||
id: "m3", title: "Maps Explored", value: "20+", icon: Map,
|
||||
},
|
||||
]}
|
||||
title="Global Mission Data"
|
||||
@@ -222,44 +149,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marcus V.",
|
||||
role: "Pro Tactical Player",
|
||||
testimonial: "The gunplay feel is unmatched. Most realistic FPS on mobile.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419467.jpg",
|
||||
},
|
||||
id: "t1", name: "Marcus V.", role: "Pro Tactical Player", testimonial: "The gunplay feel is unmatched. Most realistic FPS on mobile.", imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419467.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Elena R.",
|
||||
role: "Casual Shooter",
|
||||
testimonial: "Extraction mechanics add so much intensity to every match.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-woman-with-gaming-headset-playing-multiplayer-first-person-shooter-streaming-gameplay-professional-pc-setup-gamer-girl-looking-computer-screen-while-talking-team-tournament_482257-49412.jpg",
|
||||
},
|
||||
id: "t2", name: "Elena R.", role: "Casual Shooter", testimonial: "Extraction mechanics add so much intensity to every match.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-woman-with-gaming-headset-playing-multiplayer-first-person-shooter-streaming-gameplay-professional-pc-setup-gamer-girl-looking-computer-screen-while-talking-team-tournament_482257-49412.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sam K.",
|
||||
role: "Hardcore Enthusiast",
|
||||
testimonial: "Weapon modding is incredibly deep. A true looter shooter.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/developer-drinking-coffee-updating-artificial-intelligence-machine-learning_482257-104327.jpg",
|
||||
},
|
||||
id: "t3", name: "Sam K.", role: "Hardcore Enthusiast", testimonial: "Weapon modding is incredibly deep. A true looter shooter.", imageSrc: "http://img.b2bpic.net/free-photo/developer-drinking-coffee-updating-artificial-intelligence-machine-learning_482257-104327.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Dmitri P.",
|
||||
role: "Squad Leader",
|
||||
testimonial: "Tactical coordination feels essential. Truly next-gen mobile FPS.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-man-laughing-playing-video-games-weekend_231208-8873.jpg",
|
||||
},
|
||||
id: "t4", name: "Dmitri P.", role: "Squad Leader", testimonial: "Tactical coordination feels essential. Truly next-gen mobile FPS.", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-man-laughing-playing-video-games-weekend_231208-8873.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sophie L.",
|
||||
role: "Competitive Gamer",
|
||||
testimonial: "The stakes feel so real every time you deploy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-laughing-while-playing-gaming-pc-talking-with-mates_482257-116475.jpg",
|
||||
},
|
||||
id: "t5", name: "Sophie L.", role: "Competitive Gamer", testimonial: "The stakes feel so real every time you deploy.", imageSrc: "http://img.b2bpic.net/free-photo/man-laughing-while-playing-gaming-pc-talking-with-mates_482257-116475.jpg"},
|
||||
]}
|
||||
title="Player Feedback"
|
||||
description="What our top tactical operators are saying."
|
||||
@@ -272,20 +175,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is extraction mode?",
|
||||
content: "You deploy, loot, and extract without dying to keep your gear.",
|
||||
},
|
||||
id: "q1", title: "What is extraction mode?", content: "You deploy, loot, and extract without dying to keep your gear."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I modify my weapons?",
|
||||
content: "Yes, our deep gunsmithing system allows for extensive customization.",
|
||||
},
|
||||
id: "q2", title: "Can I modify my weapons?", content: "Yes, our deep gunsmithing system allows for extensive customization."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is it multiplayer only?",
|
||||
content: "Arena Breakout focuses on high-stakes squad-based tactical combat.",
|
||||
},
|
||||
id: "q3", title: "Is it multiplayer only?", content: "Arena Breakout focuses on high-stakes squad-based tactical combat."},
|
||||
]}
|
||||
title="Tactical Ops Support"
|
||||
description="Frequently asked questions from our operators."
|
||||
@@ -300,15 +194,9 @@ export default function LandingPage() {
|
||||
description="Join the tactical experience. Contact us for partnership opportunities."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email Address"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/war-tank-with-armed-equipment-used-combat_23-2151627551.jpg"
|
||||
/>
|
||||
@@ -318,29 +206,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
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 Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user