Merge version_4 into main

Merge version_4 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

@@ -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,371 +20,25 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Overview",
-          id: "hero",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
-      ]}
-      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",
-        },
-        {
-          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"
-    />
-  </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",
-          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."
-    />
-  </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.",
-        },
-        {
-          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."
-      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",
-        "Titan Legion",
-        "Storm Vanguard",
-        "Ghost Units",
-      ]}
-      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>
   );

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>
+  );
+}