Guest Reviews
Source:apps/frontend/app/[locale]/(landing)/reviews/page.tsx
Doc Status: Excellent | ✓ Clear summary | ✓ Easy to read | ✓ Matches code | ✓ Good structure | ✓ Professional look | ✓ Visual components
Why This Matters
Social proof is the deciding factor for guests who are on the fence. They’ve browsed the shows, read the descriptions, and now they’re asking: “Did other people actually enjoy this?” The Reviews page answers that question with real testimonials from real guests. When someone sees five-star ratings and detailed accounts of memorable evenings, booking becomes an easy decision.Guest Journey
Step 1: See the Rating
Guest lands on/reviews and immediately sees a 5-star rating display. “Rated 5 stars” sets the tone — House of Legends consistently delights its guests.
Step 2: Scroll Through Testimonials
A carousel displays guest reviews, each showing:- 5-star rating
- Review text (in their own words)
- Reviewer name
- Origin city (e.g., “Traveled from Ho Chi Minh City”)
Step 3: Read More on Google
Below the carousel, a “Read All Reviews” link takes guests to our Google Reviews page where they can see the full collection of testimonials.Step 4: Share Their Own Experience
An external CTA invites guests who’ve already visited to share their experience on Google. This creates a flywheel: satisfied guests leave reviews, reviews attract new guests.Step 5: Book Their Own Visit
The page ends with a CTA to book tickets or explore upcoming shows.Review Flow
Review Challenge: Guests who complete the Google Review challenge earn a complimentary dessert. They submit a screenshot of their review via the table PWA, and staff approve it in the admin dashboard.Key Concepts
| Concept | Description |
|---|---|
| Testimonial Carousel | Auto-rotating display of guest reviews |
| Google Reviews | External review platform linked from the page |
| Review Challenge | Gamification system encouraging guests to leave 5-star reviews |
Technical Details
Components
Components
| Component | File | Purpose |
|---|---|---|
SectionWrapper | components/marketing/section-wrapper.tsx | Layout container with spacing |
SectionContainer | components/marketing/section-container.tsx | Max-width content container |
SectionTitle | components/marketing/section-title.tsx | Section heading and subtitle |
SectionDivider | components/marketing/section-divider.tsx | Visual separator |
Carousel | components/marketing/carousel.tsx | Review carousel |
RatingDisplay | components/marketing/rating-display.tsx | Star rating display |
GoogleReviewsCTA | components/marketing/sections/google-reviews-link.tsx | Link to Google Reviews |
VisitCTASection | components/marketing/visit-cta-section.tsx | Booking CTA |
CTASection | components/marketing/visit-cta-section.tsx | External share CTA |
Route
Review Data
Reviews are sourced from~/lib/data/reviews — a static data file containing testimonial objects:
Carousel Behavior
- Desktop: Shows 2 reviews per view (
lg:basis-1/2) - Tablet: Shows 2 reviews per view (
md:basis-1/2) - Mobile: Shows 1 review per view (
basis-full)
Internationalization
See Also
Homepage
Discover shows and experiences
Dinner Theater
The full dinner theater experience
Our Evening
What to expect during a visit
Review Challenge
Gamified review reward system