/* global React */

function PrivacyPage({ navigate }) {
  return (
    <div className="route">
      <section className="hero" style={{ paddingBottom: 64 }}>
        <div className="container" style={{ position: "relative", zIndex: 1 }}>
          <div className="t-label hero__label">Legal</div>
          <h1 className="t-h1" style={{ maxWidth: 820 }}>Privacy Policy</h1>
          <p className="t-body-lg hero__lead" style={{ marginTop: 24 }}>
            Last updated: 21 May 2026
          </p>
        </div>
      </section>

      <section className="section bg-white">
        <div className="container">
          <div className="privacy-doc">
            <h2 className="t-h2">1. Who we are</h2>
            <p>
              This website is operated by <strong>Peoplecake Consulting Limited</strong>{" "}
              ("Peoplecake", "we", "us", "our"), a company registered in England and Wales.
            </p>
            <ul className="privacy-list">
              <li><strong>Company number:</strong> 16672320</li>
              <li><strong>Registered address:</strong> 71&ndash;75 Shelton Street, Covent Garden, London, WC2H 9JQ</li>
              <li><strong>Nature of business:</strong> Human Resources Consulting</li>
              <li><strong>Contact:</strong> <a href="mailto:sarah@peoplecake.com">sarah@peoplecake.com</a></li>
            </ul>

            <h2 className="t-h2">2. Information we collect</h2>
            <p>
              We collect only the most basic of visitor information needed to operate and
              improve this website. Specifically, we use standard analytics technologies
              (such as Google Analytics or equivalent) which may record anonymised data such
              as:
            </p>
            <ul className="privacy-list">
              <li>Pages visited and the time spent on each page</li>
              <li>Approximate geographic region (country / city level)</li>
              <li>Device type, browser type and operating system</li>
              <li>Referring website or search source</li>
            </ul>
            <p>
              No other information is requested from users by this website. We do not run
              account sign-ups, registration forms, or persistent user profiles. If you
              contact us directly (for example, by emailing{" "}
              <a href="mailto:sarah@peoplecake.com">sarah@peoplecake.com</a>), the
              information you choose to share with us will be used only to respond to your
              enquiry.
            </p>

            <h2 className="t-h2">3. Cookies</h2>
            <p>
              Cookies are small text files stored on your device. We use them only to
              support the basic analytics described above. When you first visit the site,
              you will be asked to accept this tracking, or to decline and leave the
              website. You can withdraw consent at any time by clearing your browser
              cookies for this domain.
            </p>

            <h2 className="t-h2">4. How we use your information</h2>
            <p>
              The analytics data we collect is used solely to understand which content is
              useful to visitors and to improve the website. It is not combined with any
              personally identifying information held by us.
            </p>

            <h2 className="t-h2">5. Sharing your information</h2>
            <p>
              <strong>We do not sell your data to third parties.</strong> The only third
              parties who process site data on our behalf are the analytics providers
              themselves (e.g. Google), acting as data processors under their own published
              terms.
            </p>

            <h2 className="t-h2">6. Data retention</h2>
            <p>
              Analytics data is retained for the standard retention period set by our
              analytics provider (typically up to 14 months). Email correspondence is kept
              only for as long as needed to respond and for reasonable business records.
            </p>

            <h2 className="t-h2">7. Your rights</h2>
            <p>
              Under UK GDPR you have the right to access, correct, or request deletion of
              any personal data we hold about you, and to lodge a complaint with the
              Information Commissioner's Office (ICO). To exercise any of these rights,
              email{" "}
              <a href="mailto:sarah@peoplecake.com">sarah@peoplecake.com</a>.
            </p>

            <h2 className="t-h2">8. Changes to this policy</h2>
            <p>
              We may update this policy from time to time. Material changes will be
              reflected by updating the date at the top of this page.
            </p>

            <h2 className="t-h2">9. Contact</h2>
            <p>
              Any questions about this policy or how we handle data can be sent to{" "}
              <a href="mailto:sarah@peoplecake.com">sarah@peoplecake.com</a>.
            </p>

            <div className="privacy-back">
              <button className="btn btn--ghost" onClick={() => navigate("home")}>
                ← Back to home
              </button>
            </div>
          </div>
        </div>
      </section>
    </div>
  );
}

const privacyPageStyle = document.createElement("style");
privacyPageStyle.textContent = `
  .privacy-doc {
    max-width: 760px;
    margin: 0 auto;
  }
  .privacy-doc h2.t-h2 {
    font-size: 28px;
    margin-top: 56px;
    margin-bottom: 16px;
  }
  .privacy-doc h2.t-h2:first-child { margin-top: 0; }
  .privacy-doc p {
    font-size: 17px;
    line-height: 1.7;
    color: var(--color-black);
    margin-bottom: 16px;
  }
  .privacy-doc a {
    color: var(--color-purple);
    border-bottom: 1px solid currentColor;
  }
  .privacy-list {
    margin: 0 0 16px 0;
    padding-left: 20px;
  }
  .privacy-list li {
    font-size: 17px;
    line-height: 1.7;
    margin-bottom: 6px;
  }
  .privacy-back { margin-top: 64px; }
`;
document.head.appendChild(privacyPageStyle);

window.PrivacyPage = PrivacyPage;