"use client";

import Link from "next/link";

/** Global footer: dark-web deployment CTA (replaces old disclosure strip). */
export default function DarkWebLaunchFooter() {
  return (
    <footer
      className="relative z-[1] border-t border-neon-cyan/30 bg-gradient-to-b from-[#0a0a0a] to-black px-4 py-14 shadow-[0_-12px_40px_rgba(0,255,255,0.06)]"
      role="contentinfo"
      aria-label="Tor deployment"
    >
      <div className="mx-auto max-w-4xl text-center">
        <p className="font-mono text-[10px] uppercase tracking-[0.4em] text-neon-cyan/80">onion · v3 · air-gapped backend</p>
        <h2 className="mt-4 font-orbitron text-2xl font-black tracking-tight text-white sm:text-3xl md:text-4xl">
          Get this launched on the dark web
        </h2>
        <p className="mx-auto mt-4 max-w-2xl text-sm text-foreground/70">
          One Next.js stack behind nginx loopbacks — Tor hidden services per vertical. Bind to localhost, route through Tor
          Browser, rotate keys from backups. No clearnet required.
        </p>
        <div className="mt-8 flex flex-wrap items-center justify-center gap-4">
          <Link
            href="/launch"
            className="rounded-full bg-gradient-to-r from-neon-cyan to-neon-purple px-8 py-3 text-sm font-bold text-black transition hover:opacity-95"
          >
            Full Tor launch playbook →
          </Link>
          <Link
            href="/account/hidden-services"
            className="glass rounded-full border border-white/15 px-6 py-3 text-sm font-semibold text-neon-green hover:border-neon-green/50"
          >
            Mirror list & hostnames
          </Link>
        </div>
        <p className="mt-10 text-xs text-foreground/40">
          Operational security is yours. Verify signatures, firewall egress, and jurisdiction before you ship.
        </p>
      </div>
    </footer>
  );
}