feat(nav): move Per Dollar from top-level header to /compare CTA + footer#390
Merged
functionstackx merged 2 commits intoMay 26, 2026
Conversation
…oter 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>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
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>
functionstackx
deleted the
feat/move-per-dollar-link-from-header-to-footer-and-compare
branch
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
/compare-per-dollarfrom the top-level header nav. It was getting crowded competing with Home / Dashboard / Comparisons / Supporters / Articles / About, and "Per Dollar" alone was an opaque label for what's really a sub-comparison of the broader/compareflow./compareintro Card linking to/compare-per-dollar. Anyone landing on the comparisons index now sees the per-dollar variant one click away, contextually next to the comparison browser instead of buried in the chrome.Three file edits, +18 / -6 LOC.
Before / after navigation
Cleanup notes
nav-link-compare-per-dollartest ID andheader_compare_per_dollar_clickedanalytics event were only ever referenced byheader.tsxitself (grepped bothpackages/app/src/andcypress/). No tests broken, no analytics consumers stranded.compare-index-per-dollar-link(on the CTA button) andfooter-link-compare-per-dollar(on the footer link) so the same paths can be E2E-asserted from the new locations if needed.Test plan
pnpm devand load/— confirm "Per Dollar" no longer in desktop header or mobile hamburger menu/compare— confirm the new brand-color CTA renders inside the intro Card, hover state works, clicking lands on/compare-per-dollar/compare-per-dollar/compare-per-dollarstill works (no route changes, just navigation refactor)/compare-per-dollarslugs unaffected🤖 Generated with Claude Code
Note
Low Risk
Navigation-only changes with no route or data logic; removed header analytics event has no other consumers.
Overview
Per Dollar is removed from the top-level header (desktop and mobile) to reduce nav clutter and avoid the opaque standalone label.
On
/compare, a prominent brand CTA in the intro card links to/compare-per-dollarwith copy Compare GPU performance per dollar, plus test idcompare-index-per-dollar-link.The footer More column gains Performance per Dollar (
footer-link-compare-per-dollar) so the route stays discoverable site-wide. Routes and behavior of/compare-per-dollarare unchanged—only entry points moved.Reviewed by Cursor Bugbot for commit 62f7e9c. Bugbot is set up for automated code reviews on this repo. Configure here.