diff --git a/package-lock.json b/package-lock.json
index 56467f3c..dc1db647 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1582,6 +1582,7 @@
       "integrity": "sha512-ch0qJdr2JY0r04NXSprbK6TXOgnaJ1Tz23fm5W+z0/CBah6BSBc3n96h7K9GOtwh0HrilNWHIBzE1Ko4Dcw/Wg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@types/prop-types": "*",
         "csstype": "^3.2.2"
@@ -2384,6 +2385,7 @@
       "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -2859,6 +2861,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "baseline-browser-mapping": "^2.10.12",
         "caniuse-lite": "^1.0.30001782",
@@ -3839,6 +3842,7 @@
       "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.6.1",
@@ -4007,6 +4011,7 @@
       "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@rtsao/scc": "^1.1.0",
         "array-includes": "^3.1.9",
@@ -5532,6 +5537,7 @@
       "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "bin": {
         "jiti": "bin/jiti.js"
       }
@@ -5603,6 +5609,7 @@
       "resolved": "https://registry.npmjs.org/jspdf/-/jspdf-4.2.1.tgz",
       "integrity": "sha512-YyAXyvnmjTbR4bHQRLzex3CuINCDlQnBqoSYyjJwTP2x9jDLuKDzy7aKUl0hgx3uhcl7xzg32agn5vlie6HIlQ==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/runtime": "^7.28.6",
         "fast-png": "^6.2.0",
@@ -6638,6 +6645,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "nanoid": "^3.3.12",
         "picocolors": "^1.1.1",
@@ -6808,6 +6816,7 @@
       "resolved": "https://registry.npmjs.org/preact/-/preact-10.29.2.tgz",
       "integrity": "sha512-7tNmwg/7mzzAoB/8kSg6Hl37JraAZw3Z3A0JSY7VXlZwo82Xn0G7wKbNNs2qoF4ZEEsQGTwDAroNdqKs1ofJxQ==",
       "license": "MIT",
+      "peer": true,
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/preact"
@@ -6898,6 +6907,7 @@
       "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
       "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "loose-envify": "^1.1.0"
       },
@@ -6910,6 +6920,7 @@
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
       "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "loose-envify": "^1.1.0",
         "scheduler": "^0.23.2"
@@ -8100,6 +8111,7 @@
       "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -8299,6 +8311,7 @@
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "dev": true,
       "license": "Apache-2.0",
+      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
diff --git a/src/app/login-required/page.tsx b/src/app/login-required/page.tsx
new file mode 100644
index 00000000..a233de65
--- /dev/null
+++ b/src/app/login-required/page.tsx
@@ -0,0 +1,45 @@
+import Link from "next/link";
+import GithubSignInButton from "@/components/GithubSignInButton";
+export default function LoginRequiredPage() {
+  return (
+    <main className="relative min-h-screen flex items-center justify-center bg-[var(--background)] px-4 overflow-hidden">
+      
+      {/* Dynamic Background Glow Accents */}
+      <div className="absolute top-1/4 left-1/4 w-72 h-72 bg-purple-500/10 rounded-full blur-[120px] animate-pulse pointer-events-none" />
+      <div className="absolute bottom-1/4 right-1/4 w-72 h-72 bg-blue-500/10 rounded-full blur-[120px] animate-pulse [animation-delay:2s] pointer-events-none" />
+
+      {/* Main Interactive Card */}
+      <div className="relative max-w-md w-full bg-[var(--card)]/80 backdrop-blur-md border border-[var(--border)] rounded-3xl p-10 shadow-2xl text-center group hover:border-[var(--muted-foreground)]/30 transition-all duration-500">
+        
+        {/* Floating Rocket Icon Container */}
+        <div className="relative inline-flex items-center justify-center w-20 h-20 bg-gradient-to-br from-purple-500/10 to-blue-500/10 border border-[var(--border)] rounded-2xl mb-6 text-4xl shadow-inner group-hover:scale-110 group-hover:rotate-6 transition-all duration-300">
+          <span className="animate-bounce [animation-duration:3s]">🚀</span>
+        </div>
+
+        {/* Title */}
+        <h1 className="text-3xl font-extrabold tracking-tight text-[var(--foreground)] mb-3 bg-gradient-to-r from-[var(--foreground)] via-[var(--foreground)] to-[var(--muted-foreground)] bg-clip-text">
+          Unlock DevTrack Features
+        </h1>
+
+        {/* Description */}
+        <p className="text-[var(--muted-foreground)] mb-8 text-sm leading-relaxed max-w-sm mx-auto">
+          Sign in with your GitHub account to access premium features like <span className="text-[var(--foreground)] font-medium">streak tracking</span>, <span className="text-[var(--foreground)] font-medium">PR analytics</span>, and custom coding goals.
+        </p>
+
+        {/* Primary Action Button (Sign In) */}
+        <GithubSignInButton />
+
+        {/* Secondary Action (GitHub Link) */}
+        <a
+          href="https://github.com/Priyanshu-byte-coder/devtrack"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="inline-flex items-center gap-1 mt-6 text-xs font-medium text-[var(--muted-foreground)] hover:text-[var(--foreground)] transition-colors duration-200 group/link"
+        >
+          View project on GitHub 
+          <span className="inline-block transform group-hover/link:translate-x-1 transition-transform duration-200">→</span>
+        </a>
+      </div>
+    </main>
+  );
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index b4ca229a..863099c4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -81,4 +81,4 @@ export default async function HomePage() {
       <LandingPage repoStats={repoStats} />
     </div>
   );
-}
+}
\ No newline at end of file
diff --git a/src/components/GithubSignInButton.tsx b/src/components/GithubSignInButton.tsx
new file mode 100644
index 00000000..d219886e
--- /dev/null
+++ b/src/components/GithubSignInButton.tsx
@@ -0,0 +1,17 @@
+"use client";
+
+import { signIn } from "next-auth/react";
+
+export default function GithubSignInButton() {
+  return (
+    <button
+      onClick={() =>
+        signIn("github", { callbackUrl: "/dashboard" })
+      }
+      className="flex items-center justify-center gap-3 bg-black text-white py-4 rounded-xl font-semibold hover:scale-105 hover:opacity-90 transition duration-300 w-full"
+    >
+      <span className="text-2xl">🐙</span>
+      Continue with GitHub
+    </button>
+  );
+}
\ No newline at end of file