// ---------- Mentions Légales (intégré) ----------
function MentionsLegales({ onBack }) {
  const sections = [
    { num: '01', titre: 'Éditeur du site', content: (
      <>
        <p>Le présent site est édité par :</p>
        <div className="ml-info-grid">
          <span className="ml-info-label">Nom</span><span className="ml-info-value">Yvon Guzman</span>
          <span className="ml-info-label">Statut</span><span className="ml-info-value">Artiste peintre indépendant</span>
          <span className="ml-info-label">Adresse</span><span className="ml-info-value">286 boulevard Paul, 13190 Allauch</span>
          <span className="ml-info-label">Téléphone</span><span className="ml-info-value">06 02 69 70 66</span>
          <span className="ml-info-label">E-mail</span><span className="ml-info-value"><a href="mailto:yvonguzman@neuf.fr">yvonguzman@neuf.fr</a></span>
          <span className="ml-info-label">Directeur de publication</span><span className="ml-info-value">Yvon Guzman</span>
        </div>
        <p>Le site est réalisé et développé par <strong>Sud Nexis</strong>, agence de création de sites internet et AI Workflows Agency.</p>
      </>
    )},
    { num: '02', titre: 'Hébergement du site', content: (
      <div className="ml-info-grid">
        <span className="ml-info-label">Société</span><span className="ml-info-value">HOSTINGER INTERNATIONAL LTD</span>
        <span className="ml-info-label">Siège social</span><span className="ml-info-value">61 Lordou Vironos Street, 6023 Larnaca, Chypre</span>
        <span className="ml-info-label">Contact</span><span className="ml-info-value"><a href="https://www.hostinger.fr/contact" target="_blank" rel="noopener">hostinger.fr/contact</a></span>
      </div>
    )},
    { num: '03', titre: 'Statut juridique du propriétaire', content: (
      <>
        <p>Yvon Guzman exerce une activité de création et d'exposition de ses propres œuvres picturales (peintures) de manière indépendante et ponctuelle. À ce titre, il ne peut être considéré comme commerçant mais comme particulier.</p>
        <div className="ml-note">La vente d'œuvres originales réalisées par l'artiste lui-même relève en effet d'une logique de création et non d'une logique commerciale de flux (achat-revente) ou d'une logique artisanale de transformation.</div>
        <p>Ce statut particulier dispense Yvon Guzman de l'immatriculation au Registre National des Entreprises (RNE) et à la Chambre de Commerce et de l'Industrie (CCI) ou à la Chambre des Métiers et de l'Artisanat (CMA).</p>
      </>
    )},
    { num: '04', titre: 'Propriété intellectuelle', content: (
      <>
        <p>L'ensemble des éléments présents sur le site (textes, photographies des œuvres, logo, mise en page, charte graphique, etc.) est la propriété exclusive de Yvon Guzman et est protégé par le droit de la propriété intellectuelle et, en particulier, par le droit d'auteur.</p>
        <p>Toute reproduction, représentation, modification, publication ou adaptation de tout ou partie des éléments du site, quel que soit le moyen ou le procédé utilisé, est interdite, sauf autorisation écrite et préalable de Yvon Guzman.</p>
        <p>Les contenus du site sont accessibles à des fins de consultation par les utilisateurs, à l'exclusion de toute exploitation commerciale ou publicitaire non autorisée.</p>
        <p>Une exploitation non autorisée du site ou de l'un de ses éléments sera considérée comme constitutive d'une contrefaçon et poursuivie conformément aux dispositions du Code de la propriété intellectuelle.</p>
        <p>Toute utilisation à des fins strictement personnelles et non commerciales des images des œuvres reste tolérée, sous réserve de la mention de leur auteur.</p>
      </>
    )},
    { num: '05', titre: 'Conditions Générales de Vente (CGV)', content: (
      <>
        <p>Le site pouvant permettre la vente à distance d'œuvres originales, les Conditions Générales de Vente suivantes s'appliquent à toute commande <b>passée sur le site</b> :</p>
        <ul className="ml-list">
          <li>Les caractéristiques essentielles de l'œuvre (dimensions, technique, support)</li>
          <li>Le prix TTC de l'œuvre et les frais de livraison éventuels</li>
          <li>La date ou le délai de livraison</li>
          <li>Les informations relatives au vendeur (identité, coordonnées, numéro d'identification)</li>
          <li>Les garanties légales applicables</li>
          <li>La possibilité de recourir à un médiateur de la consommation en cas de litige</li>
          <li>Le droit de rétractation de 14 jours à compter de la réception de l'œuvre, ainsi que ses modalités d'exercice</li>
          <li>La prise en charge des frais de retour par le consommateur en cas de rétractation, sauf disposition contraire</li>
          <li>Les modalités de résiliation, le cas échéant</li>
          <li>Les modalités de livraison et le mode de règlement des litiges</li>
        </ul>
        <p>Ces conditions doivent être mises à la disposition de l'acheteur et acceptées par celui-ci avant toute conclusion de commande sur le site.</p>
        <a href="https://tally.so/r/44R9KY" target="_blank" rel="noopener" className="retractation-btn">
          Exercer mon droit de rétractation
          <span className="retractation-btn-sub">Délai de 14 jours à compter de la réception</span>
        </a>
      </>
    )},
    { num: '06', titre: "Conditions Générales d'Utilisation (CGU)", content: (
      <>
        <p>L'utilisation du site est soumise aux conditions générales d'utilisation décrites ci-après. En naviguant sur le site, l'utilisateur accepte sans réserve ces conditions.</p>
        <h3>6.1 Objet du site</h3>
        <p>Le site a pour objet de présenter les œuvres réalisées par Yvon Guzman, artiste peintre, et de permettre leur achat en ligne (optionnel).</p>
        <h3>6.2 Obligations de l'utilisateur</h3>
        <ul className="ml-list">
          <li>Utiliser le site conformément à sa destination</li>
          <li>Ne pas tenter de nuire au bon fonctionnement du site ou d'en perturber l'accès</li>
          <li>Fournir des informations exactes lors d'une commande ou d'une prise de contact</li>
        </ul>
        <h3>6.3 Responsabilité de l'éditeur</h3>
        <p>Sud Nexis met tout en œuvre pour assurer l'exactitude, la sécurité et la mise à jour des informations diffusées sur le site, dont il ne peut toutefois garantir l'exhaustivité. Sa responsabilité ne saurait être engagée en cas d'indisponibilité temporaire du site pour des raisons techniques, ni du fait du contenu de sites tiers accessibles via des liens hypertextes présents sur le site.</p>
        <h3>6.4 Droit applicable et litiges</h3>
        <p>Les présentes CGU sont soumises au droit français. En cas de litige, une solution amiable sera recherchée avant toute action judiciaire, les tribunaux français étant seuls compétents à défaut d'accord.</p>
      </>
    )},
    { num: '07', titre: 'Données personnelles et formulaire de contact', content: (
      <>
        <p>Le site utilise un formulaire de contact fourni par <strong>Formspree</strong> afin de permettre aux utilisateurs de prendre contact avec Yvon Guzman.</p>
        <p>Les données personnelles susceptibles d'être collectées (notamment le nom, l'adresse e-mail et le contenu du message) sont transmises et traitées par Formspree dans le seul but de gérer les demandes de contact.</p>
        <p>Ces traitements sont effectués conformément au <strong>Règlement Général sur la Protection des Données (RGPD)</strong>.</p>
        <p>Les données personnelles ne sont utilisées uniquement pour répondre aux demandes formulées et ne sont ni vendues ni cédées à des tiers à des fins commerciales.</p>
        <p>Pour en savoir plus sur la manière dont Formspree traite les données personnelles : <a href="https://formspree.io/legal/privacy-policy" target="_blank" rel="noopener">formspree.io/legal/privacy-policy</a>.</p>
        <h3>Vos droits</h3>
        <ul className="ml-list">
          <li>Droit d'accès</li>
          <li>Droit de rectification</li>
          <li>Droit d'effacement</li>
          <li>Droit à la limitation du traitement</li>
          <li>Droit d'opposition</li>
          <li>Droit à la portabilité des données lorsque celui-ci est applicable</li>
        </ul>
        <p>Vous pouvez également introduire une réclamation auprès de la <strong>CNIL</strong> si vous estimez que vos droits ne sont pas respectés.</p>
        <p>Pour toute question relative au traitement de vos données personnelles : <a href="mailto:yvonguzman@neuf.fr">yvonguzman@neuf.fr</a></p>
      </>
    )},
    { num: '08', titre: 'Modification des mentions légales', content: (
      <p>Yvon Guzman se réserve le droit de modifier les présentes mentions légales à tout moment, notamment pour se conformer à toute évolution réglementaire ou législative.</p>
    )}
  ];

  return (
    <div className="mentions-legales-page">
      <header className="header" style={{ display: 'flex', justifyContent: 'space-between' }}>
        <a className="header-brand" href="#" onClick={(e) => { e.preventDefault(); onBack(); }}>
          Guzman
          <small>PEINTRE · ARTISANT PROVENÇAL</small>
        </a>
        <a className="ml-header-back" href="#" onClick={(e) => { e.preventDefault(); onBack(); }}>
          <span className="ml-header-back-line"></span>
          Retour au site
        </a>
      </header>
      <main className="ml-page">
        <div className="page-eyebrow">Informations légales</div>
        <h1 className="ml-page-title">Mentions<br /><em>légales.</em></h1>
        <span className="ml-page-rule"></span>
        {sections.map((s, i) => (
          <div key={i} className={`ml-section${i === sections.length - 1 ? ' ml-section-last' : ''}`}>
            <div className="ml-section-num">{s.num}</div>
            <h2>{s.titre}</h2>
            {s.content}
          </div>
        ))}
      </main>
      <footer className="footer">
        <div className="footer-bottom">
          <span>© 2026 Guzman</span>
          <span>ATELIER · ALLAUCH</span>
          <a href="#" onClick={(e) => { e.preventDefault(); onBack(); }} style={{ border: 'none', color: 'var(--ink-mute)', letterSpacing: '0.18em', fontSize: '11px' }}>← Retour</a>
        </div>
      </footer>
    </div>
  );
}

Object.assign(window, { MentionsLegales });