Merge version_1 into main #1
235
src/app/page.tsx
235
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Updates",
|
||||
id: "blog",
|
||||
},
|
||||
name: "Updates", id: "blog"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="FF Gaming"
|
||||
/>
|
||||
@@ -54,65 +46,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Dominate the Arena in FF"
|
||||
description="Experience professional-grade competition, lightning-fast matchmaking, and a community dedicated to excellence. Join thousands of gamers leveling up today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Play Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Play Now", href: "#"},
|
||||
{
|
||||
text: "Join Community",
|
||||
href: "#",
|
||||
},
|
||||
text: "Join Community", href: "#"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cosmic-background-with-colorful-laser-lights_181624-21382.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-connections-polygonal-background-with-connecting-lines-dots_1048-12250.jpg",
|
||||
alt: "Avatar 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/3d-connections-polygonal-background-with-connecting-lines-dots_1048-12250.jpg", alt: "Avatar 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-data-technology-background-with-low-poly-plexus-design_1048-18066.jpg",
|
||||
alt: "Avatar 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/3d-data-technology-background-with-low-poly-plexus-design_1048-18066.jpg", alt: "Avatar 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cosmic-background-white-black-laser-lights_181624-27720.jpg",
|
||||
alt: "Avatar 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cosmic-background-white-black-laser-lights_181624-27720.jpg", alt: "Avatar 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/laser-show-glowing-lines-neon-lights-with-black-background_181624-19576.jpg",
|
||||
alt: "Avatar 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/laser-show-glowing-lines-neon-lights-with-black-background_181624-19576.jpg", alt: "Avatar 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-fitness-girl-wearing-headband-with-headphones-armband-smartphone-looking-aside-with-pensive-expression-face_141793-108812.jpg",
|
||||
alt: "Avatar 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-fitness-girl-wearing-headband-with-headphones-armband-smartphone-looking-aside-with-pensive-expression-face_141793-108812.jpg", alt: "Avatar 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Tournaments Daily",
|
||||
},
|
||||
type: "text", text: "Tournaments Daily"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Pro-Tier Anti-Cheat",
|
||||
},
|
||||
type: "text", text: "Pro-Tier Anti-Cheat"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Rankings",
|
||||
},
|
||||
type: "text", text: "Global Rankings"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Instant Matchmaking",
|
||||
},
|
||||
type: "text", text: "Instant Matchmaking"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Esports Certification",
|
||||
},
|
||||
type: "text", text: "Esports Certification"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,20 +90,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Matchmaking AI",
|
||||
description: "Precision algorithms ensuring balanced, high-stakes games every time you queue.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-hud-interface-with-gradient-style_23-2147920202.jpg",
|
||||
},
|
||||
title: "Matchmaking AI", description: "Precision algorithms ensuring balanced, high-stakes games every time you queue.", imageSrc: "http://img.b2bpic.net/free-vector/futuristic-hud-interface-with-gradient-style_23-2147920202.jpg"},
|
||||
{
|
||||
title: "Zero-Lag Infrastructure",
|
||||
description: "Low latency servers located worldwide for instant response, critical for high-tier play.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pro-gamer-gaming-chair-wearing-headphones-playing-science-fiction-game_482257-116580.jpg",
|
||||
},
|
||||
title: "Zero-Lag Infrastructure", description: "Low latency servers located worldwide for instant response, critical for high-tier play.", imageSrc: "http://img.b2bpic.net/free-photo/pro-gamer-gaming-chair-wearing-headphones-playing-science-fiction-game_482257-116580.jpg"},
|
||||
{
|
||||
title: "Community-First Platform",
|
||||
description: "Exclusive forums and team-building tools for long-term player progression and growth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/online-communication-connection-networking-icon_53876-13770.jpg",
|
||||
},
|
||||
title: "Community-First Platform", description: "Exclusive forums and team-building tools for long-term player progression and growth.", imageSrc: "http://img.b2bpic.net/free-photo/online-communication-connection-networking-icon_53876-13770.jpg"},
|
||||
]}
|
||||
title="Built for Competition"
|
||||
description="Engineered for speed, stability, and maximum engagement for professional players."
|
||||
@@ -152,35 +110,11 @@ export default function LandingPage() {
|
||||
description="Stay ahead of the game with the newest tournament news and patch insights."
|
||||
blogs={[
|
||||
{
|
||||
id: "blog1",
|
||||
category: "News",
|
||||
title: "Summer Tournament Finals",
|
||||
excerpt: "Full recap of the grand finals held in Las Vegas last weekend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-esports-gamer-back-side-view-rejoices-victory-generative-ai_191095-2019.jpg",
|
||||
authorName: "Admin",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/scene-professional-esports-gamer-profile-colored-with-red-blue-light-generative-ai_191095-1964.jpg",
|
||||
date: "Aug 15, 2024",
|
||||
},
|
||||
id: "blog1", category: "News", title: "Summer Tournament Finals", excerpt: "Full recap of the grand finals held in Las Vegas last weekend.", imageSrc: "http://img.b2bpic.net/free-photo/professional-esports-gamer-back-side-view-rejoices-victory-generative-ai_191095-2019.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/scene-professional-esports-gamer-profile-colored-with-red-blue-light-generative-ai_191095-1964.jpg", date: "Aug 15, 2024"},
|
||||
{
|
||||
id: "blog2",
|
||||
category: "Update",
|
||||
title: "Patch 2.4.0 Released",
|
||||
excerpt: "Weapon balance changes, bug fixes, and new map rotation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-with-white-light-painting_23-2149679103.jpg",
|
||||
authorName: "Dev Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/show-host-offers-headphones-giveaway_482257-76737.jpg",
|
||||
date: "Aug 10, 2024",
|
||||
},
|
||||
id: "blog2", category: "Update", title: "Patch 2.4.0 Released", excerpt: "Weapon balance changes, bug fixes, and new map rotation.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-with-white-light-painting_23-2149679103.jpg", authorName: "Dev Team", authorAvatar: "http://img.b2bpic.net/free-photo/show-host-offers-headphones-giveaway_482257-76737.jpg", date: "Aug 10, 2024"},
|
||||
{
|
||||
id: "blog3",
|
||||
category: "Analysis",
|
||||
title: "The Meta-Shift in 2024",
|
||||
excerpt: "A deep dive into how professionals have changed their strategies.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-celebration_23-2151835513.jpg",
|
||||
authorName: "Pro Analyst",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/teenager-doing-video-presenting-her-home-social-media-channels-fans_482257-119098.jpg",
|
||||
date: "Aug 05, 2024",
|
||||
},
|
||||
id: "blog3", category: "Analysis", title: "The Meta-Shift in 2024", excerpt: "A deep dive into how professionals have changed their strategies.", imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-celebration_23-2151835513.jpg", authorName: "Pro Analyst", authorAvatar: "http://img.b2bpic.net/free-photo/teenager-doing-video-presenting-her-home-social-media-channels-fans_482257-119098.jpg", date: "Aug 05, 2024"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -192,23 +126,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Users,
|
||||
title: "Active Players",
|
||||
value: "250K+",
|
||||
},
|
||||
id: "m1", icon: Users,
|
||||
title: "Active Players", value: "250K+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "Tournaments",
|
||||
value: "1.2K+",
|
||||
},
|
||||
id: "m2", icon: Award,
|
||||
title: "Tournaments", value: "1.2K+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Globe,
|
||||
title: "Global Nodes",
|
||||
value: "45+",
|
||||
},
|
||||
id: "m3", icon: Globe,
|
||||
title: "Global Nodes", value: "45+"},
|
||||
]}
|
||||
title="Community Milestones"
|
||||
description="Our global community continues to shatter records every month."
|
||||
@@ -220,47 +145,23 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
animationType="blur-reveal"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Pro Player",
|
||||
company: "FF Team Alpha",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stressed-man-playing-videogames-home-spamming-keyboard-buttons_482257-116257.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", role: "Pro Player", company: "FF Team Alpha", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stressed-man-playing-videogames-home-spamming-keyboard-buttons_482257-116257.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Zhang",
|
||||
role: "Streamer",
|
||||
company: "Global TV",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-model-wearing-red-cap_114579-21738.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Zhang", role: "Streamer", company: "Global TV", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-model-wearing-red-cap_114579-21738.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
role: "Community Leader",
|
||||
company: "GamingGuild",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-specialist-filming-technology-review-v-mount-battery_482257-124194.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Chen", role: "Community Leader", company: "GamingGuild", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-specialist-filming-technology-review-v-mount-battery_482257-124194.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Peterson",
|
||||
role: "Casual Gamer",
|
||||
company: "FF Enthusiast",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-putting-hands-head-frustration-after-seeing-game-screen_482257-124176.jpg",
|
||||
},
|
||||
id: "4", name: "David Peterson", role: "Casual Gamer", company: "FF Enthusiast", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-putting-hands-head-frustration-after-seeing-game-screen_482257-124176.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex Riviera",
|
||||
role: "Ranked Challenger",
|
||||
company: "RankPro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-battling-enemies-multiplayer-shooter-discussing-with-other-players-through-headphones-mic_482257-77140.jpg",
|
||||
},
|
||||
id: "5", name: "Alex Riviera", role: "Ranked Challenger", company: "RankPro", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-battling-enemies-multiplayer-shooter-discussing-with-other-players-through-headphones-mic_482257-77140.jpg"},
|
||||
]}
|
||||
title="Pro Player Voices"
|
||||
description="Why competitive players choose FF gaming platforms."
|
||||
@@ -273,20 +174,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is FF free to join?",
|
||||
content: "Yes, our community portal is free to all competitive players.",
|
||||
},
|
||||
id: "f1", title: "Is FF free to join?", content: "Yes, our community portal is free to all competitive players."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How do I join a team?",
|
||||
content: "Use our built-in Team Finder tool located in your player dashboard.",
|
||||
},
|
||||
id: "f2", title: "How do I join a team?", content: "Use our built-in Team Finder tool located in your player dashboard."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I host tournaments?",
|
||||
content: "Official partner accounts can host and manage their own competitive events.",
|
||||
},
|
||||
id: "f3", title: "Can I host tournaments?", content: "Official partner accounts can host and manage their own competitive events."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Have questions? We have the answers to help you get started."
|
||||
@@ -299,50 +191,31 @@ export default function LandingPage() {
|
||||
logoText="FF Gaming"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Rankings",
|
||||
href: "#",
|
||||
},
|
||||
label: "Rankings", href: "#"},
|
||||
{
|
||||
label: "Teams",
|
||||
href: "#",
|
||||
},
|
||||
label: "Teams", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Community",
|
||||
items: [
|
||||
title: "Community", items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#blog",
|
||||
},
|
||||
label: "Blog", href: "#blog"},
|
||||
{
|
||||
label: "Discord",
|
||||
href: "#",
|
||||
},
|
||||
label: "Discord", href: "#"},
|
||||
{
|
||||
label: "Events",
|
||||
href: "#",
|
||||
},
|
||||
label: "Events", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user