import Link from "next/link";

export default function ExchangeGuidelinesPage() {
  return (
    <article className="space-y-8 border-2 border-[#4a3f36] bg-[#12100e] p-6 shadow-[6px_6px_0_#1a1410] md:p-10">
      <header>
        <h1 className="text-2xl font-black uppercase text-[#e8ddd0] md:text-3xl">Posting guidelines</h1>
        <p className="mt-3 text-sm leading-relaxed text-[#8a7b6b]">
          The Exchange is deliberately lo-fi on purpose: no algorithmic feed, no reputation graph baked into the board itself. These rules describe how CyberLux keeps the classifieds readable without turning them into a half-finished plugin.
        </p>
      </header>

      <section>
        <h2 className="border-b-2 border-[#3d3228] pb-2 text-sm font-black uppercase text-[#c4a574]">Required fields</h2>
        <ul className="mt-4 list-disc space-y-2 pl-5 text-sm text-[#b8a99a]">
          <li>
            <strong className="text-[#e8ddd0]">Headline</strong> — one line, no all-caps spam; mods may truncate.
          </li>
          <li>
            <strong className="text-[#e8ddd0]">Body</strong> — include contact policy (signed only, dead drop, etc.).
          </li>
          <li>
            <strong className="text-[#e8ddd0]">Price + unit</strong> — numeric field is a label, not an on-chain lock.
          </li>
        </ul>
      </section>

      <section>
        <h2 className="border-b-2 border-[#3d3228] pb-2 text-sm font-black uppercase text-[#c4a574]">Prohibited</h2>
        <ul className="mt-4 list-disc space-y-2 pl-5 text-sm text-[#b8a99a]">
          <li>Automated scraping reposts from the Candy Shop catalog — use the market for SKUs.</li>
          <li>Links to clearnet trackers or JS-heavy paste bins without a plain-text mirror.</li>
          <li>Impersonation of floor staff; use your dashboard display name consistently.</li>
        </ul>
      </section>

      <section>
        <h2 className="border-b-2 border-[#3d3228] pb-2 text-sm font-black uppercase text-[#c4a574]">Dispute stance</h2>
        <p className="mt-4 text-sm leading-relaxed text-[#8a7b6b]">
          The board is <em>unmoderated</em> in the sense that listings are not pre-approved. Abuse reports still flow through{" "}
          <Link href="/support" className="text-[#d4a574] underline hover:text-[#e8c49a]">
            support
          </Link>{" "}
          and may result in account flags that hide your alias from hub widgets — but historical posts remain in localStorage for that browser until cleared.
        </p>
      </section>

      <p className="text-xs text-[#6b5c4d]">
        <Link href="/exchange" className="text-[#d4a574] underline">
          ← Back to board
        </Link>
        {" · "}
        <Link href="/exchange/ledger" className="text-[#d4a574] underline">
          Ledger view
        </Link>
      </p>
    </article>
  );
}