import type { Metadata } from "next";
import { AlertTriangle } from "lucide-react";

export const metadata: Metadata = {
  title: "Privacy Policy — Epicure",
  description: "How Epicure collects, uses, and protects your data.",
};

export default function PrivacyPage() {
  return (
    <div className="container mx-auto px-4 py-16 max-w-2xl space-y-6">
      <div className="rounded-lg border border-yellow-500/40 bg-yellow-500/10 p-4 flex gap-3 text-sm">
        <AlertTriangle className="h-4 w-4 text-yellow-600 shrink-0 mt-0.5" />
        <p>
          <strong>Draft — not yet reviewed by counsel.</strong> This page is a
          placeholder structure, not a finished, legally-binding policy. Replace
          before accepting real signups/payments (see <code>STRIPE_PLAN.md</code> §10).
        </p>
      </div>

      <h1 className="text-3xl font-bold tracking-tight">Privacy Policy</h1>

      <div className="space-y-6 text-sm text-muted-foreground leading-relaxed">
        <section className="space-y-2">
          <h2 className="font-semibold text-foreground">Data we collect</h2>
          <p>Account information (email, name), recipes and content you create, usage data (AI calls, storage), and payment information (processed by Stripe — we never store card details ourselves).</p>
        </section>
        <section className="space-y-2">
          <h2 className="font-semibold text-foreground">How we use it</h2>
          <p>To provide the service (store your recipes, run AI features you request, process subscriptions), and nothing beyond that — no data is sold to third parties.</p>
        </section>
        <section className="space-y-2">
          <h2 className="font-semibold text-foreground">Third parties</h2>
          <p>AI providers (OpenAI/Anthropic/OpenRouter/Ollama, depending on your configuration), Stripe for payments, and your own configured integrations (webhooks, API keys) that you explicitly set up.</p>
        </section>
        <section className="space-y-2">
          <h2 className="font-semibold text-foreground">Your rights</h2>
          <p>Access, export, correct, or delete your data at any time from Settings, or by contacting us (see Contact page). EU/EEA users have rights under GDPR.</p>
        </section>
        <section className="space-y-2">
          <h2 className="font-semibold text-foreground">Contact</h2>
          <p>Questions about this policy — see the Contact page.</p>
        </section>
      </div>
    </div>
  );
}
