Experiences

Doc Status: Excellent | ✓ Clear summary | ✓ Easy to read | ✓ Matches code | ✓ Good structure | ✓ Professional look | ✓ Visual components

Why This Matters

Every show at House of Legends starts here. Before a guest can book “Cine-Gastronomic Night” for Saturday, that show needs to exist as a template with default prices and capacity — and a specific Saturday event needs to be scheduled from that template. The Experiences page is where you build that foundation: create show templates, set them up with default pricing, and schedule the actual events guests can book.

Staff Journey

Creating a single event

When you need to add one specific performance — say, a special Friday night showing — you do this directly from the experience card.
1

Find the show

Locate the experience card for the show (e.g., “Cine-Gastronomic Night”). Each card shows thumbnails, title, tagline, and current status at a glance.
2

Click + Add Event

On the experience card, click the + Add Event button.
3

Fill in the details

Set the date, time, dinner price (per table), show-only price (individual ticket), and capacity. Defaults come from the experience template, so you usually only need to set the date and time.
4

Create

Click Create. The event appears in the list below the card, showing date, time, and a booking progress bar.

Creating recurring events (batch)

If you run the same show every Saturday for three months, you do not need to create each event by hand. Use the batch generator.
1

Click Batch Create

On the experience card, click Batch Create instead of the single-event button.
2

Set the recurrence

Choose which days of the week the event repeats and the start time.
3

Choose the date range

Set a start and end date for the batch. The generator will create events for every matching day in that window.
4

Generate

Click Generate. All occurrences are created at once and appear in the event list.

Editing an experience template

You can update the default prices, capacity, or status directly from the card — no separate edit page needed.
1

Click the field you want to change

Click the title, tagline, or a number field (price, capacity) to make it editable inline.
2

Type your change

Update the text or number. Prices display formatted in VND as you type.
3

Click away to save

Click outside the field (blur) and the change saves automatically.
4

Toggle active/draft

Use the Active switch to publish the experience to guests or hide it while you prepare.

Monitoring booking health

Below each experience card, the event list shows a color-coded progress bar for each scheduled date. This tells you at a glance which shows need attention.
ColorBooking rateMeaning
Green70%+Healthy bookings
Yellow40–70%Moderate — watch it
Orange20–40%Low — consider a push
RedBelow 20%Critical — act now
A red bar is your signal to check pricing, reach out to past guests, or promote on social media.

Key Concepts

  • Experience Template: A show blueprint with default settings (title, tagline, prices, capacity)
  • Experience Event (Occurrence): A specific scheduled instance of a show, with date, time, and potentially overridden pricing
  • Booking Progress Bar: Visual indicator of how many seats are sold vs. total capacity
  • Batch Event Generator: Tool for creating multiple recurring events in one action

Technical Details

ComponentFilePurpose
ExperienceCardInline in page.tsxExperience template card with editable fields
EditableFieldInline in page.tsxInline text editing component
EditableNumberFieldInline in page.tsxInline number editing component
AddEventFormInline in page.tsxSingle event creation form
BatchEventGeneratorcomponents/admin/batch-event-generator.tsxBulk event creation form
Query/MutationPurpose
experiences.listAllFetch all experience templates
experiences.updateExperienceUpdate title, tagline, status, pricing, capacity
events.upcomingByExperienceCodeFetch events for a specific experience
events.createEventCreate a single event occurrence

See Also

Admin Dashboard

Dashboard overview and navigation

Event Management

Event scheduling and operations

Reservations

Viewing and managing bookings

Kitchen Display

Kitchen station order display

Staff Order

Taking orders at tables