import type { Metadata } from "next";

export const metadata: Metadata = {
  title: "Privacy Policy",
};

export default function PrivacyPolicyPage() {
  return (
    <div className="mx-auto max-w-3xl px-6 py-16 lg:px-8 lg:py-20">
      <p className="font-mono text-[13px] text-signal">Legal</p>
      <h1 className="mt-3 font-display text-3xl font-semibold text-paper">
        Privacy Policy
      </h1>
      <p className="mt-2 font-mono text-[12px] text-paper-2">
        Last updated: [date]
      </p>

      <div className="mt-10 flex flex-col gap-8 text-sm leading-relaxed text-paper-2">
        <section>
          <h2 className="font-display text-lg font-semibold text-paper">
            1. Information we collect
          </h2>
          <p className="mt-2">
            When you contact us through this site's forms, we collect the
            name, email address, and message content you provide. If you use
            our live chat, our chat provider (Tawk.to) may collect additional
            technical information — see their privacy policy for details.
          </p>
        </section>

        <section>
          <h2 className="font-display text-lg font-semibold text-paper">
            2. How we use it
          </h2>
          <p className="mt-2">
            We use the information you provide solely to respond to your
            inquiry and discuss your project. We do not sell or share your
            information with third parties for marketing purposes.
          </p>
        </section>

        <section>
          <h2 className="font-display text-lg font-semibold text-paper">
            3. Third-party services
          </h2>
          <p className="mt-2">
            This site uses Tawk.to for live chat. Their handling of any data
            collected through the chat widget is governed by their own
            privacy policy, available at tawk.to.
          </p>
        </section>

        <section>
          <h2 className="font-display text-lg font-semibold text-paper">
            4. Data retention
          </h2>
          <p className="mt-2">
            [Confirm retention period once a backend/database is in place.
            Until then, contact form submissions are sent via email and
            retained only in standard email storage.]
          </p>
        </section>

        <section>
          <h2 className="font-display text-lg font-semibold text-paper">
            5. Your rights
          </h2>
          <p className="mt-2">
            [Confirm applicable rights based on your visitors' jurisdictions
            — e.g. PIPEDA for Canadian visitors, GDPR if serving EU
            residents.]
          </p>
        </section>

        <section>
          <h2 className="font-display text-lg font-semibold text-paper">
            6. Contact
          </h2>
          <p className="mt-2">
            Questions about this policy can be sent to{" "}
            <a href="mailto:hello@soodotechinc.ca" className="text-signal underline">
              hello@soodotechinc.ca
            </a>
            .
          </p>
        </section>
      </div>
    </div>
  );
}