@if (page(); as copy) {
  <div class="content-container stack page">
    <app-page-hero [hero]="copy.hero" [ctas]="copy.ctas" />
    <app-legal-review-notice [notice]="copy.reviewNotice" [todos]="copy.reviewTodos" />
    @for (section of copy.sections; track section.id) {
      <app-content-section [section]="section" />
    }
    @for (legal of copy.legalSections; track legal.id) {
      <section class="stack" [attr.aria-labelledby]="'legal-' + legal.id">
        <h2 [id]="'legal-' + legal.id">{{ legal.title }}</h2>
        @for (paragraph of legal.body; track $index) {
          <p>{{ paragraph }}</p>
        }
      </section>
    }
  </div>
}