From 98b66f72e4b7a3d036f15c5589e1be9470d3eb1a Mon Sep 17 00:00:00 2001
From: sajeetharan <sajeefx@gmail.com>
Date: Thu, 6 Aug 2026 12:22:01 +0530
Subject: [PATCH] feat: add Product Hunt badge to homepage

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

diff --git a/app/page.jsx b/app/page.jsx
index a816e87..e961440 100644
--- a/app/page.jsx
+++ b/app/page.jsx
@@ -204,6 +204,19 @@ export default function Home() {
         onResults={handleSearch}
         onReset={handleResetFilter}
       />
+      <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 2112051..7db582c 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -365,6 +365,22 @@ body {
   height: 100%;
 }
 
+.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;
@@ -1402,6 +1418,9 @@ body {
   .header__subtitle {
     display: none;
   }
+  .product-hunt-badge {
+    left: 12px;
+  }
 }
 
 /* =============== User Menu / Auth =============== */