"use client";

import Link from "next/link";

export default function Footer() {
  const year = new Date().getFullYear();

  return (
    <footer
      className="border-t mt-auto"
      style={{ borderColor: "#222222", background: "#0a0a0a" }}
    >
      {/* Disclaimer bar */}
      <div
        className="border-b px-6 py-3 text-center text-xs"
        style={{ borderColor: "#1a1a1a", color: "#3a3a3a" }}
      >
        UIT is for informational purposes only. Nothing on this site constitutes
        financial advice or a recommendation to buy or sell any security. Past
        performance does not guarantee future results. Consult a licensed financial
        advisor before making investment decisions.
      </div>

      {/* Main footer */}
      <div className="max-w-6xl mx-auto px-6 py-10">
        <div className="grid grid-cols-1 md:grid-cols-3 gap-10">
          {/* Brand */}
          <div>
            <div className="mb-3">
              <span className="text-sm font-semibold tracking-widest uppercase" style={{ letterSpacing: "0.15em" }}>
                Verimund
              </span>{" "}
              <span className="text-sm font-light tracking-widest uppercase" style={{ color: "#888888", letterSpacing: "0.15em" }}>
                Solutions
              </span>
            </div>
            <p className="text-xs leading-relaxed" style={{ color: "#888888" }}>
              Finance-specialized SaaS tools built for serious investors.
            </p>
          </div>

          {/* Navigation */}
          <div>
            <p className="text-xs font-semibold uppercase tracking-widest mb-3" style={{ color: "#3a3a3a", letterSpacing: "0.12em" }}>
              Navigation
            </p>
            <div className="flex flex-col gap-2">
              {[
                { href: "/", label: "Home" },
                { href: "/uit", label: "UIT" },
                { href: "/faq", label: "FAQ" },
                { href: "/contact", label: "Contact" },
              ].map(({ href, label }) => (
                <Link
                  key={href}
                  href={href}
                  className="text-xs transition-colors duration-200"
                  style={{ color: "#888888" }}
                  onMouseEnter={(e) => (e.currentTarget.style.color = "#ffffff")}
                  onMouseLeave={(e) => (e.currentTarget.style.color = "#888888")}
                >
                  {label}
                </Link>
              ))}
            </div>
          </div>

          {/* Contact + Legal */}
          <div>
            <p className="text-xs font-semibold uppercase tracking-widest mb-3" style={{ color: "#3a3a3a", letterSpacing: "0.12em" }}>
              Contact
            </p>
            <div className="flex flex-col gap-1 mb-5">
              <p className="text-xs" style={{ color: "#888888" }}>Nolan Kovacs — CEO</p>
              <p className="text-xs" style={{ color: "#888888" }}>248-252-9430</p>
              <p className="text-xs" style={{ color: "#888888" }}>
                {/* Placeholder until email is set up */}
                nolankovacs@verimundsolutions.com
              </p>
            </div>
            <div className="flex gap-4">
              <Link href="/terms" className="text-xs transition-colors duration-200" style={{ color: "#3a3a3a" }}
                onMouseEnter={(e) => (e.currentTarget.style.color = "#888888")}
                onMouseLeave={(e) => (e.currentTarget.style.color = "#3a3a3a")}
              >
                Terms of Service
              </Link>
              <Link href="/privacy" className="text-xs transition-colors duration-200" style={{ color: "#3a3a3a" }}
                onMouseEnter={(e) => (e.currentTarget.style.color = "#888888")}
                onMouseLeave={(e) => (e.currentTarget.style.color = "#3a3a3a")}
              >
                Privacy Policy
              </Link>
            </div>
          </div>
        </div>

        {/* Bottom row */}
        <div
          className="mt-10 pt-6 border-t flex flex-col md:flex-row items-center justify-between gap-3"
          style={{ borderColor: "#1a1a1a" }}
        >
          <p className="text-xs" style={{ color: "#3a3a3a" }}>
            © {year} Verimund Solutions. All rights reserved.
          </p>
        </div>
      </div>
    </footer>
  );
}
