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
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.
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.
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.
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.
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.
See It in Photos
The gallery shows high-quality photos from past dinner theater events. Visual proof that the experience matches the description.
Read What Others Said
Guest testimonials appear next. Past guests describe the food, the show, the atmosphere in their own words.
Review Practical Details
A practical info section covers dress code, arrival time, accessibility, and other logistics. Guests know what to expect before they commit.
A Night at Dinner Theater
The full evening flows like this:Key Concepts
| Concept | Description |
|---|---|
| Dinner Theater | Combined dining and show experience where food and performance are integrated |
| 4-Course Dinner | Full dinner experience included with dinner theater tickets (Welcome, Sea, Fire, Earth chapters) |
| Dinner Show Pricing | Tiered pricing based on party size, not per person |
| Calendar Modal | Date picker for browsing and booking upcoming dinner shows |
Technical Details
Page Composition
Components
Components
| Component | File | Purpose |
|---|---|---|
CalendarModalProvider | contexts/calendar-modal-context.tsx | Date picker context |
HeroSection | components/experiences/dinner-theater/hero-section.tsx | Hero banner |
ImmersiveSection | components/experiences/dinner-theater/immersive-section.tsx | Immersive format explanation |
FusionSection | components/experiences/dinner-theater/fusion-section.tsx | Culinary-performance fusion |
CocktailsSection | components/experiences/dinner-theater/cocktails-section.tsx | Beverage program |
UpcomingShowsSection | components/experiences/dinner-theater/upcoming-shows-section.tsx | Available dinner shows |
GallerySection | components/home/gallery-section.tsx | Photo gallery |
ReviewsSection | components/home/reviews-section.tsx | Guest testimonials |
PracticalInfoSection | components/marketing/practical-info-section.tsx | Logistics and FAQs |
CtaSection | components/home/cta-section.tsx | Booking CTA |
CalendarModal | components/home/calendar-modal.tsx | Date picker for bookings |
SectionDivider | components/marketing/section-divider.tsx | Visual separator |
Route
Calendar Modal
The page uses aCalendarModalProvider 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:| Tier | Guest Count | Price |
|---|---|---|
| Solo | 1 guest | 990,000 VND |
| Duo | 2 guests | 1,850,000 VND |
| Table of 4 | 3-4 guests | 3,500,000 VND |
Page Structure
| Section | Component | What It Covers |
|---|---|---|
| Hero | HeroSection | Dramatic hero with premium tone |
| Immersive | ImmersiveSection | What makes dinner theater different |
| Fusion | FusionSection | Culinary and performance integration |
| Cocktails | CocktailsSection | Beverage program |
| Upcoming Shows | UpcomingShowsSection | Available dates with booking |
| Gallery | GallerySection | Photos from past events |
| Reviews | ReviewsSection | Guest testimonials |
| Practical Info | PracticalInfoSection | Dress code, arrival, accessibility |
| CTA | CtaSection | Final booking CTA |
Booking From This Page
- Browse available dinner theater dates in Upcoming Shows section
- Tap “Book Now” on preferred date
- Calendar modal opens for date selection
- 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