Navigation

Desktop sidebar and mobile bottom tabs — same 5 items, adapted for each context. Tap any item to see it highlight.

Desktop & Mobile

Desktop — Sidebar

Mobile — Bottom Tabs

🏠

Feed

Discussions · Live · Q&A

Navigation mapping: Desktop has Search and Saved as separate sidebar items. On mobile, Search moves to the topbar (icon), and Saved is inside Profile. The "Ask" (create) button is center tab on mobile — the primary action. Desktop uses the topbar "+" icon instead.

Navigation Items

Feed

All waves — discussions, live sessions, scheduled events. The home screen.

Desktop: Sidebar · Mobile: Tab 1

Ask / Create

Start a new wave. Opens the wave creation form with type selection and schedule toggle.

Desktop: Topbar + · Mobile: Tab 2 (center)

Find solved waves, topics, and people. Full-text search across the knowledge base.

Desktop: Sidebar · Mobile: Topbar icon

People

Member directory. Online/offline status, expertise tags, trust scores. Tap to view profiles.

Desktop: Sidebar · Mobile: Tab 3

Profile

Your trust card, expertise tags, stats, saved waves, and settings. Includes Saved on mobile.

Desktop: Sidebar · Mobile: Tab 4

Saved

Bookmarked waves and knowledge entries. Quick access to referenced content.

Desktop: Sidebar · Mobile: Inside Profile

Demo Pages

Feed — 50 waves, tabs, infinite scroll Start a Wave — wave creation form Create a Flow — community/conference setup Exhibit Page — sponsor booth (Notion) Exhibit Form — create/edit exhibit page Wave Types — all 6 formats explained Navigation — desktop & mobile nav Widget Demo — floating panel Page App — full sidebar layout Design Hub — all surfaces index

Data Files (JSON)

feed.json — 50 waves user.json — active user members.json — 21 members community.json — flow config exhibit-notion.json — booth data

All demo pages load data from these JSON files. In production, replace fetch('data/file.json') with your API endpoint.