Update src/app/matches/page.tsx

Merge version_2 into main

src/app/admin/page.tsx

@@ -0,0 +1,39 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function AdminPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Tournaments", id: "/tournaments" },
+              { name: "Admin", id: "/admin" },
+            ]}
+            brandName="CLANxCLAN"
+            button={{ text: "Login" }}
+          />
+        </div>
+        <main className="pt-32 pb-20 px-6 max-w-7xl mx-auto min-h-screen">
+          <h1 className="text-5xl font-bold mb-8">Commander Dashboard</h1>
+          <p className="text-xl mb-12 text-muted-foreground">Manage user accounts, content, system settings, and analytics.</p>
+          <div className="grid gap-8">
+            <div className="p-8 border rounded-xl shadow-sm">
+              <h2 className="text-2xl font-semibold mb-4">System Control</h2>
+              <p>User management, moderation tools, and analytics dashboard tools to be integrated here.</p>
+            </div>
+          </div>
+        </main>
+        <div id="footer" data-section="footer">
+          <FooterBase logoText="CLANxCLAN" columns={[]} />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/free-agents/page.tsx

@@ -0,0 +1,38 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function FreeAgentsPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline 
+          navItems={[{ name: "Overview", id: "/" }, { name: "Players", id: "/players" }, { name: "Free Agents", id: "/free-agents" }]} 
+          brandName="CLANxCLAN" 
+          button={{ text: "Connect" }}
+        />
+      </div>
+      <div className="pt-32" id="products" data-section="products">
+        <ProductCardFour 
+          title="Free Agent Listings"
+          description="Filter by skill, game, or region to find your next squad member."
+          gridVariant="bento-grid"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          products={[
+            { id: "fa1", name: "ProScout_99", price: "Available", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/professional-esports-gamer-back-side-view-rejoices-victory-generative-ai_191095-2015.jpg" },
+            { id: "fa2", name: "TacticalQueen", price: "Available", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-anime-character-gaming_23-2151560702.jpg" },
+            { id: "fa3", name: "AlphaLeader", price: "Available", variant: "Semi-Pro", imageSrc: "http://img.b2bpic.net/free-photo/smiling-viewer-changing-channels-television-set-with-remote-control_482257-92306.jpg" }
+          ]}
+        />
+      </div>
+      <div id="footer" data-section="footer">
+        <FooterBase columns={[]} logoText="CLANxCLAN" />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/leaderboards/page.tsx

@@ -0,0 +1,46 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function LeaderboardsPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Teams", id: "/teams" },
+              { name: "Leaderboards", id: "/leaderboards" }
+            ]}
+            brandName="CLANxCLAN"
+            button={{ text: "Join" }}
+          />
+        </div>
+        <div className="pt-24" id="metrics" data-section="metrics">
+          <MetricCardFourteen
+            title="Global Leaderboards"
+            tag="Rankings"
+            metricsAnimation="slide-up"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "1", value: "#1", description: "Alpha Vanguard - 24,500 pts" },
+              { id: "2", value: "#2", description: "Nova Squad - 23,800 pts" },
+              { id: "3", value: "#3", description: "Zero Point - 22,100 pts" }
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[]}
+            logoText="CLANxCLAN"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/matches/page.tsx

@@ -0,0 +1,29 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ReactLenis from "lenis/react";
+
+export default function MatchesPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Matches", id: "/matches" },
+              { name: "Seasons", id: "/seasons" },
+            ]}
+            brandName="CLANxCLAN"
+            button={{ text: "Schedule" }}
+          />
+        </div>
+        <div className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
+          <h1 className="text-4xl font-bold mb-6">Match System</h1>
+          <p>View upcoming schedules, past results, and historical match data for your clan.</p>
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -32,68 +32,39 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Overview",
+          name: "Overview",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Features",
+          name: "Tournaments",          id: "/tournaments"},
-          id: "features",
-        },
         {
-          name: "Pricing",
+          name: "Admin",          id: "/admin"},
-          id: "pricing",
-        },
         {
-          name: "FAQ",
+          name: "Features",          id: "features"},
-          id: "faq",
+        {
-        },
+          name: "Pricing",          id: "pricing"},
       ]}
       brandName="ClanForce"
       button={{
-        text: "Get Started",
+        text: "Get Started",        href: "#contact"}}
-        href: "#contact",
-      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
       background={{
-        variant: "rotated-rays-animated-grid",
+        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",
+          text: "Deploy Now",          href: "#features"},
-          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",
+          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"},
-          imageAlt: "Clan Battle HUD",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-map-with-dices_23-2149352317.jpg?_wi=1",
+          imageSrc: "http://img.b2bpic.net/free-photo/still-life-map-with-dices_23-2149352317.jpg?_wi=1",          imageAlt: "Strategic Map Planning"},
-          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",
+          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"},
-          imageAlt: "Competitive Pro Scene",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/staff-sergeant-briefing-his-army-troops-crew-with-details-new-mission_482257-89819.jpg",
-          imageAlt: "Clan Battle HUD",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/control-room-operator-tracking-all-ships-anchoring-along-coast-line_482257-90969.jpg",
-          imageAlt: "Strategic Map Planning",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/team-working-animation-project_23-2149269903.jpg",
-          imageAlt: "Competitive Pro Scene",
-        },
       ]}
       mediaAnimation="slide-up"
     />
@@ -106,26 +77,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "f1",
+          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"},
-          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",
+          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"},
-          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",
+          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: "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."
@@ -138,36 +94,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "m1", value: "12k+", title: "Active Clans", items: ["Synced accounts", "Daily matches", "Global ranks"] },
-          id: "m1",
+        { id: "m2", value: "99%", title: "Uptime", items: ["Real-time data", "Low latency", "Secure servers"] },
-          value: "12k+",
+        { id: "m3", value: "5M", title: "Matches", items: ["Historical records", "Performance stats", "Clan profiles"] },
-          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."
@@ -181,38 +110,12 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "free",
+          id: "free",          tag: "Starter",          price: "$0",          period: "/mo",          description: "Perfect for casual training teams.",          button: { text: "Select", href: "#" },
-          tag: "Starter",
+          featuresTitle: "Included",          features: ["Basic roster", "Match log", "Global ranking"],
-          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",
+          id: "pro",          tag: "Pro",          price: "$29",          period: "/mo",          description: "Advanced tools for competitive clans.",          button: { text: "Select", href: "#" },
-          tag: "Pro",
+          featuresTitle: "Everything in Starter plus:",          features: ["Automated matchmaking", "Map locking tools", "Premium analytics"],
-          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"
@@ -225,61 +128,8 @@ export default function LandingPage() {
       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: "1",
+        { 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" },
-          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",
-          imageSrc: "http://img.b2bpic.net/free-photo/army-officer-examining-real-time-satellite-data-big-screen-military-base_482257-89841.jpg?_wi=2",
-          imageAlt: "pro gamer portrait",
-        },
-        {
-          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",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-map-with-dices_23-2149352317.jpg?_wi=2",
-          imageAlt: "pro gamer portrait",
-        },
-        {
-          id: "3",
-          name: "ZeroGamer",
-          date: "Nov 2023",
-          title: "Captain",
-          quote: "Finally, a way to keep track of our members across different game titles.",
-          tag: "Pro",
-          avatarSrc: "http://img.b2bpic.net/free-photo/focused-man-rgb-lights-lit-living-room-playing-videogames_482257-116287.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-professional-photographer-filming-teens-headsets-playing-video-games-video-game_1268-25922.jpg?_wi=2",
-          imageAlt: "pro gamer portrait",
-        },
-        {
-          id: "4",
-          name: "SquadGod",
-          date: "Oct 2023",
-          title: "Manager",
-          quote: "Incredibly intuitive dashboard, saves us hours on scheduling every week.",
-          tag: "Org",
-          avatarSrc: "http://img.b2bpic.net/free-photo/professional-esports-gamer-back-side-view-rejoices-victory-generative-ai_191095-2015.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-data-protection-concept_23-2151998494.jpg?_wi=2",
-          imageAlt: "pro gamer portrait",
-        },
-        {
-          id: "5",
-          name: "Frontliner",
-          date: "Sep 2023",
-          title: "Player",
-          quote: "The best platform for clan management and scouting matches.",
-          tag: "Vets",
-          avatarSrc: "http://img.b2bpic.net/free-photo/sitting-basketball-player_23-2147644460.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-expert-working-with-technology-neon-lights_23-2151645569.jpg?_wi=2",
-          imageAlt: "pro gamer portrait",
-        },
       ]}
       title="From the Frontline"
       description="What clan leaders are saying about ClanForce."
@@ -290,21 +140,8 @@ export default function LandingPage() {
       <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: "q1",
+        { 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." },
-          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.",
-        },
-        {
-          id: "q3",
-          title: "Is it free for small teams?",
-          content: "Yes, the basic tier covers all core roster management features for free.",
-        },
       ]}
       sideTitle="Battle FAQ"
       sideDescription="Common questions regarding platform usage."
@@ -316,15 +153,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
+      names={["Alpha Vanguard", "Nova Squad", "Zero Point Team", "Iron Shielders"]}
-        "Alpha Vanguard",
-        "Nova Squad",
-        "Zero Point Team",
-        "Iron Shielders",
-        "Titan Legion",
-        "Storm Vanguard",
-        "Ghost Units",
-      ]}
       title="Supported by Clans & Leagues"
       description="Join the growing ecosystem of competitive teams."
     />
@@ -333,61 +162,18 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={true}
-      background={{
+      background={{ variant: "rotated-rays-animated-grid" }}
-        variant: "rotated-rays-animated-grid",
-      }}
       text="Ready to lead your clan to the top? Let's connect."
-      buttons={[
+      buttons={[{ text: "Contact Support", href: "mailto:support@clanforce.gg" }]}
-        {
-          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: "Platform",
+        { title: "Company", items: [{ label: "About", href: "#" }, { label: "Support", href: "mailto:support@clanforce.gg" }] },
-          items: [
+        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
-            {
-              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."

src/app/players/page.tsx

@@ -0,0 +1,34 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import TeamCardOne from '@/components/sections/team/TeamCardOne';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function PlayersPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline navItems={[{ name: "Overview", id: "/" }, { name: "Players", id: "/players" }, { name: "Free Agents", id: "/free-agents" }]} brandName="ClanForce" button={{ text: "Search" }} />
+      </div>
+      <div className="pt-32" id="team" data-section="team">
+        <TeamCardOne 
+          title="Pro Player Profiles" 
+          description="Meet our professional roster of elite competitors."
+          tag="Roster"
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          members={[
+            { id: "1", name: "AlphaLeader", role: "Captain", imageSrc: "http://img.b2bpic.net/free-photo/smiling-viewer-changing-channels-television-set-with-remote-control_482257-92306.jpg" },
+            { id: "2", name: "TacticalQueen", role: "Strategist", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-anime-character-gaming_23-2151560702.jpg" }
+          ]}
+        />
+      </div>
+      <div id="footer" data-section="footer">
+        <FooterBase columns={[]} logoText="ClanForce" />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/seasons/page.tsx

@@ -0,0 +1,28 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ReactLenis from "lenis/react";
+
+export default function SeasonsPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Matches", id: "/matches" },
+              { name: "Seasons", id: "/seasons" },
+            ]}
+            button={{ text: "View" }}
+          />
+        </div>
+        <div className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
+          <h1 className="text-4xl font-bold mb-6">Season Progress</h1>
+          <p>Track your clan's performance across active seasons and view historical progression.</p>
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/teams/page.tsx

@@ -0,0 +1,48 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import TeamCardOne from '@/components/sections/team/TeamCardOne';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function TeamsPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Teams", id: "/teams" },
+              { name: "Leaderboards", id: "/leaderboards" }
+            ]}
+            brandName="ClanForce"
+            button={{ text: "Create Team" }}
+          />
+        </div>
+        <div className="pt-24" id="teams" data-section="teams">
+          <TeamCardOne
+            title="Active Clans & Teams"
+            description="Discover and connect with the most competitive teams currently on the platform."
+            gridVariant="uniform-all-items-equal"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            members={[
+              { id: "t1", name: "Alpha Vanguard", role: "Tactical FPS" },
+              { id: "t2", name: "Nova Squad", role: "Battle Royale" },
+              { id: "t3", name: "Zero Point", role: "Strategy" }
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[]}
+            logoText="ClanForce"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/tournaments/page.tsx

@@ -0,0 +1,39 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function TournamentsPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Tournaments", id: "/tournaments" },
+              { name: "Admin", id: "/admin" },
+            ]}
+            brandName="ClanForce"
+            button={{ text: "Register" }}
+          />
+        </div>
+        <main className="pt-32 pb-20 px-6 max-w-7xl mx-auto min-h-screen">
+          <h1 className="text-5xl font-bold mb-8">Tournament Hub</h1>
+          <p className="text-xl mb-12 text-muted-foreground">Browse active tournaments, view brackets, and manage your team's entry.</p>
+          <div className="grid gap-8">
+            <div className="p-8 border rounded-xl shadow-sm">
+              <h2 className="text-2xl font-semibold mb-4">Active Tournaments</h2>
+              <p>Tournament listings and bracket visualizations will appear here.</p>
+            </div>
+          </div>
+        </main>
+        <div id="footer" data-section="footer">
+          <FooterBase logoText="ClanForce" columns={[]} />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}