import Link from "next/link"
import { Github } from "lucide-react"
import { ThemeToggle } from "@/components/theme-toggle"

export default function Footer() {
  return (
    <footer className="border-t py-12">
      <div className="container flex flex-col items-center justify-between gap-4 md:flex-row">
        <div className="flex flex-col items-center gap-4 md:flex-row md:gap-6">
          <p className="text-center text-sm text-muted-foreground md:text-left">
            © 2025 QuantumVerify LTD • Registered in England & Wales No. 16403784
          </p>
        </div>

        <div className="flex flex-col items-center gap-4 md:flex-row md:gap-6">
          <nav className="flex gap-4 md:gap-6">
            <Link href="/privacy" className="text-sm text-muted-foreground underline-offset-4 hover:underline">
              Privacy & Cookies
            </Link>
            <Link href="#how-it-works" className="text-sm text-muted-foreground underline-offset-4 hover:underline">
              Patent 1 pending
            </Link>
          </nav>

          <div className="flex items-center gap-2">
            <Link href="https://github.com/quantumverify" target="_blank" rel="noopener noreferrer">
              <Github className="h-5 w-5 text-muted-foreground transition-colors hover:text-foreground" />
              <span className="sr-only">GitHub</span>
            </Link>
            <ThemeToggle />
          </div>
        </div>
      </div>

      <div className="container mt-4">
        <p className="text-center text-xs text-muted-foreground">Made in London by humans + AI</p>
      </div>
    </footer>
  )
}
