From 194521d991ed2a1bb392452ce3d1a574789ecd98 Mon Sep 17 00:00:00 2001
From: Saad Gulzar <isaadgulzar@gmail.com>
Date: Sat, 27 Dec 2025 14:24:21 +0500
Subject: [PATCH 1/2] feat: add Product Hunt badge to navbar
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Added Product Hunt featured badge after GitHub button
- Badge height matches other navbar buttons (h-11)
- Includes hover scale effect for consistency
- Proper UTM tracking and accessibility attributes

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 components/Navbar.tsx | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index 66e7c3f..d515b68 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -23,7 +23,7 @@ export default function Navbar() {
             />
           </Link>
 
-          {/* Right side - Twitter & GitHub */}
+          {/* Right side - Twitter, GitHub & Product Hunt */}
           <div className="flex items-center gap-3">
             {/* Twitter Card */}
             <a
@@ -69,6 +69,20 @@ export default function Navbar() {
                 GitHub
               </span>
             </a>
+
+            {/* Product Hunt Badge */}
+            <a
+              href="https://www.producthunt.com/products/year-in-code?embed=true&utm_source=badge-featured&utm_medium=badge&utm_campaign=badge-year-in-code"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="transition-all hover:scale-105"
+            >
+              <img
+                alt="Year in Code - Spotify Wrapped for your claude coding year! | Product Hunt"
+                src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=1054833&theme=light&t=1766825284609"
+                className="h-11 w-auto"
+              />
+            </a>
           </div>
         </div>
       </div>

From e683fb8553ed6b82d6508445089cc3e4bcf6ca77 Mon Sep 17 00:00:00 2001
From: Saad Gulzar <isaadgulzar@gmail.com>
Date: Sat, 27 Dec 2025 14:26:42 +0500
Subject: [PATCH 2/2] refactor: optimize navbar buttons for mobile
 responsiveness
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Reduced button sizes on mobile to prevent overlap with logo
- Smaller padding (px-2 py-1.5) and gaps (gap-2) on mobile
- Removed "GitHub" text on mobile, showing only icon
- Product Hunt badge scales from h-8 on mobile to h-11 on desktop
- Maintains full sizing on md+ screens

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 components/Navbar.tsx | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index d515b68..34b5eb0 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -24,20 +24,20 @@ export default function Navbar() {
           </Link>
 
           {/* Right side - Twitter, GitHub & Product Hunt */}
-          <div className="flex items-center gap-3">
+          <div className="flex items-center gap-2 md:gap-3">
             {/* Twitter Card */}
             <a
               href="https://x.com/isaadgulzar"
               target="_blank"
               rel="noopener noreferrer"
-              className="flex items-center gap-2 px-4 py-2.5 rounded-xl bg-gray-800/60 hover:bg-gray-800 border border-gray-700/50 transition-all hover:scale-105"
+              className="flex items-center gap-2 px-2 py-1.5 md:px-4 md:py-2.5 rounded-xl bg-gray-800/60 hover:bg-gray-800 border border-gray-700/50 transition-all hover:scale-105"
             >
               <Image
                 src="/avatar.jpg"
                 alt="Saad Gulzar"
                 width={20}
                 height={20}
-                className="w-6 h-6 rounded-full border-[1.5] border-[#34d399]"
+                className="w-5 h-5 md:w-6 md:h-6 rounded-full border-[1.5] border-[#34d399]"
               />
               <span className="text-sm font-medium text-gray-300 hover:text-white hidden sm:inline">
                 Built by @isaadgulzar
@@ -49,10 +49,10 @@ export default function Navbar() {
               href="https://github.com/isaadgulzar/year-in-code"
               target="_blank"
               rel="noopener noreferrer"
-              className="flex items-center gap-2 px-4 py-2.5 rounded-xl bg-gray-800/60 hover:bg-gray-800 border border-gray-700/50 transition-all hover:scale-105 group"
+              className="flex items-center gap-2 px-2 py-1.5 md:px-4 md:py-2.5 rounded-xl bg-gray-800/60 hover:bg-gray-800 border border-gray-700/50 transition-all hover:scale-105 group"
             >
               <svg
-                className="w-5 h-5 text-gray-400 group-hover:text-white transition-colors"
+                className="w-4 h-4 md:w-5 md:h-5 text-gray-400 group-hover:text-white transition-colors"
                 fill="currentColor"
                 viewBox="0 0 24 24"
               >
@@ -65,9 +65,6 @@ export default function Navbar() {
               <span className="text-sm font-medium text-gray-300 group-hover:text-white hidden md:inline">
                 View on GitHub
               </span>
-              <span className="text-sm font-medium text-gray-300 group-hover:text-white md:hidden">
-                GitHub
-              </span>
             </a>
 
             {/* Product Hunt Badge */}
@@ -80,7 +77,7 @@ export default function Navbar() {
               <img
                 alt="Year in Code - Spotify Wrapped for your claude coding year! | Product Hunt"
                 src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=1054833&theme=light&t=1766825284609"
-                className="h-11 w-auto"
+                className="h-8 md:h-11 w-auto"
               />
             </a>
           </div>