import type { Metadata } from "next";
import { InnerPage, StructuredData } from "@/components/SiteChrome";
import { breadcrumbJsonLd } from "@/lib/site";

export const metadata: Metadata = {
  title: "About",
  description: "Clipwell is an independent TikTok download page. It reads public posts and shows only the files TikTok returns.",
  alternates: { canonical: "/about" },
  openGraph: { title: "About Clipwell", description: "How Clipwell requests public TikTok media.", url: "/about" },
};

export default function AboutPage() {
  return (
    <main id="main">
      <StructuredData data={breadcrumbJsonLd([{ name: "Home", path: "/" }, { name: "About", path: "/about" }])} />
      <InnerPage title="About Clipwell" lede="Clipwell is an independent download page for public TikTok posts.">
        <p>
          You paste a TikTok link. The server checks that it is a public video or photo link, then asks tikwm.com for the files on that post. The download buttons are those files. Private posts are refused. If the operator switches the server to a Cobalt instance, that service receives the link instead.
        </p>
        <p>
          Clipwell does not ask you to log in to TikTok. A “Download without watermark” button appears only when TikTok returns both a playback file and a separate download file. It does not promise a particular resolution.
        </p>
        <p>Clipwell is not affiliated with TikTok, ByteDance, or SnapTik.</p>
      </InnerPage>
    </main>
  );
}