From c028e2e1723e7798f6a7761fa2f8012e2e963af1 Mon Sep 17 00:00:00 2001
From: BuyWhere <partners@buywhere.ai>
Date: Tue, 28 Jul 2026 23:37:47 +0000
Subject: [PATCH] fix(header): remove menu-like brand icon (BUY-64576)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/components/Header.tsx    |  6 +-----
 src/components/Nav.tsx       |  6 +-----
 tests/e2e/site-smoke.spec.ts | 19 +++++++++++++++++++
 3 files changed, 21 insertions(+), 10 deletions(-)

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 6ff7587ea..ccbe48e7e 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -17,14 +17,10 @@ export default function Header() {
       <div className="max-w-6xl mx-auto px-4 sm:px-6 flex items-center justify-between h-16">
         <Link
           href="/"
-          className="flex items-center gap-2 font-bold text-lg text-indigo-600 dark:text-indigo-400"
+          className="font-bold text-lg text-indigo-600 dark:text-indigo-400"
           aria-label="BuyWhere Home"
           aria-current={isHome ? "page" : undefined}
         >
-          <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
-            <rect width="28" height="28" rx="6" fill="#4f46e5" />
-            <path d="M7 10h14M7 14h10M7 18h12" stroke="white" strokeWidth="2" strokeLinecap="round" />
-          </svg>
           <span>BuyWhere</span>
         </Link>
 
diff --git a/src/components/Nav.tsx b/src/components/Nav.tsx
index 0130b3ad5..1445d1eaf 100644
--- a/src/components/Nav.tsx
+++ b/src/components/Nav.tsx
@@ -75,11 +75,7 @@ export default function Nav() {
   return (
     <header className="sticky top-0 z-50 bg-white/90 backdrop-blur border-b border-gray-100">
       <div className="max-w-6xl mx-auto px-4 sm:px-6 flex items-center justify-between h-16">
-        <Link href="/" className="flex items-center gap-2 font-bold text-lg text-indigo-600" aria-label="BuyWhere Home">
-          <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
-            <rect width="28" height="28" rx="6" fill="#4f46e5" />
-            <path d="M7 10h14M7 14h10M7 18h12" stroke="white" strokeWidth="2" strokeLinecap="round" />
-          </svg>
+        <Link href="/" className="font-bold text-lg text-indigo-600" aria-label="BuyWhere Home">
           <span>BuyWhere</span>
         </Link>
 
diff --git a/tests/e2e/site-smoke.spec.ts b/tests/e2e/site-smoke.spec.ts
index 77a46d69c..670dadcd6 100644
--- a/tests/e2e/site-smoke.spec.ts
+++ b/tests/e2e/site-smoke.spec.ts
@@ -36,6 +36,25 @@ test.describe('Homepage', () => {
     await expect(nav).toBeVisible();
   });
 
+
+  for (const viewport of [
+    { name: 'mobile', width: 390, height: 844 },
+    { name: 'tablet', width: 768, height: 1024 },
+  ]) {
+    test(`shows one menu icon and a plain brand on ${viewport.name}`, async ({ page }) => {
+      await page.setViewportSize(viewport);
+      await page.goto('/');
+
+      const brand = page.getByRole('link', { name: 'BuyWhere Home' });
+      await expect(brand).toBeVisible();
+      await expect(brand.locator('svg')).toHaveCount(0);
+
+      const menu = page.getByRole('button', { name: 'Open menu' });
+      await expect(menu).toBeVisible();
+      await expect(menu).toHaveCount(1);
+    });
+  }
+
   test('has no broken meta charset or viewport', async ({ page }) => {
     await page.goto('/');
     const title = await page.title();