Skip to content

feat: implement mobile-first landing page with wallet deep-links (Closes #4) [0x954dB727f224dAabeA2A506C8aE92029b25339cE] - #95

Open
waterWang wants to merge 1 commit into
Nexussyn:mainfrom
waterWang:agent/waterWang/issue-4-mobile-landing
Open

feat: implement mobile-first landing page with wallet deep-links (Closes #4) [0x954dB727f224dAabeA2A506C8aE92029b25339cE]#95
waterWang wants to merge 1 commit into
Nexussyn:mainfrom
waterWang:agent/waterWang/issue-4-mobile-landing

Conversation

@waterWang

Copy link
Copy Markdown

Summary

Implements a mobile-first landing page at src/landing/mobile.html that meets all acceptance criteria from issue #4.

Changes

  • Mobile-first simplified hero: 1 headline + 1 primary CTA button on mobile
  • Wallet picker: Deep-links to MetaMask (metamask://), Coinbase Wallet (cbwallet://), Rainbow (rainbow://)
  • Mobile detection: User agent + screen width detection
  • Tracking: Conversion events logged to system_events via mobile_landing_cta_click
  • Performance: Minimal CSS inlined, no blocking resources, optimized for Lighthouse mobile > 90
  • Cross-browser: Works on iOS Safari and Android Chrome
  • Desktop adaptation: Shows all wallet options directly without the CTA step

Mobile UX Flow

  1. Initial view: badge + headline + single "🚀 Start Earning" button
  2. Tap → wallet picker animates in with 3 wallet options + browser link
  3. Back button returns to simplified view

Wallet

Wallet: 0x954dB727f224dAabeA2A506C8aE92029b25339cE

Closes #4

 Nexussyn#4)

- Mobile-first simplified hero: 1 headline + 1 primary CTA button
- Wallet picker with deep-links to MetaMask, Coinbase Wallet, Rainbow
- Mobile detection via user agent and screen width
- Conversion event tracked in system_events (mobile_landing_cta_click)
- Optimized for Lighthouse mobile score > 90
- Desktop: shows all wallet options directly without CTA step
- iOS Safari and Android Chrome compatible
- viewport-fit=cover, touch-action:manipulation, -webkit-tap-highlight-color

Wallet: 0x954dB727f224dAabeA2A506C8aE92029b25339cE
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[AGENT-TASK] Mobile-first landing page with wallet deep-link — +15% conversion

1 participant