import type { Metadata } from "next";
import Link from "next/link";
import { Navbar } from "@/components/public/Navbar";
import { Footer } from "@/components/public/Footer";

export const metadata: Metadata = {
  title: "Privacy Policy",
  description:
    "Privacy policy for the Belgian Bitcoin Embassy website. We collect minimal data, use no tracking cookies, and respect your sovereignty.",
  openGraph: {
    title: "Privacy Policy - Belgian Bitcoin Embassy",
    description: "How we handle your data. Minimal collection, no tracking, full transparency.",
  },
  alternates: { canonical: "/privacy" },
};

export default function PrivacyPage() {
  return (
    <>
      <Navbar />
      <div className="min-h-screen">
        <div className="max-w-3xl mx-auto px-8 pt-16 pb-24">
          <h1 className="text-4xl font-black mb-8">Privacy Policy</h1>

          <div className="space-y-8 text-on-surface-variant leading-relaxed">
            <section>
              <h2 className="text-xl font-bold text-on-surface mb-4">Overview</h2>
              <p>
                The Belgian Bitcoin Embassy values your privacy. This website is designed
                to collect as little personal data as possible. We do not use tracking
                cookies, analytics services, or advertising networks.
              </p>
            </section>

            <section>
              <h2 className="text-xl font-bold text-on-surface mb-4">Data We Collect</h2>
              <p>
                If you log in using a Nostr extension, we store your public key to
                identify your session. Public keys are, by nature, public information
                on the Nostr network. We do not collect email addresses, names, or
                any other personal identifiers.
              </p>
            </section>

            <section>
              <h2 className="text-xl font-bold text-on-surface mb-4">Nostr Interactions</h2>
              <p>
                Likes and comments are published to the Nostr network via your own
                extension. These are peer-to-peer actions and are not stored on our
                servers beyond local caching for display purposes.
              </p>
            </section>

            <section>
              <h2 className="text-xl font-bold text-on-surface mb-4">Local Storage</h2>
              <p>
                We use browser local storage to persist your authentication session.
                You can clear this at any time by logging out or clearing your
                browser data.
              </p>
            </section>

            <section>
              <h2 className="text-xl font-bold text-on-surface mb-4">Contact</h2>
              <p>
                For privacy-related questions, reach out to us via our{" "}
                <Link href="/#community" className="text-primary hover:underline">
                  community channels
                </Link>.
              </p>
            </section>
          </div>
        </div>
      </div>
      <Footer />
    </>
  );
}
