changes

src/components/Header.astro

@@ -13,17 +13,16 @@ import { SITE } from "@consts";
         </div>
       </Link>
       <nav class="flex gap-1">
-        <!-- <Link href="/blog"> blog </Link>
+        <Link href="/stats"> stats </Link>
         <span>
           {`/`}
-        </span> -->
+        </span>
         <Link href="/work"> work </Link>
         <span>
           {`/`}
         </span>
         <Link href="/projects"> projects </Link>
       </nav>
     </div>
-
   </Container>
 </header>

src/pages/stats/index.astro

@@ -0,0 +1,69 @@
+---
+import PageLayout from "@layouts/PageLayout.astro";
+import Container from "@components/Container.astro";
+import { PROJECTS } from "@consts";
+---
+
+<PageLayout title={PROJECTS.TITLE} description={PROJECTS.DESCRIPTION}>
+  <Container>
+    <div class="space-y-10">
+      <div class="animate font-semibold text-black dark:text-white">Stats</div>
+      <ul class="animate flex flex-col gap-4">
+        <p
+          class="relative group flex flex-nowrap py-3 px-4 pr-10 rounded-lg border border-black/15 dark:border-white/20 hover:bg-black/5 dark:hover:bg-white/5 hover:text-black dark:hover:text-white transition-colors duration-300 ease-in-out"
+        >
+          <a href="https://wakatime.com/@kabirnayeem99"
+            ><img
+              src="https://wakatime.com/badge/user/877bdd59-77ed-4e91-839b-edf730c4e129.svg"
+              alt="Total time coded since Feb 12 2021"
+            /></a
+          >
+        </p>
+        <p
+          class="relative group flex flex-nowrap py-3 px-4 pr-10 rounded-lg border border-black/15 dark:border-white/20 transition-colors duration-300 ease-in-out"
+        >
+          <img
+            src="https://github-readme-stats.vercel.app/api/top-langs?username=kabirnayeem99&show_icons=true&locale=en&layout=normal&theme=dark&bg_color=1B1917&hide=javascript,html,makefile&hide_border=true"
+            alt="kabirnayeem99"
+          />
+        </p>
+
+        <p
+          class="relative group flex flex-nowrap py-3 px-4 pr-10 rounded-lg border border-black/15 dark:border-white/20 transition-colors duration-300 ease-in-out"
+        >
+          <a href="https://wakatime.com/@kabirnayeem99">
+            <img
+              src="https://github-readme-stats.vercel.app/api/wakatime?username=kabirnayeem99&theme=dark&layout=normal&langs_count=10&hide=html,groovy&bg_color=1B1917&hide_border=true"
+              alt="kabirnayeem99"
+            />
+          </a>
+        </p>
+
+        <p
+          class="relative group flex flex-nowrap py-3 px-4 pr-10 rounded-lg border border-black/15 dark:border-white/20 transition-colors duration-300 ease-in-out"
+        >
+          <img
+            src="https://github-readme-stats.vercel.app/api?username=kabirnayeem99&show_icons=true&locale=en&theme=dark&bg_color=1B1917&hide_border=true"
+            alt="kabirnayeem99"
+          />
+        </p>
+        <p
+          class="relative group flex flex-nowrap py-3 px-4 pr-10 rounded-lg border border-black/15 dark:border-white/20 transition-colors duration-300 ease-in-out"
+        >
+          <img
+            src="https://github-readme-streak-stats.herokuapp.com/?user=kabirnayeem99&theme=dark&bg_color=1B1917&hide_border=true"
+            alt="kabirnayeem99"
+          />
+        </p>
+        <p
+          class="relative group flex flex-nowrap py-3 px-4 pr-10 rounded-lg border border-black/15 dark:border-white/20 transition-colors duration-300 ease-in-out"
+        >
+          <img
+            src="https://leetcode-stats.vercel.app/api?username=kabirnayeem99&theme=dark&bg_color=1B1917&hide_border=true"
+            alt="kabirnayeem99"
+          />
+        </p>
+      </ul>
+    </div>
+  </Container>
+</PageLayout>; ---