From 5985ad4d28664370393f90969dc322c04e0f338a Mon Sep 17 00:00:00 2001
From: Thomas Daly <thomasdaly@mac.myfiosgateway.com>
Date: Mon, 20 Jul 2026 14:18:39 -0400
Subject: [PATCH] Add Product Hunt badge to header, left of mode switcher

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 src/components/Layout.tsx | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 5548b19..e4b6b0b 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -51,6 +51,20 @@ function Header() {
             <Search />
           </div>
           <div className="relative flex basis-0 items-center justify-end gap-6 sm:gap-8 md:flex-grow">
+            <a
+              href="https://www.producthunt.com/products/replayio?embed=true&utm_source=badge-featured&utm_medium=badge&utm_campaign=badge-replay-qa"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="hidden lg:block"
+            >
+              {/* eslint-disable-next-line @next/next/no-img-element */}
+              <img
+                alt="Replay QA - Replay QA tells you what is broken before your users do | Product Hunt"
+                width={250}
+                height={54}
+                src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=1186303&theme=neutral&t=1784570145347"
+              />
+            </a>
             <ThemeSelector className="relative z-30" />
             <Link
               href="https://github.com/replayio"