import Link from "next/link";

export default function MarketIntelPage() {
  return (
    <div className="space-y-10 font-mono text-[#c8ffd8]">
      <header>
        <p className="text-[10px] uppercase tracking-[0.45em] text-[#00ff41]/45">Layer 3 · vetting</p>
        <h1 className="mt-2 text-2xl font-black tracking-tight text-[#7af598] md:text-3xl">Buyer intelligence</h1>
        <p className="mt-3 max-w-3xl text-sm leading-relaxed text-[#5a8f6a]">
          A deep market needs a deep threat model. This page is the in-universe briefing buyers read before large orders: how to read stall telemetry, when to walk away, and how CyberLux surfaces risk without turning the UI into nagware.
        </p>
      </header>

      <section className="rounded border border-[#00ff41]/20 p-6">
        <h2 className="text-xs font-black uppercase tracking-widest text-[#00ff41]/70">Stall signals (what the UI already shows)</h2>
        <div className="mt-4 overflow-x-auto">
          <table className="w-full border-collapse text-left text-xs text-[#7ab896]">
            <thead>
              <tr className="border-b border-[#00ff41]/20 text-[10px] uppercase tracking-wider text-[#00ff41]/50">
                <th className="py-2 pr-4">Signal</th>
                <th className="py-2 pr-4">Healthy</th>
                <th className="py-2">Caution</th>
              </tr>
            </thead>
            <tbody className="divide-y divide-[#00ff41]/10">
              <tr>
                <td className="py-3 font-bold text-[#b4ffcc]">Rating trajectory</td>
                <td>Stable ★ over 90d window</td>
                <td>Sudden jump after mass low-value sales</td>
              </tr>
              <tr>
                <td className="py-3 font-bold text-[#b4ffcc]">Review velocity</td>
                <td>Matches order volume in analytics band</td>
                <td>Spike of one-liners, no verified purchases</td>
              </tr>
              <tr>
                <td className="py-3 font-bold text-[#b4ffcc]">PGP history</td>
                <td>Chained rotations with signed notices</td>
                <td>Fresh key + aggressive discounting</td>
              </tr>
              <tr>
                <td className="py-3 font-bold text-[#b4ffcc]">Category fit</td>
                <td>Listings match stated specialty</td>
                <td>Random SKU sprawl outside bond tier</td>
              </tr>
            </tbody>
          </table>
        </div>
      </section>

      <section className="grid gap-6 md:grid-cols-2">
        <div className="rounded border border-dashed border-[#ff6b6b]/35 bg-[#1a0808]/40 p-5">
          <h3 className="text-xs font-black uppercase tracking-widest text-[#ff9a9a]">Hard stops</h3>
          <ul className="mt-3 list-disc space-y-2 pl-4 text-xs text-[#c9a0a0]">
            <li>Vendor asks to finalize off-platform “to save fees.”</li>
            <li>Mirror URL not present in your signed bundle.</li>
            <li>Checkout address differs from last verified fingerprint without a signed rotation.</li>
          </ul>
        </div>
        <div className="rounded border border-[#00ff41]/20 p-5">
          <h3 className="text-xs font-black uppercase tracking-widest text-[#00ff41]/70">Soft signals</h3>
          <ul className="mt-3 list-disc space-y-2 pl-4 text-xs text-[#6a9b7a]">
            <li>New stall with perfect photos — request timestamped proof.</li>
            <li>SKU copies another listing verbatim — possible scraper.</li>
            <li>Shipping region mismatch vs vendor claimed locale.</li>
          </ul>
        </div>
      </section>

      <section className="rounded border border-[#00ff41]/15 p-6 text-xs leading-relaxed text-[#6a9b7a]">
        <h2 className="text-xs font-black uppercase tracking-widest text-[#00ff41]/60">Narrative environment</h2>
        <p className="mt-3">
          Buyers should assume <strong className="text-[#b4ffcc]">Sybil stalls</strong>, <strong className="text-[#b4ffcc]">liquidity ghosts</strong>, and{" "}
          <strong className="text-[#b4ffcc]">mirror drift</strong> until a signed bundle says otherwise. The floor encourages{" "}
          <strong className="text-[#b4ffcc]">compartmentalized handles</strong>, <strong className="text-[#b4ffcc]">burner sessions</strong>, and{" "}
          <strong className="text-[#b4ffcc]">jurisdiction-agnostic shipping fiction</strong> so Tor latency and packet jitter do not get mistaken for vendor
          incompetence. When in doubt, cross-read <strong className="text-[#b4ffcc]">forum rings</strong> for stall drama before large commits.
        </p>
      </section>

      <p className="text-[10px] text-[#4a6b55]">
        Cross-links:{" "}
        <Link href="/market/analytics" className="text-[#7af598] hover:underline">
          Floor analytics
        </Link>
        {" · "}
        <Link href="/search" className="text-[#7af598] hover:underline">
          Crawler
        </Link>
        {" · "}
        <Link href="/forum" className="text-[#7af598] hover:underline">
          Forum rings
        </Link>
      </p>
    </div>
  );
}