feat(nav): restructure top menu — promote Get Started, drop "Network" dropdown#30
Merged
Conversation
… dropdown ambiguity
The previous nav had three problems an audit didn't catch but the
operator-funnel did:
1. "Network" dropdown contained "How It Works" alongside Validators
and Arbitrators — a docs page mixed in with entity-type pages.
Semantically inconsistent and hard to scan.
2. The word "Network" was doing double duty — there's a `[mainnet]`
badge right next to it labeled Network (the chain badge). Two
different concepts using the same word.
3. "Get Started" was buried in the user-avatar dropdown. The page
literally for first-time visitors was only reachable AFTER they
connected a wallet. The home hero CTA linked to it but a
visitor scrolling the page couldn't see it in the nav.
## What changes
Primary nav (visible to logged-out visitors) now reflects the
conversion funnel directly:
Logo · [mainnet] Agents · Jobs · Get Started · How It Works · More ▾ Connect / Avatar ▾
- "Discover" → "Agents" (shorter, clearer label in the nav; the
home page's "Discover Agents" H2 stays unchanged — pairs cleanly)
- "Get Started" promoted to top-level — matches the home hero CTA
- "How It Works" promoted to top-level — answers "what is this?"
- "Network" dropdown removed
- New "More" dropdown collects the secondary pages: Leaderboard,
Validators, Arbitrators (entity directories only, no docs)
- Avatar dropdown: Dashboard + Logout (Get Started moves out)
## Mobile
Flat list, no nested dropdown for "More" — vertical space isn't
tight on mobile, and the previous expand-and-collapse pattern was
extra interaction for no benefit.
- Primary: Agents, Jobs, Get Started, How It Works
- "More" label + Leaderboard, Validators, Arbitrators (flat)
- Dashboard (when logged in)
- Connect / Logout
## What's unchanged
- The `Page` type and `activePage` values stay byte-identical. All
existing pages keep working without any caller changes.
- The NetworkBadge ([mainnet]/[testnet] toggle pill) keeps its
spot next to the logo. That's now the only thing on the page
using the word "Network" — disambiguated.
- "Discover Agents" stays as the home page's H2 (action verb on
the page) and the footer's link label. The nav's shorter
"Agents" is the scannable abbreviation; both read naturally.
## Verification
- Frontend builds clean
- All 9 pages that pass `activePage` continue to highlight the
correct nav item (the `MORE_PAGES` array tracks active state
for the dropdown trigger like `NETWORK_PAGES` did before)
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.
Three problems with the previous nav:
[mainnet]badge next to the logo is also called Network. Two concepts, same word.New structure
Mobile: flat list, no nested dropdown. Primary + "MORE" label divider + secondary + Dashboard + Logout.
What's unchanged
Pagetype andactivePagevalues byte-identical — no caller changes