Priyanshu-byte-coder · sayna24bey10080-gif · May 22, 2026 · May 22, 2026 · May 22, 2026 · May 22, 2026
@@ -2,18 +2,20 @@ import type { Metadata } from "next";
 import { Inter } from "next/font/google";
 import Footer from "@/components/Footer";
 import Providers from "./providers";
+import Navbar from "@/components/Navbar";
 import "./globals.css";
 
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
   title: "DevTrack — Developer Productivity Dashboard",
-  description: "Track coding habits, visualize GitHub contributions, and hit your goals.",
-
+  description:
+    "Track coding habits, visualize GitHub contributions, and hit your goals.",
+
   icons: {
     icon: "/favicon.ico",
     shortcut: "/favicon.ico",
-    apple: "/apple-touch-icon.png",  
+    apple: "/apple-touch-icon.png",
   },
 };
 
@@ -32,6 +34,7 @@ export default function RootLayout({
                 try {
                   const stored = localStorage.getItem('theme');
                   const supportDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches === true;
+
                   if (stored === 'dark' || (!stored && supportDarkMode)) {
                     document.documentElement.classList.add('dark');
                     document.documentElement.style.colorScheme = 'dark';
@@ -45,11 +48,17 @@ export default function RootLayout({
           }}
         />
       </head>
-      <body className={`${inter.className} min-h-screen bg-[var(--background)] text-[var(--foreground)]`}>
+
+      <body
+        className={`${inter.className} min-h-screen bg-[var(--background)] text-[var(--foreground)]`}
+      >
         <div className="flex min-h-screen flex-col">
+          <Navbar />
+
           <div className="flex-1">
             <Providers>{children}</Providers>
           </div>
+
           <Footer />
         </div>
       </body>