// -----------------------------------------------------------------------------
// Food-Ka — Agrégateur de produits d'épicerie (province de Québec)
// Auteur : Simon-Pierre Boucher — contact@spboucher.ai
// pages/Privacy.tsx : politique de confidentialité et de témoins (cookies)
// -----------------------------------------------------------------------------

export default function PrivacyPage() {
  const reopen = () => window.dispatchEvent(new Event("foodka:openConsent"));

  return (
    <div className="container legal">
      <span className="kicker">Confidentialité &amp; témoins</span>
      <h1>Votre vie privée, simplement.</h1>

      <section>
        <h3>Ce que Food·Ka collecte</h3>
        <p>
          Rien qui vous identifie. Food·Ka n'a pas de compte utilisateur, pas de
          formulaire d'inscription, pas de pixel publicitaire et ne vend aucune
          donnée. Le site consulte des fiches produits publiques des bannières
          d'épicerie et vous les présente — c'est tout.
        </p>
      </section>

      <section>
        <h3>Témoins et stockage local</h3>
        <p>
          Food·Ka n'utilise <b>aucun témoin (cookie) tiers</b>. Le seul stockage
          se fait dans votre navigateur (« localStorage ») :
        </p>
        <ul>
          <li><b>Essentiels</b> — votre choix de consentement lui-même.</li>
          <li><b>Préférences</b> (si acceptées) — vos filtres de recherche et votre tri.</li>
          <li><b>Statistiques</b> (si acceptées) — une éventuelle mesure d'audience anonyme,
              sans identifiant ni profilage. Aucune n'est active à ce jour.</li>
        </ul>
        <p>
          <button className="btn btn-ghost" onClick={reopen}>Modifier mes choix de témoins</button>
        </p>
      </section>

      <section>
        <h3>Services externes</h3>
        <ul>
          <li><b>Images des produits</b> — chargées depuis les serveurs des bannières
              d'épicerie ; leur politique s'applique à ces requêtes.</li>
          <li><b>Polices de caractères</b> — servies par Google Fonts au chargement
              de la page.</li>
        </ul>
      </section>

      <section>
        <h3>Vos prix, vos sources</h3>
        <p>
          Chaque fiche renvoie vers la page produit originale de la bannière. Les
          prix affichés sont ceux relevés lors de la dernière synchronisation et
          peuvent différer en magasin. Pour faire retirer un contenu ou pour toute
          question :{" "}
          <a href="mailto:contact@spboucher.ai">contact@spboucher.ai</a>.
        </p>
      </section>

      <div className="fine">Dernière mise à jour : août 2026.</div>
    </div>
  );
}