diff --git a/app/_components/left-header.tsx b/app/_components/left-header.tsx
index bc65206..fd7352f 100644
--- a/app/_components/left-header.tsx
+++ b/app/_components/left-header.tsx
@@ -1,4 +1,5 @@
 import Image from "next/image";
+import GitHubButton from "react-github-btn";
 import Logo from "@/components/logo";
 
 export default function LeftHeader() {
@@ -16,21 +17,32 @@ export default function LeftHeader() {
                 </div>
             </div>
 
-            <a
-                href="https://buymeacoffee.com/ranitmanik"
-                target="_blank"
-                rel="noreferrer"
-                className="inline-flex shrink-0 items-center transition-opacity hover:opacity-90 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white"
-                aria-label="Support this project on Buy Me a Coffee"
-            >
-                <Image
-                    src="/bmc-button.png"
-                    alt="Buy Me a Coffee"
-                    width={140}
-                    height={39}
-                    className="h-auto w-35"
+            <div className="space-x-2">
+                <GitHubButton
+                    href="https://github.com/RanitManik/github-profile-readme-builder"
+                    data-color-scheme="no-preference: dark; light: dark; dark: dark;"
+                    data-size="large"
+                    data-show-count={true}
+                    data-text="Star"
+                    aria-label="Star RanitManik/github-profile-readme-builder on GitHub"
                 />
-            </a>
+
+                <a
+                    href="https://buymeacoffee.com/ranitmanik"
+                    target="_blank"
+                    rel="noreferrer"
+                    className="inline-flex h-7 items-center"
+                    aria-label="Support this project on Buy Me a Coffee"
+                >
+                    <Image
+                        src="/bmc-button.png"
+                        alt="Buy Me a Coffee"
+                        width={140}
+                        height={39}
+                        className="h-7 w-auto"
+                    />
+                </a>
+            </div>
         </nav>
     );
 }
diff --git a/next-env.d.ts b/next-env.d.ts
index 830fb59..c4b7818 100644
--- a/next-env.d.ts
+++ b/next-env.d.ts
@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-/// <reference path="./.next/types/routes.d.ts" />
+import "./.next/dev/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
diff --git a/package-lock.json b/package-lock.json
index 536278c..b0d416f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,6 +18,7 @@
                 "react": "^19.0.0",
                 "react-confetti": "6.4.0",
                 "react-dom": "^19.0.0",
+                "react-github-btn": "1.4.0",
                 "react-markdown": "^9.0.3",
                 "rehype-highlight": "^7.0.2",
                 "rehype-raw": "^7.0.0",
@@ -44,9 +45,6 @@
                 "tailwindcss": "^4.0.0",
                 "typescript": "^5",
                 "vitest": "^4.1.2"
-            },
-            "engines": {
-                "node": ">=20.x"
             }
         },
         "node_modules/@alloc/quick-lru": {
@@ -5024,6 +5022,12 @@
                 "node": ">=18"
             }
         },
+        "node_modules/github-buttons": {
+            "version": "2.32.0",
+            "resolved": "https://registry.npmjs.org/github-buttons/-/github-buttons-2.32.0.tgz",
+            "integrity": "sha512-DbKam2n7JGbccpbAoQ7UHhxH2XYlumCakTM4Ln7v8A9TzMaaEgKV6S7A+Suyx3EVBE1DPEqA6QSgyCoGJamymg==",
+            "license": "BSD-2-Clause"
+        },
         "node_modules/github-markdown-css": {
             "version": "5.9.0",
             "resolved": "https://registry.npmjs.org/github-markdown-css/-/github-markdown-css-5.9.0.tgz",
@@ -8313,6 +8317,18 @@
                 "react": "^19.2.4"
             }
         },
+        "node_modules/react-github-btn": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/react-github-btn/-/react-github-btn-1.4.0.tgz",
+            "integrity": "sha512-lV4FYClAfjWnBfv0iNlJUGhamDgIq6TayD0kPZED6VzHWdpcHmPfsYOZ/CFwLfPv4Zp+F4m8QKTj0oy2HjiGXg==",
+            "license": "BSD-2-Clause",
+            "dependencies": {
+                "github-buttons": "^2.22.0"
+            },
+            "peerDependencies": {
+                "react": ">=16.3.0"
+            }
+        },
         "node_modules/react-is": {
             "version": "16.13.1",
             "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
diff --git a/package.json b/package.json
index e985bf6..0f2e1fe 100644
--- a/package.json
+++ b/package.json
@@ -18,9 +18,6 @@
         "typescript",
         "tailwind"
     ],
-    "engines": {
-        "node": ">=20.x"
-    },
     "license": "MIT",
     "type": "module",
     "scripts": {
@@ -51,6 +48,7 @@
         "react": "^19.0.0",
         "react-confetti": "6.4.0",
         "react-dom": "^19.0.0",
+        "react-github-btn": "1.4.0",
         "react-markdown": "^9.0.3",
         "rehype-highlight": "^7.0.2",
         "rehype-raw": "^7.0.0",
diff --git a/tsconfig.json b/tsconfig.json
index a01bb63..b176298 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -11,7 +11,7 @@
         "moduleResolution": "bundler",
         "resolveJsonModule": true,
         "isolatedModules": true,
-        "jsx": "preserve",
+        "jsx": "react-jsx",
         "incremental": true,
         "plugins": [
             {
@@ -22,6 +22,12 @@
             "@/*": ["./*"]
         }
     },
-    "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+    "include": [
+        "next-env.d.ts",
+        "**/*.ts",
+        "**/*.tsx",
+        ".next/types/**/*.ts",
+        ".next/dev/types/**/*.ts"
+    ],
     "exclude": ["node_modules"]
 }