Events

Home Screen

The home screen displays all published upcoming events. A mode toggle at the top lets you switch between Browse and Discover.

Header

The header contains the customer logo, a saved events badge (with count, if any), and your avatar to open the menu.

Browse Mode

Events are listed as a scrollable feed. Each event entry shows the date and time, cover image, event name, venue and city, and a short description. Below each event, action buttons let you view tickets (with price), save the event, or share it. Pull down to refresh.

Discover Mode

Events are displayed as full-screen cards that you swipe through vertically (one event per page). Each card shows the cover image, date, event name, venue, and description. An action dock at the bottom provides save, tickets, and share buttons for the current card. Haptic feedback fires on each page change.

If there are no upcoming events, both modes show: "No upcoming events at the moment."

Event Detail

Tap any event to open its detail page. The page contains the following sections:

• Hero - Cover image with back, save, and share buttons
• Event info - Event name, date range, venue
• Chat row - Participant avatars, active count, and unread badge (if chat is enabled and open)
• Ticket callout - Shows your ticket status and count if you already have tickets
• About - Event description
• Gallery - Photos and videos from the organizer
• Details - Rich formatted content with additional information
• Lineup - List of performers with set times
• Venue - Map, address, and directions button
• Tickets - Pricing table with availability statuses (On sale, Limited, Sold out, Not yet on sale, Sale ended)
• Actions - Add to Calendar, Share, Directions, Chat

A sticky bottom bar shows the starting price, a save button, and a Buy Tickets button.