Compare commits
10 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| aa76dafe7b | |||
| 9310717af4 | |||
| 6d9f20bfbf | |||
| e36a4e6c04 | |||
| 1c69db9045 | |||
| adc9c78c9b | |||
| 7a08be23ea | |||
| cd42814393 | |||
| 76faf94041 | |||
| 5f232add52 |
@@ -16,7 +16,7 @@ export default function AdminPage() {
|
|||||||
{ name: "Tournaments", id: "/tournaments" },
|
{ name: "Tournaments", id: "/tournaments" },
|
||||||
{ name: "Admin", id: "/admin" },
|
{ name: "Admin", id: "/admin" },
|
||||||
]}
|
]}
|
||||||
brandName="ClanForce"
|
brandName="CLANxCLAN"
|
||||||
button={{ text: "Login" }}
|
button={{ text: "Login" }}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -31,7 +31,7 @@ export default function AdminPage() {
|
|||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBase logoText="ClanForce" columns={[]} />
|
<FooterBase logoText="CLANxCLAN" columns={[]} />
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
|
|||||||
@@ -11,7 +11,7 @@ export default function FreeAgentsPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[{ name: "Overview", id: "/" }, { name: "Players", id: "/players" }, { name: "Free Agents", id: "/free-agents" }]}
|
navItems={[{ name: "Overview", id: "/" }, { name: "Players", id: "/players" }, { name: "Free Agents", id: "/free-agents" }]}
|
||||||
brandName="ClanForce"
|
brandName="CLANxCLAN"
|
||||||
button={{ text: "Connect" }}
|
button={{ text: "Connect" }}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -31,7 +31,7 @@ export default function FreeAgentsPage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBase columns={[]} logoText="ClanForce" />
|
<FooterBase columns={[]} logoText="CLANxCLAN" />
|
||||||
</div>
|
</div>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -17,7 +17,7 @@ export default function LeaderboardsPage() {
|
|||||||
{ name: "Teams", id: "/teams" },
|
{ name: "Teams", id: "/teams" },
|
||||||
{ name: "Leaderboards", id: "/leaderboards" }
|
{ name: "Leaderboards", id: "/leaderboards" }
|
||||||
]}
|
]}
|
||||||
brandName="ClanForce"
|
brandName="CLANxCLAN"
|
||||||
button={{ text: "Join" }}
|
button={{ text: "Join" }}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -37,7 +37,7 @@ export default function LeaderboardsPage() {
|
|||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[]}
|
columns={[]}
|
||||||
logoText="ClanForce"
|
logoText="CLANxCLAN"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
@@ -15,6 +15,7 @@ export default function MatchesPage() {
|
|||||||
{ name: "Matches", id: "/matches" },
|
{ name: "Matches", id: "/matches" },
|
||||||
{ name: "Seasons", id: "/seasons" },
|
{ name: "Seasons", id: "/seasons" },
|
||||||
]}
|
]}
|
||||||
|
brandName="CLANxCLAN"
|
||||||
button={{ text: "Schedule" }}
|
button={{ text: "Schedule" }}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
176
src/app/page.tsx
176
src/app/page.tsx
@@ -2,16 +2,8 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactText from '@/components/sections/contact/ContactText';
|
|
||||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
||||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
|
||||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
||||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
||||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
||||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
||||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -28,157 +20,25 @@ export default function LandingPage() {
|
|||||||
headingFontWeight="extrabold"
|
headingFontWeight="extrabold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[]}
|
||||||
{
|
brandName=""
|
||||||
name: "Overview", id: "hero"},
|
button={{ text: "" }}
|
||||||
{
|
/>
|
||||||
name: "Tournaments", id: "/tournaments"},
|
</div>
|
||||||
{
|
|
||||||
name: "Admin", id: "/admin"},
|
|
||||||
{
|
|
||||||
name: "Features", id: "features"},
|
|
||||||
{
|
|
||||||
name: "Pricing", id: "pricing"},
|
|
||||||
]}
|
|
||||||
brandName="ClanForce"
|
|
||||||
button={{
|
|
||||||
text: "Get Started", href: "#contact"}}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<main className="min-h-[calc(100vh-10rem)] flex items-center justify-center text-3xl text-gray-400">
|
||||||
<HeroBillboardGallery
|
<p>Website is blank.</p>
|
||||||
background={{
|
</main>
|
||||||
variant: "rotated-rays-animated-grid"}}
|
|
||||||
title="Master the Battlefield"
|
|
||||||
description="The ultimate platform for clan organization, automated matchmaking, and competitive analytics. Lead your team to victory."
|
|
||||||
buttons={[
|
|
||||||
{
|
|
||||||
text: "Deploy Now", href: "#features"},
|
|
||||||
]}
|
|
||||||
mediaItems={[
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/army-officer-examining-real-time-satellite-data-big-screen-military-base_482257-89841.jpg?_wi=1", imageAlt: "Clan Battle HUD"},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-map-with-dices_23-2149352317.jpg?_wi=1", imageAlt: "Strategic Map Planning"},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/view-professional-photographer-filming-teens-headsets-playing-video-games-video-game_1268-25922.jpg?_wi=1", imageAlt: "Competitive Pro Scene"},
|
|
||||||
]}
|
|
||||||
mediaAnimation="slide-up"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="features" data-section="features">
|
<div id="footer" data-section="footer">
|
||||||
<FeatureCardMedia
|
<FooterBase
|
||||||
animationType="slide-up"
|
columns={[]}
|
||||||
textboxLayout="split"
|
logoText=""
|
||||||
useInvertedBackground={true}
|
copyrightText=""
|
||||||
features={[
|
/>
|
||||||
{
|
</div>
|
||||||
id: "f1", title: "Roster Management", description: "Unified member profiles with linked accounts and performance history.", tag: "Core", imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-data-protection-concept_23-2151998494.jpg?_wi=1"},
|
|
||||||
{
|
|
||||||
id: "f2", title: "Tactical Scheduling", description: "Lock map selections, event times, and server rules in seconds.", tag: "Tactical", imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-expert-working-with-technology-neon-lights_23-2151645569.jpg?_wi=1"},
|
|
||||||
{
|
|
||||||
id: "f3", title: "Smart Matchmaking", description: "Automated system pairing clans based on skill levels and active availability.", tag: "Auto", imageSrc: "http://img.b2bpic.net/free-photo/couple-celebrating-video-games-win-live-stream-woman-feeling-happy-about-man-winning-gameplay-while-he-is-streaming-online-with-chat-computer-streamer-using-gaming-equipment_482257-32429.jpg"},
|
|
||||||
]}
|
|
||||||
title="Core Mechanics"
|
|
||||||
description="Everything your clan needs to dominate the leaderboards."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="metrics" data-section="metrics">
|
|
||||||
<MetricCardSeven
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
metrics={[
|
|
||||||
{ id: "m1", value: "12k+", title: "Active Clans", items: ["Synced accounts", "Daily matches", "Global ranks"] },
|
|
||||||
{ id: "m2", value: "99%", title: "Uptime", items: ["Real-time data", "Low latency", "Secure servers"] },
|
|
||||||
{ id: "m3", value: "5M", title: "Matches", items: ["Historical records", "Performance stats", "Clan profiles"] },
|
|
||||||
]}
|
|
||||||
title="Clan Performance"
|
|
||||||
description="Metrics that matter for your competitive journey."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="pricing" data-section="pricing">
|
|
||||||
<PricingCardFive
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={true}
|
|
||||||
plans={[
|
|
||||||
{
|
|
||||||
id: "free", tag: "Starter", price: "$0", period: "/mo", description: "Perfect for casual training teams.", button: { text: "Select", href: "#" },
|
|
||||||
featuresTitle: "Included", features: ["Basic roster", "Match log", "Global ranking"],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "pro", tag: "Pro", price: "$29", period: "/mo", description: "Advanced tools for competitive clans.", button: { text: "Select", href: "#" },
|
|
||||||
featuresTitle: "Everything in Starter plus:", features: ["Automated matchmaking", "Map locking tools", "Premium analytics"],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Tournament Tiers"
|
|
||||||
description="Choose the level of competitive support for your clan."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
|
||||||
<TestimonialCardFive
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
testimonials={[
|
|
||||||
{ id: "1", name: "AlphaLead", date: "Jan 2024", title: "Clan Leader", quote: "The matchmaking system is a game changer for our weekend tournaments.", tag: "Clan", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-viewer-changing-channels-television-set-with-remote-control_482257-92306.jpg" },
|
|
||||||
{ id: "2", name: "TacticalQueen", date: "Dec 2023", title: "Strategist", quote: "Map locking and rule sets are managed so much better here.", tag: "Team", avatarSrc: "http://img.b2bpic.net/free-photo/aesthetic-anime-character-gaming_23-2151560702.jpg" },
|
|
||||||
]}
|
|
||||||
title="From the Frontline"
|
|
||||||
description="What clan leaders are saying about ClanForce."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
|
||||||
<FaqSplitText
|
|
||||||
useInvertedBackground={true}
|
|
||||||
faqs={[
|
|
||||||
{ id: "q1", title: "How do I link accounts?", content: "Navigate to settings and connect your gaming IDs to synchronize stats instantly." },
|
|
||||||
{ id: "q2", title: "Can I lock maps?", content: "Yes, our tournament tools allow captains to select maps and rule variants prior to the match start." },
|
|
||||||
]}
|
|
||||||
sideTitle="Battle FAQ"
|
|
||||||
sideDescription="Common questions regarding platform usage."
|
|
||||||
faqsAnimation="slide-up"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="social" data-section="social">
|
|
||||||
<SocialProofOne
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
names={["Alpha Vanguard", "Nova Squad", "Zero Point Team", "Iron Shielders"]}
|
|
||||||
title="Supported by Clans & Leagues"
|
|
||||||
description="Join the growing ecosystem of competitive teams."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
|
||||||
<ContactText
|
|
||||||
useInvertedBackground={true}
|
|
||||||
background={{ variant: "rotated-rays-animated-grid" }}
|
|
||||||
text="Ready to lead your clan to the top? Let's connect."
|
|
||||||
buttons={[{ text: "Contact Support", href: "mailto:support@clanforce.gg" }]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
|
||||||
<FooterBase
|
|
||||||
columns={[
|
|
||||||
{ title: "Platform", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
|
|
||||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Support", href: "mailto:support@clanforce.gg" }] },
|
|
||||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
|
||||||
]}
|
|
||||||
logoText="ClanForce"
|
|
||||||
copyrightText="© 2025 ClanForce. All rights reserved."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user