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

export const metadata: Metadata = {
  title: "Terms of Service — Epicure",
  description: "The terms governing use of Epicure.",
};

export default function TermsPage() {
  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 finished, legally-binding terms. Replace
          before accepting real signups/payments (see <code>STRIPE_PLAN.md</code> §10).
        </p>
      </div>

      <h1 className="text-3xl font-bold tracking-tight">Terms of Service</h1>

      <div className="space-y-6 text-sm text-muted-foreground leading-relaxed">
        <section className="space-y-2">
          <h2 className="font-semibold text-foreground">Using Epicure</h2>
          <p>You&apos;re responsible for the content you create and share, and for keeping your account credentials secure.</p>
        </section>
        <section className="space-y-2">
          <h2 className="font-semibold text-foreground">Subscriptions</h2>
          <p>Paid tiers (Pro, Family) renew automatically until cancelled. Cancel anytime from Settings — access continues until the end of the paid period.</p>
        </section>
        <section className="space-y-2">
          <h2 className="font-semibold text-foreground">Content ownership</h2>
          <p>You own what you create. We only use it to provide the service to you (and, if you set a recipe public/unlisted/followers-visible, to whoever you&apos;ve chosen to share it with).</p>
        </section>
        <section className="space-y-2">
          <h2 className="font-semibold text-foreground">AI-generated content</h2>
          <p>AI-generated recipes are provided as-is — always use your own judgment, especially around allergens and food safety.</p>
        </section>
        <section className="space-y-2">
          <h2 className="font-semibold text-foreground">Changes</h2>
          <p>We may update these terms; meaningful changes will be communicated in-app.</p>
        </section>
      </div>
    </div>
  );
}