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

export const metadata: Metadata = {
  title: "About",
  description:
    "About this Image Converter: formats supported, how conversion works, and why the site focuses on privacy and quality."
};

export default function AboutPage() {
  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">About</h1>
          <p className="mt-3 text-sm leading-relaxed text-slate-600">
            Image Converter is a fast online tool to convert images between common formats like JPG/JPEG, PNG, WebP, and
            AVIF — with practical options to resize and compress images for the web, apps, and print workflows.
          </p>

          <div className="prose prose-slate mt-6 max-w-none">
            <h2>Why this site exists</h2>
            <p>
              Many image converter websites feel spammy, slow, or overloaded with fake download buttons. This site aims
              to be clean, trustworthy, and easy to bookmark: upload → choose format → convert → download.
            </p>

            <h2>Formats and compression</h2>
            <p>
              You can convert and compress images into modern formats (WebP, AVIF) for smaller file sizes, or export
              PNG/JPEG for compatibility. The quality slider helps control compression for lossy formats.
            </p>

            <h2>Privacy</h2>
            <p>
              The app processes uploads in-memory and returns the converted file. It is designed to avoid writing uploads
              to disk. Hosting providers may buffer requests temporarily.
            </p>

            <h2>Contact</h2>
            <p>
              For questions or feedback, use the <Link href="/contact">contact page</Link>.
            </p>
          </div>
        </div>
      </div>
    </main>
  );
}