// -----------------------------------------------------------------------------
// Rent-Ka — Rental listings aggregator (Canada, outside Québec)
// Author: Simon-Pierre Boucher — contact@spboucher.ai
// pages/Privacy.tsx: privacy and cookie policy
// -----------------------------------------------------------------------------

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

  return (
    <div className="container legal">
      <span className="kicker">Privacy &amp; cookies</span>
      <h1>Your privacy, kept simple.</h1>

      <section>
        <h3>Who is responsible</h3>
        <p>
          Rent-Ka is a <b>Groupe KA</b> platform{" "}
          (<a href="https://www.groupe-ka.com" target="_blank" rel="noopener noreferrer">
            groupe-ka.com
          </a>). The person responsible for the protection of personal
          information can be reached at{" "}
          <a href="mailto:admin@groupe-ka.com">admin@groupe-ka.com</a>.
        </p>
      </section>

      <section>
        <h3>What Rent-Ka collects</h3>
        <p>
          Nothing that identifies you by default. Rent-Ka has no advertising
          pixel and sells no data. The site reads public listings from property
          managers and shows them to you — that's it. If you sign in with a
          KA ID account, only your profile and saved rentals are stored.
        </p>
      </section>

      <section>
        <h3>Cookies and local storage</h3>
        <p>
          Rent-Ka uses <b>no third-party cookies</b>. The only storage lives in
          your browser ("localStorage"):
        </p>
        <ul>
          <li><b>Essential</b> — your consent choice itself.</li>
          <li><b>Preferences</b> (if accepted) — your search filters and list/map view.</li>
          <li><b>Statistics</b> (if accepted) — possible anonymous audience
              measurement, with no identifier or profiling. None is active today.</li>
        </ul>
        <p>
          <button className="btn btn-ghost" onClick={reopen}>Change my cookie choices</button>
        </p>
      </section>

      <section>
        <h3>External services</h3>
        <ul>
          <li><b>Listing photos</b> — loaded from the property managers' servers;
              their policy applies to those requests.</li>
          <li><b>Map</b> — vector tiles (data © OpenStreetMap), loaded only if
              you open the map view.</li>
          <li><b>Nearby amenities</b> — computed server-side from OpenStreetMap;
              your browser does not contact those services.</li>
        </ul>
      </section>

      <section>
        <h3>Your listings, your sources</h3>
        <p>
          Every listing links back to the manager's original ad. To have content
          removed or for any general question:{" "}
          <a href="mailto:contact@groupe-ka.com">contact@groupe-ka.com</a> —
          for an information request:{" "}
          <a href="mailto:info@groupe-ka.com">info@groupe-ka.com</a>.
        </p>
      </section>

      <div className="fine">Last updated: August 2026.</div>
    </div>
  );
}