home
Home
Greeting · Coming up · Offers · Events · Top members · Previous booking
/client?demo=1
book
Book
Classes / Appointments toggle · 7-day strip · class rows
/client/book?demo=1
book-appts
Book — Appointments
Switch the toggle to Appointments — Fresha-style services list
/client/book?demo=1#appts
buy
Buy
Wallet balance + 4 purchase tiles
/client/buy?demo=1
profile
Profile
Avatar over crescent · Schedule / Passes / Wallet sub-tabs
/client/profile?demo=1
leaderboard
Leaderboard
Period toggle · your rank card · top 50
/client/leaderboard?demo=1
community
Community
Threads / Members / Direct chat
/client/community?demo=1
stats
Stats
Workouts log · body comp metrics
/client/stats?demo=1
more
More
Member-ID barcode card · Apple Wallet · settings menu
/client/more?demo=1
packs
Class packs
Active packs · catalogue with prices
/client/packs?demo=1
Tips
- • Chrome DevTools (Cmd+Opt+I) → toggle device toolbar (Cmd+Shift+M) → set to iPhone 15 Pro 1290×2796 for App-Store-grade screenshots.
- • Drop the `?demo=1` and you're back on the real app — there's no separate codebase to maintain.
- • To screen-record a walkthrough, use macOS Cmd+Shift+5 or run in Safari Develop → Responsive Design Mode → Record.
- • Avatars come from DiceBear (free, deterministic) so they look real but ship no image files.
Live: https://os.kollabo.online/demo