From cde78886d2474afd12bdba027a8240ea20d018a9 Mon Sep 17 00:00:00 2001
From: sajeetharan <sajeefx@gmail.com>
Date: Fri, 7 Aug 2026 09:49:56 +0530
Subject: [PATCH 1/2] Remove Product Hunt badge

---
 app/page.jsx    | 13 -------------
 styles/main.css | 19 -------------------
 2 files changed, 32 deletions(-)

diff --git a/app/page.jsx b/app/page.jsx
index 54d24ed..966cc62 100644
--- a/app/page.jsx
+++ b/app/page.jsx
@@ -265,19 +265,6 @@ export default function Home() {
         onReset={handleResetFilter}
         onGenerateCard={handleGenerateCard}
       />
-      <a
-        className="product-hunt-badge"
-        href="https://www.producthunt.com/products/devglobe-2?embed=true&amp;utm_source=badge-featured&amp;utm_medium=badge&amp;utm_campaign=badge-devglobe-2"
-        target="_blank"
-        rel="noopener noreferrer"
-      >
-        <img
-          alt="DevGlobe - Discover top open source devs on an interactive 3D globe | Product Hunt"
-          width="250"
-          height="54"
-          src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=1216204&amp;theme=light&amp;t=1785998968385"
-        />
-      </a>
       <main className="main">
         <Globe
           ref={globeRef}
diff --git a/styles/main.css b/styles/main.css
index 4edb1c1..ce2a4af 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -400,22 +400,6 @@ body {
   touch-action: none;
 }
 
-.product-hunt-badge {
-  position: fixed;
-  bottom: 64px;
-  left: 24px;
-  z-index: 39;
-  display: block;
-  width: 250px;
-  height: 54px;
-}
-
-.product-hunt-badge img {
-  display: block;
-  width: 100%;
-  height: 100%;
-}
-
 /* Globe Legend */
 .globe-legend {
   position: fixed;
@@ -1536,9 +1520,6 @@ body {
   .header__subtitle {
     display: none;
   }
-  .product-hunt-badge {
-    left: 12px;
-  }
 }
 
 @media (max-width: 480px) {

From 04e5afc1eb36d1fba9ced8c03a0d9f735e149f71 Mon Sep 17 00:00:00 2001
From: sajeetharan <sajeefx@gmail.com>
Date: Fri, 7 Aug 2026 09:50:51 +0530
Subject: [PATCH 2/2] feat: add Product Hunt badge with styling for visibility

---
 app/page.jsx    | 13 +++++++++++++
 styles/main.css | 19 +++++++++++++++++++
 2 files changed, 32 insertions(+)

diff --git a/app/page.jsx b/app/page.jsx
index 966cc62..54d24ed 100644
--- a/app/page.jsx
+++ b/app/page.jsx
@@ -265,6 +265,19 @@ export default function Home() {
         onReset={handleResetFilter}
         onGenerateCard={handleGenerateCard}
       />
+      <a
+        className="product-hunt-badge"
+        href="https://www.producthunt.com/products/devglobe-2?embed=true&amp;utm_source=badge-featured&amp;utm_medium=badge&amp;utm_campaign=badge-devglobe-2"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        <img
+          alt="DevGlobe - Discover top open source devs on an interactive 3D globe | Product Hunt"
+          width="250"
+          height="54"
+          src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=1216204&amp;theme=light&amp;t=1785998968385"
+        />
+      </a>
       <main className="main">
         <Globe
           ref={globeRef}
diff --git a/styles/main.css b/styles/main.css
index ce2a4af..4edb1c1 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -400,6 +400,22 @@ body {
   touch-action: none;
 }
 
+.product-hunt-badge {
+  position: fixed;
+  bottom: 64px;
+  left: 24px;
+  z-index: 39;
+  display: block;
+  width: 250px;
+  height: 54px;
+}
+
+.product-hunt-badge img {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
 /* Globe Legend */
 .globe-legend {
   position: fixed;
@@ -1520,6 +1536,9 @@ body {
   .header__subtitle {
     display: none;
   }
+  .product-hunt-badge {
+    left: 12px;
+  }
 }
 
 @media (max-width: 480px) {