Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| aa76dafe7b | |||
| 9310717af4 | |||
| 6d9f20bfbf |
176
src/app/page.tsx
176
src/app/page.tsx
@@ -2,16 +2,8 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
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 PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,157 +20,25 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Overview", id: "hero"},
|
||||
{
|
||||
name: "Tournaments", id: "/tournaments"},
|
||||
{
|
||||
name: "Admin", id: "/admin"},
|
||||
{
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing", id: "pricing"},
|
||||
]}
|
||||
brandName="ClanForce"
|
||||
button={{
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[]}
|
||||
brandName=""
|
||||
button={{ text: "" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
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>
|
||||
<main className="min-h-[calc(100vh-10rem)] flex items-center justify-center text-3xl text-gray-400">
|
||||
<p>Website is blank.</p>
|
||||
</main>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
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>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[]}
|
||||
logoText=""
|
||||
copyrightText=""
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user