From 2d13e5ceafd0f173ad545b9035d0ea897235c666 Mon Sep 17 00:00:00 2001
From: functionstackx <47992694+functionstackx@users.noreply.github.com>
Date: Tue, 26 May 2026 01:05:13 -0400
Subject: [PATCH 1/2] feat(nav): move Per Dollar from top-level header to
 /compare CTA + footer
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The top-level header is getting crowded and "Per Dollar" is a narrow
sub-comparison of the broader /compare flow — surface it where the user
is already thinking about comparisons (the /compare master page) and as
a passive footer link, instead of competing with Dashboard / Comparisons
/ Articles for header real estate.

- header.tsx: drop /compare-per-dollar from NAV_LINKS (desktop + mobile)
- compare/page.tsx: brand-color CTA button in the intro Card pointing
  at /compare-per-dollar so anyone landing on the comparisons index sees
  the per-dollar variant one click away
- footer.tsx: add "Performance per Dollar" link in the "More" section
  alongside GPU Reliability so it's reachable from every page

No test or analytics references to the dropped header link remain in
the codebase (grepped for nav-link-compare-per-dollar +
header_compare_per_dollar_clicked).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 packages/app/src/app/compare/page.tsx         | 11 +++++++++++
 packages/app/src/components/footer/footer.tsx |  7 +++++++
 packages/app/src/components/header/header.tsx |  6 ------
 3 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/packages/app/src/app/compare/page.tsx b/packages/app/src/app/compare/page.tsx
index 8d44911c..fe476938 100644
--- a/packages/app/src/app/compare/page.tsx
+++ b/packages/app/src/app/compare/page.tsx
@@ -1,4 +1,5 @@
 import type { Metadata } from 'next';
+import Link from 'next/link';
 
 import { HW_REGISTRY, SITE_NAME, SITE_URL } from '@semianalysisai/inferencex-constants';
 
@@ -98,6 +99,16 @@ export default async function CompareIndexPage() {
             {formatModelList(modelsWithPairs)}. Each page includes interactive charts for latency,
             throughput, and cost metrics, plus an interpolated comparison table.
           </p>
+          <div className="mt-4">
+            <Link
+              data-testid="compare-index-per-dollar-link"
+              href="/compare-per-dollar"
+              className="inline-flex items-center gap-2 rounded-md bg-brand/10 px-3 py-1.5 text-sm font-medium text-brand hover:bg-brand/15 transition-colors"
+            >
+              Compare GPU performance per dollar
+              <span aria-hidden="true">→</span>
+            </Link>
+          </div>
         </Card>
       </section>
 
diff --git a/packages/app/src/components/footer/footer.tsx b/packages/app/src/components/footer/footer.tsx
index a5efebe8..7410d362 100644
--- a/packages/app/src/components/footer/footer.tsx
+++ b/packages/app/src/components/footer/footer.tsx
@@ -126,6 +126,13 @@ export const Footer = ({ starCount }: { starCount?: number | null }) => (
             >
               GPU Reliability
             </Link>
+            <Link
+              data-testid="footer-link-compare-per-dollar"
+              href="/compare-per-dollar"
+              className="text-sm text-muted-foreground hover:text-foreground transition-colors"
+            >
+              Performance per Dollar
+            </Link>
           </div>
         </div>
 
diff --git a/packages/app/src/components/header/header.tsx b/packages/app/src/components/header/header.tsx
index c96ecc40..2aac5ba1 100644
--- a/packages/app/src/components/header/header.tsx
+++ b/packages/app/src/components/header/header.tsx
@@ -40,12 +40,6 @@ const NAV_LINKS = [
     testId: 'nav-link-compare',
     event: 'header_compare_clicked',
   },
-  {
-    href: '/compare-per-dollar',
-    label: 'Per Dollar',
-    testId: 'nav-link-compare-per-dollar',
-    event: 'header_compare_per_dollar_clicked',
-  },
   {
     href: '/quotes',
     label: 'Supporters',

From 62f7e9c1af5adc36764a5f6e77f629eecda7c8c4 Mon Sep 17 00:00:00 2001
From: functionstackx <47992694+functionstackx@users.noreply.github.com>
Date: Tue, 26 May 2026 01:06:56 -0400
Subject: [PATCH 2/2] fix(compare): make /compare-per-dollar CTA larger + solid
 brand color

The first pass shipped as a subtle bg-brand/10 chip that disappeared
against the dark card. Bumped to a proper primary-button styling: solid
bg-brand background, white text, larger padding (px-5 py-3), and
responsive text sizing (text-base on mobile, text-lg on desktop).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 packages/app/src/app/compare/page.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/app/src/app/compare/page.tsx b/packages/app/src/app/compare/page.tsx
index fe476938..38baf3b9 100644
--- a/packages/app/src/app/compare/page.tsx
+++ b/packages/app/src/app/compare/page.tsx
@@ -99,14 +99,16 @@ export default async function CompareIndexPage() {
             {formatModelList(modelsWithPairs)}. Each page includes interactive charts for latency,
             throughput, and cost metrics, plus an interpolated comparison table.
           </p>
-          <div className="mt-4">
+          <div className="mt-6">
             <Link
               data-testid="compare-index-per-dollar-link"
               href="/compare-per-dollar"
-              className="inline-flex items-center gap-2 rounded-md bg-brand/10 px-3 py-1.5 text-sm font-medium text-brand hover:bg-brand/15 transition-colors"
+              className="inline-flex items-center gap-2 rounded-md bg-brand px-5 py-3 text-base lg:text-lg font-semibold text-primary-foreground shadow-sm transition-colors hover:bg-brand/90"
             >
               Compare GPU performance per dollar
-              <span aria-hidden="true">→</span>
+              <span aria-hidden="true" className="text-lg lg:text-xl">
+                →
+              </span>
             </Link>
           </div>
         </Card>