// Footer — copyright, quick nav, back to top.

const FOOTER_LINKS = [
  { label: "Home", href: "#home" },
  { label: "About", href: "#about" },
  { label: "What I Do", href: "#what-i-do" },
  { label: "Work", href: "#work" },
  { label: "Contact", href: "#contact" },
];

// TODO(Mikky): add Instagram / TikTok / Spotify when the profiles are ready.
const FOOTER_SOCIALS = [
  { label: "GitHub", href: "https://github.com/thaiduynguyen133" },
  { label: "LinkedIn", href: "https://www.linkedin.com/in/thai-duy-nguyen-367b8a212/" },
];

function Footer() {
  return (
    <footer className="relative px-8 md:px-16 lg:px-20 py-10 border-t border-white/10">
      <div className="flex flex-col md:flex-row items-center justify-between gap-6">
        <div className="flex items-center gap-3">
          <span className="font-heading italic text-white text-2xl leading-none">m</span>
          <span className="text-xs text-white/60 font-body font-light">
            © 2026 Mikky Thai. All rights reserved.
          </span>
        </div>

        <nav className="flex flex-wrap items-center justify-center gap-4">
          {FOOTER_LINKS.map((link) => (
            <a
              key={link.label}
              href={link.href}
              className="text-xs text-white/70 font-body"
            >
              {link.label}
            </a>
          ))}
          <span className="text-xs text-white/30 font-body select-none">·</span>
          {FOOTER_SOCIALS.map((link) => (
            <a
              key={link.label}
              href={link.href}
              target="_blank"
              rel="noreferrer"
              className="text-xs text-white/70 font-body"
            >
              {link.label}
            </a>
          ))}
        </nav>

        <a
          href="#home"
          className="liquid-glass rounded-full px-4 py-1.5 text-xs font-medium text-white/90 font-body transition-transform duration-300 hover:scale-105"
        >
          Back to top ↑
        </a>
      </div>
    </footer>
  );
}

window.Footer = Footer;