Merge version_1 into main #2
326
src/app/page.tsx
326
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Gameplay",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Fighters",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Community",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Gameplay", id: "features" },
|
||||
{ name: "Fighters", id: "products" },
|
||||
{ name: "Community", id: "testimonials" },
|
||||
{ name: "Support", id: "contact" },
|
||||
]}
|
||||
brandName="Fury Arena X"
|
||||
/>
|
||||
@@ -59,98 +44,31 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Enter the Fury Arena"
|
||||
description="Master the art of combat in Fury Arena X. Experience visceral 3D fighting, complex combo chains, and intense 1v1 battles."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@player1",
|
||||
testimonial: "The combo system is incredibly deep and satisfying.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/karate-fighters_654080-1349.jpg?_wi=1",
|
||||
imageAlt: "fighting game character art",
|
||||
},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "@furypro",
|
||||
testimonial: "Best fighting game graphics I've seen in years.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-rear-view-athletic-fir-young-man-with-muscular-arms-wearing-black-clothes-while-boxing-punching-invisible-enemy-standing-isolated-dark-room-casting-shadow-gray-concrete-floor_343059-646.jpg?_wi=1",
|
||||
imageAlt: "fighting game character art",
|
||||
},
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "@d-man",
|
||||
testimonial: "Responsive controls are a game changer.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/muay-thai-thai-boxing-fighters_654080-759.jpg?_wi=1",
|
||||
imageAlt: "fighting game character art",
|
||||
},
|
||||
{
|
||||
name: "Elena V.",
|
||||
handle: "@ninja",
|
||||
testimonial: "So many unique fighters to master!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-portrait-hindu-god_23-2151782074.jpg?_wi=1",
|
||||
imageAlt: "fighting game character art",
|
||||
},
|
||||
{
|
||||
name: "Chris B.",
|
||||
handle: "@king",
|
||||
testimonial: "The juggles are just pure adrenaline.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-medieval-soldiers-posing-studio_23-2150542254.jpg?_wi=1",
|
||||
imageAlt: "fighting game character art",
|
||||
},
|
||||
{ name: "Alex R.", handle: "@player1", testimonial: "The combo system is incredibly deep and satisfying.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/karate-fighters_654080-1349.jpg", imageAlt: "fighting game character art" },
|
||||
{ name: "Sarah K.", handle: "@furypro", testimonial: "Best fighting game graphics I've seen in years.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-rear-view-athletic-fir-young-man-with-muscular-arms-wearing-black-clothes-while-boxing-punching-invisible-enemy-standing-isolated-dark-room-casting-shadow-gray-concrete-floor_343059-646.jpg", imageAlt: "fighting game character art" },
|
||||
{ name: "Mark D.", handle: "@d-man", testimonial: "Responsive controls are a game changer.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/muay-thai-thai-boxing-fighters_654080-759.jpg", imageAlt: "fighting game character art" },
|
||||
{ name: "Elena V.", handle: "@ninja", testimonial: "So many unique fighters to master!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cartoon-portrait-hindu-god_23-2151782074.jpg", imageAlt: "fighting game character art" },
|
||||
{ name: "Chris B.", handle: "@king", testimonial: "The juggles are just pure adrenaline.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-medieval-soldiers-posing-studio_23-2150542254.jpg", imageAlt: "fighting game character art" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/karate-fighters_654080-1349.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/karate-fighters_654080-1349.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/muay-thai-thai-boxing-fighters_654080-854.jpg",
|
||||
alt: "Muay thai fighter",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/monochrome-shot-shirtless-muscular-strong-young-male-boxer-practicing-outdoors-with-his-boxing-gloves-flaming-with-fire-burning-burn-fiery-force-confidence-martial-combat-fit-muscles-sweat-agile_7502-8676.jpg",
|
||||
alt: "Boxer with fire",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/muay-thai-thai-boxing-fighters_654080-856.jpg",
|
||||
alt: "Muay thai fighter",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/muay-thai-thai-boxing-fighters_654080-775.jpg",
|
||||
alt: "Muay thai fighter",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/punching-woman-boxing-gloves_23-2147752906.jpg",
|
||||
alt: "Woman in boxing",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/muay-thai-thai-boxing-fighters_654080-854.jpg", alt: "Muay thai fighter" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/monochrome-shot-shirtless-muscular-strong-young-male-boxer-practicing-outdoors-with-his-boxing-gloves-flaming-with-fire-burning-burn-fiery-force-confidence-martial-combat-fit-muscles-sweat-agile_7502-8676.jpg", alt: "Boxer with fire" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/muay-thai-thai-boxing-fighters_654080-856.jpg", alt: "Muay thai fighter" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/muay-thai-thai-boxing-fighters_654080-775.jpg", alt: "Muay thai fighter" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/punching-woman-boxing-gloves_23-2147752906.jpg", alt: "Woman in boxing" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "NO COMPROMISE",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "ULTIMATE 3D COMBAT",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "DYNAMIC ARENAS",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "FURY UNLEASHED",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "COMPETITIVE RANKED",
|
||||
},
|
||||
{ type: "text", text: "NO COMPROMISE" },
|
||||
{ type: "text", text: "ULTIMATE 3D COMBAT" },
|
||||
{ type: "text", text: "DYNAMIC ARENAS" },
|
||||
{ type: "text", text: "FURY UNLEASHED" },
|
||||
{ type: "text", text: "COMPETITIVE RANKED" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -160,7 +78,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Master Your Fighter"
|
||||
description="Choose from a roster of diverse warriors, each with unique move-sets, special attacks, and devastating juggles. Refine your tactics in Training Mode and dominate the leaderboard."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-rear-view-athletic-fir-young-man-with-muscular-arms-wearing-black-clothes-while-boxing-punching-invisible-enemy-standing-isolated-dark-room-casting-shadow-gray-concrete-floor_343059-646.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-rear-view-athletic-fir-young-man-with-muscular-arms-wearing-black-clothes-while-boxing-punching-invisible-enemy-standing-isolated-dark-room-casting-shadow-gray-concrete-floor_343059-646.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -170,21 +88,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Combo Chains",
|
||||
description: "Seamlessly link attacks into devastating sequences.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/muay-thai-thai-boxing-fighters_654080-759.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Rage Mode",
|
||||
description: "Turn the tide with high-impact power-up states.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-portrait-hindu-god_23-2151782074.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Tactical Defense",
|
||||
description: "Dodge, counter, and block incoming strikes effectively.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-medieval-soldiers-posing-studio_23-2150542254.jpg?_wi=2",
|
||||
},
|
||||
{ title: "Combo Chains", description: "Seamlessly link attacks into devastating sequences.", imageSrc: "http://img.b2bpic.net/free-photo/muay-thai-thai-boxing-fighters_654080-759.jpg" },
|
||||
{ title: "Rage Mode", description: "Turn the tide with high-impact power-up states.", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-portrait-hindu-god_23-2151782074.jpg" },
|
||||
{ title: "Tactical Defense", description: "Dodge, counter, and block incoming strikes effectively.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-medieval-soldiers-posing-studio_23-2150542254.jpg" }
|
||||
]}
|
||||
title="Game Mechanics"
|
||||
description="Experience deep mechanics designed for competitive precision."
|
||||
@@ -196,49 +102,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Kenji",
|
||||
price: "Speedster",
|
||||
variant: "Agile",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-photorealistic-male-ninja-warrior_23-2151013644.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Kobra",
|
||||
price: "Heavy",
|
||||
variant: "Brute",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-posing-as-medieval-soldier_23-2150650004.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Valkyrie",
|
||||
price: "Balanced",
|
||||
variant: "Tactical",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-warrior-woman-portrait_23-2150712500.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Drago",
|
||||
price: "Power",
|
||||
variant: "Heavy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-dragon-creature_23-2151201725.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Rai",
|
||||
price: "Technician",
|
||||
variant: "Hybrid",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-character-walking-neon-city_23-2151975914.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Seraph",
|
||||
price: "Magic",
|
||||
variant: "Unique",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mystical-wizard-ceremony_23-2152013012.jpg",
|
||||
},
|
||||
{ id: "1", name: "Kenji", price: "Speedster", variant: "Agile", imageSrc: "http://img.b2bpic.net/free-photo/portrait-photorealistic-male-ninja-warrior_23-2151013644.jpg" },
|
||||
{ id: "2", name: "Kobra", price: "Heavy", variant: "Brute", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-posing-as-medieval-soldier_23-2150650004.jpg" },
|
||||
{ id: "3", name: "Valkyrie", price: "Balanced", variant: "Tactical", imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-warrior-woman-portrait_23-2150712500.jpg" },
|
||||
{ id: "4", name: "Drago", price: "Power", variant: "Heavy", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-dragon-creature_23-2151201725.jpg" },
|
||||
{ id: "5", name: "Rai", price: "Technician", variant: "Hybrid", imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-character-walking-neon-city_23-2151975914.jpg" },
|
||||
{ id: "6", name: "Seraph", price: "Magic", variant: "Unique", imageSrc: "http://img.b2bpic.net/free-photo/mystical-wizard-ceremony_23-2152013012.jpg" }
|
||||
]}
|
||||
title="Meet the Fighters"
|
||||
description="Select your champion and prepare for battle."
|
||||
@@ -252,21 +123,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2M",
|
||||
description: "Active Fighters",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500K+",
|
||||
description: "Matches Won",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "20",
|
||||
description: "Unique Arenas",
|
||||
},
|
||||
{ id: "m1", value: "1.2M", description: "Active Fighters" },
|
||||
{ id: "m2", value: "500K+", description: "Matches Won" },
|
||||
{ id: "m3", value: "20", description: "Unique Arenas" }
|
||||
]}
|
||||
title="Combat Statistics"
|
||||
description="Join thousands of players in the arena."
|
||||
@@ -278,31 +137,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Jane Smith",
|
||||
role: "Lead Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-drawing_23-2149445987.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "John Doe",
|
||||
role: "Lead Programmer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-concept-portrait-handsome-serious-business-man-suit-looking-work-laptop-white-background_1258-103931.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Alice Wong",
|
||||
role: "Art Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-holding-pencil-explaining-new-business-plan_23-2147955060.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Bob Lee",
|
||||
role: "Sound Engineer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-strict-young-handsome-caucasian-man-wearing-glasses-standing-profile-view-isolated-crimson-wall_141793-79811.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Jane Smith", role: "Lead Designer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-drawing_23-2149445987.jpg" },
|
||||
{ id: "t2", name: "John Doe", role: "Lead Programmer", imageSrc: "http://img.b2bpic.net/free-photo/business-concept-portrait-handsome-serious-business-man-suit-looking-work-laptop-white-background_1258-103931.jpg" },
|
||||
{ id: "t3", name: "Alice Wong", role: "Art Director", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-holding-pencil-explaining-new-business-plan_23-2147955060.jpg" },
|
||||
{ id: "t4", name: "Bob Lee", role: "Sound Engineer", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-strict-young-handsome-caucasian-man-wearing-glasses-standing-profile-view-isolated-crimson-wall_141793-79811.jpg" }
|
||||
]}
|
||||
title="Development Team"
|
||||
description="The creative force behind the carnage."
|
||||
@@ -315,60 +155,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Pro Player",
|
||||
company: "Esports Club",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-winning-videogame_23-2149349988.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike R.",
|
||||
role: "Content Creator",
|
||||
company: "GameStream",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spray-paint-bottles-neglected-glowing-building-filled-with-graffiti-rusty-damaged-walls-containers-aerosols-deserted-space-ruins-illuminated-by-purple-fluorescent-lights-close-up_482257-66968.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena P.",
|
||||
role: "Reviewer",
|
||||
company: "Game Daily",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-sporty-man-headband-with-headphones-smartphone-arm-band-clenching-fist-with-serious-face-green_141793-58953.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
role: "Casual Fan",
|
||||
company: "Individual",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-baseball-player_23-2151023603.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tina H.",
|
||||
role: "Pro Player",
|
||||
company: "League",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/displeased-man-against-gaming-doing-thumbs-down-gesture-studio-background_482257-94317.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Pro Player", company: "Esports Club", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-winning-videogame_23-2149349988.jpg" },
|
||||
{ id: "2", name: "Mike R.", role: "Content Creator", company: "GameStream", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/spray-paint-bottles-neglected-glowing-building-filled-with-graffiti-rusty-damaged-walls-containers-aerosols-deserted-space-ruins-illuminated-by-purple-fluorescent-lights-close-up_482257-66968.jpg" },
|
||||
{ id: "3", name: "Elena P.", role: "Reviewer", company: "Game Daily", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-sporty-man-headband-with-headphones-smartphone-arm-band-clenching-fist-with-serious-face-green_141793-58953.jpg" },
|
||||
{ id: "4", name: "David W.", role: "Casual Fan", company: "Individual", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-baseball-player_23-2151023603.jpg" },
|
||||
{ id: "5", name: "Tina H.", role: "Pro Player", company: "League", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/displeased-man-against-gaming-doing-thumbs-down-gesture-studio-background_482257-94317.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Fast Paced",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Community",
|
||||
},
|
||||
{ value: "4.9/5", label: "Avg Rating" },
|
||||
{ value: "100%", label: "Fast Paced" },
|
||||
{ value: "98%", label: "Community" }
|
||||
]}
|
||||
title="Player Reviews"
|
||||
description="What the community says about Fury Arena X."
|
||||
@@ -381,16 +177,8 @@ export default function LandingPage() {
|
||||
title="Join the Arena"
|
||||
description="Get updates, patch notes, and early access opportunities."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fantasy-style-gateway-portal-with-desert-landscape_23-2151239240.jpg"
|
||||
/>
|
||||
@@ -399,17 +187,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Fury Arena X"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user