WC Hub redesign · 2026-05-25 · all 14 concepts

World Cup Hub V2

Founder asked: "Can we somehow do all 14 [concepts] for the WC hub?" Yes. Reorganized as a multi-section drawer with the 14 concepts grouped into 6 themed sections. Keeps Option A as entry point (pinned card in Right Now banner — already shipped) and borrows Option C's "inline section with horizontal cards" feel for the drawer interior.

Entry: pinned card (Opt A) Interior: horizontal sections (Opt C) 14 of 14 ideas absorbed Mockup only — no code yet

Entry point — unchanged (Option A)

Pinned card in Right Now banner. Tap → drawer opens.
⚠ Shelter-in-place advisory — North Quarter
⚡ Right Now
4 happening
World Cup 2026 Hub
Argentina fans tonight: BA · NYC · Tokyo
Live through Jul 19 · tap to enter →
↓ Feed continues...

What stays: The Right Now banner pinned card is exactly what already shipped in Plan 05. Time-bound, surface-level, doesn't add header chrome.

What's new: Tapping the card no longer opens a thin drawer with 4 city tiles. It opens a section-rich page — 6 distinct content layers, each with horizontally-scrolling cards (Option C's strength).

Scroll down to see what's inside the new drawer.

Drawer interior — all 14 concepts in 6 sections

Scroll the phone below to see the full hub
⚽ World Cup 2026
Live through July 19 · Watching from Vesta
86 of your neighbors are in
Live · Argentina vs Brazil · 67'
🇦🇷 GOAL Argentina — Messi 67'
BA · LIVE
🎉
Plaza de Mayo
NYC · LIVE
🍻
Caracas Arepa
TOKYO · LIVE
📺
Shibuya pub
VESTA · LIVE
🤝
Community ctr
Tap any tile to join the live thread
⚡ Happening now
2 of 14
Tonight 8pm
Where to watch
14 spots · 0.5 mi
📍
🍽 Match specials
El Cocinero
Empanadas tonight
+ 7 more →
🎉 If Argentina wins
Celebration heads to
Caracas Arepa · 4 blks
23 going if W
🔥 Hyperlocal — on your block
3 of 14
⚽ Pickup games
McCarren · 5pm
Italy match prep
12 going
🏆 Bracket pool
Williamsburg #3
Greenpoint leading
Trash talk →
📍 Live meetup
If Brazil scores
Berry Park
Auto-suggest
🌍 Cross-city threads
3 of 14
🇦🇷 #ArgentinaFans
Open in BA + NYC + TKY
Sofía R · "Plaza is INSANE"
2m ago · 47 replies
📊 Cheer heatmap
Astoria erupted
📺 Live stitches
4-up reactions
All matches today
Watch →
✈️ Tourist + diaspora
3 of 14
🇦🇷 47 fans nearby
Argentina fans in Brooklyn
+44
Say hi →
🏠 Hosted parties
Maria's rooftop
Brazil vs France
12 going · 4 visitor spots
📍 Visitor guide
Argentine spots
in Brooklyn — 8 picks
7-day guide →
🕊 Cultural beats
3 of 14
🛡 Featured · Vesta
👥
🤝
Kids watching the match at North Quarter
Power cut at 67'. They moved a generator. 84 kids stayed through stoppage time. Civic infrastructure carrying joy.
🌱 Roots
Vinicius Jr
grew up in São Gonçalo
Read editorial →
📸 Jersey spotting
+213
Across 8 teams
📅 Today's matches
Argentina vs Brazil · 8pm
LIVE
France vs Senegal · 11pm
in 3h

All 14 concepts → mapped to drawer sections

Section 1 · Hero Live moment, 4-up reactions
  • #4 Live cross-city reaction stream (the pitch shot)
Section 2 · Happening Now Live commerce + active meetups
  • #10 Game-day curated map (where to watch)
  • #11 Restaurant match specials
  • #2 Goal celebration meeting points
Section 3 · Hyperlocal Block-level activations
  • #1 Pickup games
  • #3 Block bracket pools + trash talk
  • #2 (variant — celebration auto-suggest pin)
Section 4 · Cross-city The D-15 killer use case
  • #6 Same-team different-cities thread
  • #5 Sound / cheer heatmap
  • #4 (link back to hero — 4-up stream)
Section 5 · Tourist + Diaspora Airbnb pitch angle
  • #7 Fans of your team nearby this week
  • #8 Neighbor-hosted watch parties
  • #9 7-day visiting-fan guide
Section 6 · Cultural Editorial + identity
  • #13 Vesta featured story (full-width hero card)
  • #14 Player neighborhood roots
  • #12 Jersey-spot photo wall
Math check
Section 1: 1 idea · Section 2: 3 · Section 3: 3 · Section 4: 3 · Section 5: 3 · Section 6: 3 = 16 placements for 14 distinct concepts (2 placed in 2 sections — idea #2 + idea #4).

Key design decisions

🎯 Why Option A entry + Option C interior

Entry (Opt A): pinned card in Right Now banner stays — time-bound, no permanent chrome to retire after Jul 19, demo-visible without a tab switch.

Interior (Opt C inspiration): horizontal-scrolling cards in themed sections, the way Discover's "Neighbor Favorites" works. Feels like a section of the app, not a popup. More breathing room for 14 concepts than a single drawer list could give.

📏 Why sections instead of tabs

Tabs hide content. If the cross-city / tourist / hyperlocal sections were tabs, the demo would only see the active one — Reffkin doesn't realize how much surface area the hub has.

Vertical scroll-through reveals depth. Founder swipes once, all 14 concepts visible. The hub feels rich.

🕊 Why Vesta gets full-width hero in Section 6

All other cards in Section 6 are horizontal-scroll. Vesta gets a full-width feature placement — same visual hierarchy as Section 1's live hero. That's the demo climax beat. Reffkin sees it without having to scroll a card carousel. Civic infrastructure carrying joy gets its own frame.

⏱ Cost vs payoff

Mock data: ~1-2 hours (extend mockWorldCup.ts with sub-arrays per section).

Component build: ~3-5 hours (sectioned drawer, horizontal scrolls, hero card, Vesta featured card).

Payoff: The hub stops being "a thin watch-party drawer" and starts being "Nabe's flagship cross-city feature." Worth its own phase plan if approved.

Decisions to lock before build

Approve / adjust before I write any TSX

1. Section order: Hero → Happening Now → Hyperlocal → Cross-city → Tourist+Diaspora → Cultural. Or do you want Cultural (Vesta) higher / earlier?
2. Drop any of the 14? 14 is a lot. The lowest-conviction in my view: #12 jersey-spot wall (UGC, low effort to demo). #14 player roots (editorial, requires writing per player). Drop these and we're at 12 — still rich.
3. Time-bound features auto-hide after Jul 19? Currently the whole hub date-gates. Should specific cards (pickup games, restaurant specials) survive as a generic "Local events" surface after the WC ends? Saves rework for Olympics 2028.
4. Build it as Phase 36 with own plan? Yes (recommended) — this is enough scope to warrant its own phase. Mock data + 4-5 components + per-city wiring.