import { LegalTemplate } from "@/components/ui/legal-template"

const pages = ["blog-post-template", "about-template", "contact-template", "legal-template", "error-template", "profile-page"];

const nav = (current: string) =>
  [
    { label: "Product", href: "#product" },
    { label: "Customers", href: "#customers" },
    { label: "Blog", href: "#blog" },
    { label: "About", href: "#about" },
    { label: "Contact", href: "#contact" },
  ].map((link) => ({ ...link, current: link.label.toLowerCase() === current }));

const signIn = { label: "Sign in", href: "#" };

const frame = "h-[720px] w-full overflow-auto rounded-[14px] shadow-[0_0_0_1px_var(--border)]";

export function LegalDemo() {
  return (
    <div className={frame}>
      <LegalTemplate
        brand="Halden"
        nav={nav("")}
        signIn={signIn}
        primary={heroes.primary!}
        title="Privacy policy"
        lead="What we collect when you use Halden, why, who we share it with and the choices you have."
        updated="2026-09-30"
        effective="2026-10-15"
        summary={[
          "We collect what we need to run your close: your account, your team and the financial data you connect.",
          "We never sell personal data or use your financial data to train models.",
          "Data is stored in the EU (Frankfurt) and you can export or delete it at any time.",
          "You can ask us what we hold about you, and we will answer within 30 days.",
        ]}
        sections={[
          { id: "collect", title: "What we collect", body: <><p>Account details you give us: your name, work email and role. Usage details from the app: which pages are opened and when, so we can fix what is slow.</p><p>Financial data you connect, such as bank transactions and ledger entries, is processed only to provide the service.</p></> },
          { id: "use", title: "How we use it", body: <p>To provide and support Halden, to bill you, to keep the service secure and, with your permission, to send product news. We do not use your financial data for advertising or to train machine learning models.</p> },
          { id: "share", title: "Who we share it with", body: <><p>Processors that help us run the service, under contract: our cloud host (AWS, Frankfurt), our email provider and our payment processor. The current list is in our <a href="#subprocessors">subprocessor register</a>.</p></> },
          { id: "keep", title: "How long we keep it", body: <p>While your account is open, and for 30 days after you close it, then it is deleted from live systems. Backups roll off within a further 35 days. Invoices are kept for ten years because tax law requires it.</p> },
          { id: "rights", title: "Your rights", body: <p>You can access, correct, export or delete your personal data, object to processing and complain to your data protection authority. Write to the address below and we will answer within 30 days.</p> },
          { id: "changes", title: "Changes to this policy", body: <p>We will email account owners at least 14 days before a change that affects how we use personal data.</p> },
        ]}
        versions={[
          { date: "2026-09-30", summary: "Added our new email provider and clarified backup retention." },
          { date: "2026-03-12", summary: "Moved data storage from Ireland to Frankfurt.", href: "#v2" },
          { date: "2025-06-01", summary: "First version.", href: "#v1" },
        ]}
        contact={{ label: "privacy@halden.app", href: "mailto:privacy@halden.app" }}
        footer={footers}
      />
    </div>
  );
}