Dinner Theater Experience

Source: apps/frontend/app/[locale]/(landing)/experiences/dinner-theater/page.tsx
Doc Status: Excellent | ✓ Clear summary | ✓ Easy to read | ✓ Matches code | ✓ Good structure | ✓ Professional look | ✓ Visual components

Why This Matters

The dinner theater is not a restaurant with a show on the side — it’s a fully integrated experience where the food and performance elevate each other. Guests who choose this option are committing to a multi-hour evening, and they need to understand exactly what they’re getting before they book. This page walks through the entire journey — the food, the atmosphere, the performances — so guests can picture themselves there and feel confident in their decision.

How It Works

1

Enter the World

Guest lands on the page and sees a dramatic hero section. The tone is premium and immersive — this is not a casual night out. The hero sets expectations immediately.
2

Understand the Immersive Format

A dedicated section explains what makes dinner theater at House of Legends different from a restaurant plus a show. The narrative emphasizes how the performance flows around the dining experience, not separate from it. The show is in the dinner, not after it.
3

Discover the Culinary-Show Fusion

Another section highlights how the menu and the show are designed to complement each other. Courses are timed to act changes. The food tells a story alongside the performance.
4

Preview the Cocktails

The beverage program gets its own section — craft cocktails designed to match the theatrical atmosphere. Guests see that this is a full bar program, not just wine and beer.
5

Browse Upcoming Dinner Shows

A dedicated section lists available dinner theater performances with dates, times, and pricing. Guests can book directly from this section using the calendar modal.
6

See It in Photos

The gallery shows high-quality photos from past dinner theater events. Visual proof that the experience matches the description.
7

Read What Others Said

Guest testimonials appear next. Past guests describe the food, the show, the atmosphere in their own words.
8

Review Practical Details

A practical info section covers dress code, arrival time, accessibility, and other logistics. Guests know what to expect before they commit.
9

Book or Ask Questions

A final CTA offers two options: book directly or submit an inquiry if they have questions.

A Night at Dinner Theater

The full evening flows like this:

Key Concepts

ConceptDescription
Dinner TheaterCombined dining and show experience where food and performance are integrated
4-Course DinnerFull dinner experience included with dinner theater tickets (Welcome, Sea, Fire, Earth chapters)
Dinner Show PricingTiered pricing based on party size, not per person
Calendar ModalDate picker for browsing and booking upcoming dinner shows

Technical Details

Page Composition

ComponentFilePurpose
CalendarModalProvidercontexts/calendar-modal-context.tsxDate picker context
HeroSectioncomponents/experiences/dinner-theater/hero-section.tsxHero banner
ImmersiveSectioncomponents/experiences/dinner-theater/immersive-section.tsxImmersive format explanation
FusionSectioncomponents/experiences/dinner-theater/fusion-section.tsxCulinary-performance fusion
CocktailsSectioncomponents/experiences/dinner-theater/cocktails-section.tsxBeverage program
UpcomingShowsSectioncomponents/experiences/dinner-theater/upcoming-shows-section.tsxAvailable dinner shows
GallerySectioncomponents/home/gallery-section.tsxPhoto gallery
ReviewsSectioncomponents/home/reviews-section.tsxGuest testimonials
PracticalInfoSectioncomponents/marketing/practical-info-section.tsxLogistics and FAQs
CtaSectioncomponents/home/cta-section.tsxBooking CTA
CalendarModalcomponents/home/calendar-modal.tsxDate picker for bookings
SectionDividercomponents/marketing/section-divider.tsxVisual separator

Route

/experiences/dinner-theater

Calendar Modal

The page uses a CalendarModalProvider context to manage calendar modal state. When a guest clicks “Book Now” on an upcoming show, the calendar modal opens for date selection before transitioning to the booking flow.

Pricing

Dinner Theater uses tiered pricing per reservation, not per person:
TierGuest CountPrice
Solo1 guest990,000 VND
Duo2 guests1,850,000 VND
Table of 43-4 guests3,500,000 VND
What’s included: Full 4-course dinner (Welcome → Chapter I Sea → Chapter II Fire → Chapter III Earth) Add-ons: Bottle packages available. Signature Bundle is hidden since the meal is already included.

Page Structure

SectionComponentWhat It Covers
HeroHeroSectionDramatic hero with premium tone
ImmersiveImmersiveSectionWhat makes dinner theater different
FusionFusionSectionCulinary and performance integration
CocktailsCocktailsSectionBeverage program
Upcoming ShowsUpcomingShowsSectionAvailable dates with booking
GalleryGallerySectionPhotos from past events
ReviewsReviewsSectionGuest testimonials
Practical InfoPracticalInfoSectionDress code, arrival, accessibility
CTACtaSectionFinal booking CTA

Booking From This Page

  1. Browse available dinner theater dates in Upcoming Shows section
  2. Tap “Book Now” on preferred date
  3. Calendar modal opens for date selection
  4. Proceed to booking flow with dinner theater pricing pre-selected

See Also

Our Evening

What to expect during the evening

Booking

How to reserve tickets

French Mentalist

Guest performer show

Guest Profiles

Guest account and rewards