Examples
Example pages
Real pages composed only from the component library. Use the Viewport selector (top bar) to reframe the preview for mobile-first QA, and the Language selector to switch EN / DE.
Production pageTosca · Wiener Staatsoper
The full Production page covers all eleven blocks from PAGES.md: identity, decision summary, “Is this for you?”, calls to action, About the work / this production / the cast & team, performances, cast & creative team, reviews & ratings, the editorial press digest, and related entities.
Performance pageP4 · Specific date · Show-Scope score · EN/DE
The Performance page (P4) is the date-specific Vorstellungs-Seite. Key distinction from P3: no cover image — the primary visual anchor is Date + Time + Cast of the Night. C5 scope separation: the Performance score (vocal, acting, orchestra, conducting) appears in the main score block; the Production score (staging, set design, concept, costumes) is shown separately in the “Production context” section and is never merged with the performance-scope aggregate. The cast is date-specific and shows guest/replacement flags. Reviews are scoped to this date only. Regwall CTA follows the C6 action-gated pattern. JSON-LD uses TheaterEvent with partOfEvent linking back to the production. Canonical URL is date-aware; hreflang set for EN/DE.