import type { Metadata } from "next";
import Link from "next/link";

export const metadata: Metadata = {
  title: "Terms",
  description: "Terms of use for Image Converter."
};

export default function TermsPage() {
  return (
    <main className="relative z-10 min-h-screen px-4 py-10 sm:px-6">
      <div className="mx-auto w-full max-w-3xl">
        <Link
          className="text-sm font-semibold text-indigo-700 underline decoration-indigo-200 underline-offset-4 hover:text-indigo-900 hover:decoration-indigo-400"
          href="/"
        >
          ← Back to converter
        </Link>

        <div className="glass-panel mt-6 rounded-3xl p-6 sm:p-8">
          <h1 className="font-display text-3xl font-extrabold tracking-tight text-slate-900">Terms of Use</h1>
          <p className="mt-2 text-sm text-slate-600">Last updated: {new Date().toLocaleDateString()}</p>

          <div className="prose prose-slate mt-6 max-w-none">
          <h2>Use of the service</h2>
          <p>
            This website provides an image conversion tool. You may use it for lawful purposes and only upload content
            you have the right to process.
          </p>

          <h2>No warranties</h2>
          <p>
            The service is provided “as is” and “as available.” Conversions may fail depending on input files and codec
            support. We do not guarantee accuracy, availability, or suitability for any specific workflow.
          </p>

          <h2>Limits</h2>
          <p>
            To protect service stability, we may impose limits on upload size, conversion frequency, or available
            presets. Excessive or abusive usage may be blocked.
          </p>

          <h2>Responsibility</h2>
          <p>
            You are responsible for your uploaded content and the results you generate. Always review outputs before
            publishing or printing.
          </p>

          <h2>Contact</h2>
          <p>
            Questions about these terms should be directed to the site owner. (Replace this section with a real contact
            method before deploying publicly.)
          </p>
          </div>
        </div>
      </div>
    </main>
  );
}