import Link from "next/link";

export default function SyndicateRoutingPage() {
  return (
    <article className="space-y-8">
      <header>
        <h2 className="text-xl font-bold text-white md:text-2xl">Routing lore</h2>
        <p className="mt-2 max-w-2xl text-sm text-zinc-400">
          Dedicated onions rewrite paths to the correct vertical so bookmarks survive. This page names the behavior operators describe on status boards — it mirrors how <code className="text-zinc-500">proxy.ts</code> reasons about roots, without dumping source.
        </p>
      </header>
      <ul className="space-y-4 text-sm text-zinc-300">
        <li className="rounded-lg border border-zinc-800 bg-zinc-900/40 p-4">
          <strong className="text-fuchsia-200">Single build</strong> — every hidden service serves the same compiled routes; differentiation is host-aware rewrites and disclosure chrome, not separate deploy artifacts per onion.
        </li>
        <li className="rounded-lg border border-zinc-800 bg-zinc-900/40 p-4">
          <strong className="text-fuchsia-200">Canonical paths inside the app</strong> — users still navigate to <code className="text-fuchsia-300/90">/w/slug</code> internally so relative links and prefetch stay coherent.
        </li>
        <li className="rounded-lg border border-zinc-800 bg-zinc-900/40 p-4">
          <strong className="text-fuchsia-200">Cross-vertical links</strong> — hub, market, and forum URLs in copy intentionally use absolute paths so they resolve correctly from any onion host after rewrite.
        </li>
      </ul>
      <p className="text-xs text-zinc-500">
        <Link href="/syndicate/topology" className="text-fuchsia-400 hover:underline">
          ← Topology
        </Link>
        {" · "}
        <Link href="/account/hidden-services" className="text-fuchsia-400 hover:underline">
          Hidden services / mirrors
        </Link>
      </p>
    </article>
  );
}