Role Selection on Wallet Connect with Adaptive nav and CTAs

[johneliud]

Description

Replaces the confusing dual client/freelancer navigation with a role selection modal that appears after wallet connect. The entire UI — nav links, hero CTAs, and bottom CTA — adapts to the selected role.

Type of Change

• New feature
• Refactor / cleanup

Changes Made

• RoleContext — stores "client" | "freelancer" in localStorage under milestack_role; exposes setRole and clearRole
• RoleSelector modal — appears after wallet connect when no role is stored; two cards: "I want to hire" (→ /client) and "I want to work" (→ /freelancer)
• Navbar — nav links collapse to role-relevant links only (Browse Projects + Dashboard); role chip (with switch icon) lets users change role anytime without disconnecting
• LandingHeroCta — client sees "Post a project / Go to Dashboard"; freelancer sees "Browse open projects / Go to Dashboard"; no role sees the original defaults
• LandingBottomCta — client sees "Ready to find top talent?" copy + "Post a project" button; freelancer/no-role sees the original "Your skills deserve global pay" copy
• layout.tsx — wraps app with RoleProvider and renders RoleSelector globally

Related Issue

Closes #54

Testing

• Tested locally
• All existing pages still load correctly
• No errors in the server log
• npx tsc --noEmit — 0 errors
• npm run build — clean production build

Checklist

• Code follows the existing style
• No hardcoded secrets or credentials
• .env.example updated if new env vars were added
• README updated if setup steps changed

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
mile-stack	Ready	Preview, Comment	Jun 7, 2026 11:53am