import type { Metadata } from "next";

export const metadata: Metadata = {
  title: "About & Content Policy",
  description:
    "How PixelArcade curates games, respects developers, and handles problem reports.",
};

/** Trust & safety page: ownership, authorized sources, reporting. */
export default function AboutPage() {
  return (
    <div className="shell max-w-3xl py-10">
      <h1 className="text-3xl font-bold tracking-tight text-white sm:text-4xl">
        About & Content Policy
      </h1>
      <div className="mt-6 space-y-6 text-slate-300">
        <section>
          <h2 className="text-xl font-semibold text-white">
            A curated discovery hub
          </h2>
          <p className="mt-2">
            PixelArcade is a curated mini-games collection. An administrator
            reviews every game before it appears publicly: checking the source,
            verifying who made it, and confirming whether embedding is
            permitted.
          </p>
        </section>
        <section>
          <h2 className="text-xl font-semibold text-white">
            We don&apos;t claim other people&apos;s games
          </h2>
          <p className="mt-2">
            Every game lists its developer or publisher and links to the
            official, authorized source. We never download, copy, re-host, or
            redistribute games without permission. Games that don&apos;t allow
            embedding open on the official site instead.
          </p>
        </section>
        <section id="report" className="scroll-mt-24">
          <h2 className="text-xl font-semibold text-white">
            Report a problem
          </h2>
          <p className="mt-2">
            Found a broken link, wrong information, or content that
            shouldn&apos;t be listed? Each game page includes a{" "}
            <em>Report a Problem</em> option. A formal reporting form and
            copyright contact process will be added in a later version; until
            then, reports are handled directly by the site administrator.
          </p>
        </section>
      </div>
    </div>
  );
}