export default function Footer() {
  return (
    <footer className="border-t border-border-default bg-bg-secondary">
      <div className="max-w-6xl mx-auto px-6 py-6">
        <div className="flex flex-col md:flex-row items-center justify-between gap-4">
          {/* Left: Copyright + Version */}
          <div className="flex items-center gap-4">
            <span className="text-xs font-mono text-text-muted">
              © 2026 DTP Technologies, LLC
            </span>
            <span className="text-xs font-mono text-text-muted/50">
              Gadget Code v1.0.0
            </span>
          </div>

          {/* Center: Links */}
          <div className="flex items-center gap-4">
            <a
              href="/terms"
              className="text-xs font-mono text-text-muted hover:text-text-secondary transition-colors"
            >
              TERMS OF SERVICE
            </a>
            <span className="text-text-muted/30">│</span>
            <a
              href="/privacy"
              className="text-xs font-mono text-text-muted hover:text-text-secondary transition-colors"
            >
              PRIVACY POLICY
            </a>
          </div>

          {/* Right: Domain */}
          <a
            href="https://g4dge7.com"
            className="text-xs font-mono text-text-muted hover:text-brand transition-colors tracking-wider"
          >
            G4DGE7.COM
          </a>
        </div>

        {/* Bottom accent */}
        <div className="mt-4 pt-3 border-t border-border-subtle flex items-center justify-center gap-2">
          <div className="w-1 h-1 rounded-full bg-green-glow/40" />
          <span className="text-xs font-mono text-text-muted/40 tracking-widest">
            SELF-HOSTED · OPEN SOURCE · AGENTIC
          </span>
          <div className="w-1 h-1 rounded-full bg-green-glow/40" />
        </div>
      </div>
    </footer>
  );
}
