<%- include('../partials/head', { title, bodyClass: 'legal-page' }) %>
<%- include('../partials/public-nav') %>

<main class="legal-main">
  <section class="legal-hero">
    <p class="eyebrow">Informations légales</p>
    <h1><%= page.title %></h1>
    <p><%= page.intro %></p>
  </section>

  <section class="legal-content">
    <% page.sections.forEach((section) => { %>
      <article class="legal-section">
        <h2><%= section.title %></h2>
        <% section.paragraphs.forEach((paragraph) => { %>
          <p><%= paragraph %></p>
        <% }) %>
      </article>
    <% }) %>
  </section>

  <section class="legal-note">
    <strong>Besoin d’une précision ?</strong>
    <p>Pour une demande liée à votre compte, vos données, un abonnement ou une information administrative, contactez support@topstats.fr.</p>
  </section>
</main>

<%- include('../partials/footer') %>
