From 8cf5d27863750ef6e5580cc7a4504d66b42a8f24 Mon Sep 17 00:00:00 2001
From: adityagupta0251 <itsokkadi0251@gmail.com>
Date: Fri, 26 Dec 2025 14:11:35 +0000
Subject: [PATCH 1/2] Add contributor leaderboard page

---
 frontend/src/components/AppSidebar.tsx        |  7 +++++-
 .../components/pages/Leaderboardcontent.tsx   | 23 +++++++++++++++++++
 frontend/src/pages/leaderboard.astro          | 15 ++++++++++++
 3 files changed, 44 insertions(+), 1 deletion(-)
 create mode 100644 frontend/src/components/pages/Leaderboardcontent.tsx
 create mode 100644 frontend/src/pages/leaderboard.astro

diff --git a/frontend/src/components/AppSidebar.tsx b/frontend/src/components/AppSidebar.tsx
index d5ade67..870225d 100644
--- a/frontend/src/components/AppSidebar.tsx
+++ b/frontend/src/components/AppSidebar.tsx
@@ -1,4 +1,4 @@
-import { Smile, BadgeCheck, Home, BookOpen } from "lucide-react";
+import { Smile, BadgeCheck, Home, BookOpen , Table2 } from "lucide-react";
 
 import {
   Sidebar,
@@ -33,6 +33,11 @@ const items = [
     url: "/badges",
     icon: BadgeCheck,
   },
+  {
+    title: "Leaderboard",
+    url: "/leaderboard",
+    icon: Table2,
+  },
 ];
 
 export function AppSidebar() {
diff --git a/frontend/src/components/pages/Leaderboardcontent.tsx b/frontend/src/components/pages/Leaderboardcontent.tsx
new file mode 100644
index 0000000..d5435f2
--- /dev/null
+++ b/frontend/src/components/pages/Leaderboardcontent.tsx
@@ -0,0 +1,23 @@
+import { AppWrapper } from "@/components/AppWrapper";
+
+export default function LeaderboardContent() {
+  return (
+    <AppWrapper>
+      <section className="mx-auto max-w-4xl px-4 sm:px-6 lg:px-8 py-10 space-y-8">
+        <div className="flex items-center justify-between">
+          <h1 className="text-3xl font-bold tracking-tight">LeaderBoard</h1>
+          <a
+            href="https://discord.gg/axCqT23Xhj"
+            target="_blank"
+            rel="noreferrer"
+            className="inline-flex items-center rounded-md bg-indigo-600 px-4 py-2 text-sm font-medium text-white hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
+          >
+            Join our Discord
+          </a>
+        </div>
+        {/* Leaderboard content goes here */}
+      </section>
+    </AppWrapper>
+  )
+}
+
diff --git a/frontend/src/pages/leaderboard.astro b/frontend/src/pages/leaderboard.astro
new file mode 100644
index 0000000..48f8739
--- /dev/null
+++ b/frontend/src/pages/leaderboard.astro
@@ -0,0 +1,15 @@
+---
+import Layout from "@/layouts/Layout.astro";
+// Alias the component to something like 'LeaderboardContent'
+import LeaderboardContent from "@/components/pages/Leaderboardcontent"; 
+import { AppWrapper } from "@/components/AppWrapper";
+---
+
+<Layout title="Leaderboard - The Guild Genesis">
+  <div class="min-h-screen bg-gray-50">
+    <AppWrapper client:only="react">
+      <!-- Use the aliased name here -->
+      <LeaderboardContent />
+    </AppWrapper>
+  </div>
+</Layout>

From fd4fb0714dd73b0a1da5a33811b51cc8afbba1c8 Mon Sep 17 00:00:00 2001
From: "Adi.K" <166922118+adityagupta0251@users.noreply.github.com>
Date: Mon, 29 Dec 2025 16:40:18 +0530
Subject: [PATCH 2/2] fixed some issues & finalized Add contributor leaderboard
 page

---
 frontend/src/components/pages/Leaderboardcontent.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/pages/Leaderboardcontent.tsx b/frontend/src/components/pages/Leaderboardcontent.tsx
index d5435f2..5038677 100644
--- a/frontend/src/components/pages/Leaderboardcontent.tsx
+++ b/frontend/src/components/pages/Leaderboardcontent.tsx
@@ -2,7 +2,7 @@ import { AppWrapper } from "@/components/AppWrapper";
 
 export default function LeaderboardContent() {
   return (
-    <AppWrapper>
+    
       <section className="mx-auto max-w-4xl px-4 sm:px-6 lg:px-8 py-10 space-y-8">
         <div className="flex items-center justify-between">
           <h1 className="text-3xl font-bold tracking-tight">LeaderBoard</h1>
@@ -17,7 +17,7 @@ export default function LeaderboardContent() {
         </div>
         {/* Leaderboard content goes here */}
       </section>
-    </AppWrapper>
+    
   )
 }