From 9afd6e4fd95e23f4928a64cdd3b808e68baa2949 Mon Sep 17 00:00:00 2001
From: Leo dev <klesti.selimay@icloud.com>
Date: Sat, 7 Feb 2026 21:01:24 +0100
Subject: [PATCH] Leaderboard UI improvement

---
 .../components/LeaderboardRow.tsx             |  0
 .../{leaderboards => leaderboard}/page.tsx    | 41 +++----------------
 src/app/page.tsx                              |  4 +-
 src/components/app/Footer.tsx                 |  2 +-
 src/components/app/Navbar.tsx                 |  4 +-
 5 files changed, 11 insertions(+), 40 deletions(-)
 rename src/app/{leaderboards => leaderboard}/components/LeaderboardRow.tsx (100%)
 rename src/app/{leaderboards => leaderboard}/page.tsx (76%)

diff --git a/src/app/leaderboards/components/LeaderboardRow.tsx b/src/app/leaderboard/components/LeaderboardRow.tsx
similarity index 100%
rename from src/app/leaderboards/components/LeaderboardRow.tsx
rename to src/app/leaderboard/components/LeaderboardRow.tsx
diff --git a/src/app/leaderboards/page.tsx b/src/app/leaderboard/page.tsx
similarity index 76%
rename from src/app/leaderboards/page.tsx
rename to src/app/leaderboard/page.tsx
index 51e704a..a59e046 100644
--- a/src/app/leaderboards/page.tsx
+++ b/src/app/leaderboard/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { Trophy, Calendar, Globe, TrendingUp } from "lucide-react";
+import { Calendar, Globe } from "lucide-react";
 import { useState } from "react";
 
 import { Card } from "@/components/ui/card";
@@ -21,15 +21,14 @@ import {
   PaginationPrevious,
 } from "@/components/ui/pagination";
 
-import LeaderboardRow from "@/app/leaderboards/components/LeaderboardRow";
-import StatCard from "@/components/app/StatCard";
+import LeaderboardRow from "@/app/leaderboard/components/LeaderboardRow";
 import useAction from "@/hook/use-action";
 import {
   getGlobalLeaderboard,
   getWeeklyLeaderboard,
 } from "@/modules/leaderboard/actions";
 
-export default function Leaderboards() {
+export default function Leaderboard() {
   const [global] = useAction(getGlobalLeaderboard);
   const [weekly] = useAction(getWeeklyLeaderboard);
 
@@ -41,40 +40,12 @@ export default function Leaderboards() {
       <div className="container mx-auto px-6 space-y-8">
         {/* Header */}
         <div>
-          <h1 className="text-4xl font-bold">Leaderboards</h1>
-          <p className="text-muted-foreground">
-            The fastest runners in the game. Will you claim a spot?
+          <h1 className="text-4xl font-bold">Leaderboard</h1>
+          <p className="text-sm text-muted-foreground mb-4">
+            1,284 runners · Ranked by performance
           </p>
         </div>
 
-        {/* Stats */}
-        <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
-          <StatCard
-            icon={Globe}
-            label="Total Runners"
-            value="12,453"
-            index={0}
-          />
-          <StatCard
-            icon={Trophy}
-            label="World Record"
-            value="2:34.21"
-            index={1}
-          />
-          <StatCard
-            icon={TrendingUp}
-            label="Runs This Week"
-            value="847K"
-            index={2}
-          />
-          <StatCard
-            icon={Calendar}
-            label="Until Reset"
-            value="5d 12h"
-            index={3}
-          />
-        </div>
-
         {/* Tabs + Filters */}
         <div className="flex flex-col md:flex-row gap-4 justify-between">
           <Tabs
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5c412ef..97793fd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -84,10 +84,10 @@ export default function Landing() {
                   <ArrowRight className="h-5 w-5 transition-transform group-hover:translate-x-1" />
                 </Button>
               </Link>
-              <Link href="/leaderboards">
+              <Link href="/leaderboard">
                 <Button variant="hero">
                   <Trophy className="h-5 w-5" />
-                  View Leaderboards
+                  View Leaderboard
                 </Button>
               </Link>
             </div>
diff --git a/src/components/app/Footer.tsx b/src/components/app/Footer.tsx
index b483c8e..af5195c 100644
--- a/src/components/app/Footer.tsx
+++ b/src/components/app/Footer.tsx
@@ -34,7 +34,7 @@ const Footer = () => {
           <div>
             <h4 className="font-semibold text-foreground mb-4">Quick Links</h4>
             <ul className="space-y-2">
-              {["Problems", "Leaderboards", "Categories", "Rules"].map(
+              {["Problems", "Leaderboard", "Categories", "Rules"].map(
                 (link) => (
                   <li key={link}>
                     <a
diff --git a/src/components/app/Navbar.tsx b/src/components/app/Navbar.tsx
index 6e502c7..be45d68 100644
--- a/src/components/app/Navbar.tsx
+++ b/src/components/app/Navbar.tsx
@@ -13,9 +13,9 @@ const navs = [
     name: "Problems",
   },
   {
-    link: "/leaderboards",
+    link: "/leaderboard",
     icon: Trophy,
-    name: "Leaderboards",
+    name: "Leaderboard",
   },
   {
     link: "/runs",