import Link from "next/link"
import { ArrowLeft } from "lucide-react"
import { Button } from "@/components/ui/button"

export default function WhitepaperPage() {
  return (
    <div className="container py-12 md:py-24">
      <Button variant="ghost" className="mb-8 gap-2" asChild>
        <Link href="/">
          <ArrowLeft className="h-4 w-4" />
          Back to Home
        </Link>
      </Button>

      <div className="mx-auto max-w-3xl">
        <h1 className="mb-8 text-3xl font-bold tracking-tight sm:text-4xl">QuantumVerify White Paper</h1>

        <div className="prose prose-gray max-w-none dark:prose-invert">
          <h2>Abstract</h2>
          <p>
            QuantumVerify delivers a permissioned, edge-executed verification network that confirms—within &lt; 100 ms
            round-trip—whether a beneficiary account exists, is operational and is unsanctioned, while guaranteeing
            message integrity against quantum-enabled adversaries.
          </p>
          <p>
            This white paper summarises the architecture, cryptographic design, benchmark evidence, and regulatory
            alignment underpinning Patent 1: "Quantum-secure architecture for real-time recipient verification in
            cross-border payments."
          </p>

          <h2>Table of Contents</h2>
          <ol>
            <li>Network Architecture</li>
            <li>Performance Benchmarks</li>
            <li>Cryptographic Design & Agility</li>
            <li>Time-Synchronisation Strategy</li>
            <li>Regulatory & Standards Alignment</li>
            <li>Roadmap (next 18 months)</li>
            <li>Glossary</li>
            <li>Appendix A – Benchmark Methodology</li>
            <li>Appendix B – Data-Minimising JSON Schema</li>
            <li>Appendix C – SHA-256 Checksum</li>
          </ol>

          <p>
            <em>
              For the full white paper, please{" "}
              <a href="/downloads/whitepaper.pdf" target="_blank" rel="noopener noreferrer">
                download the PDF version
              </a>
              .
            </em>
          </p>
        </div>
      </div>
    </div>
  )
}
