import { Link } from "react-router-dom";
import { useScrollToTop } from "@/hooks/useScrollToTop";

const LINKS = [
  { label: "Privacy Policy", href: "/privacy" },
  { label: "Terms of Service", href: "/terms"  },
];

export function Footer() {
  const handleLogoClick = useScrollToTop();

  return (
    <footer className="bg-white border-t border-slate-100 py-12 px-6">
      <div className="max-w-7xl mx-auto flex flex-col md:flex-row items-center justify-between gap-6">

        {/* 로고 */}
        <a
          href="/"
          onClick={handleLogoClick}
          className="font-serif text-3xl font-black tracking-[0.05em] bg-gradient-to-r from-violet-700 to-navy-950 bg-clip-text text-transparent"
        >
          INFINITH
        </a>

        {/* 카피라이트 */}
        <p className="body-14 text-neutral-60 text-center md:text-left">
          &copy; {new Date().getFullYear()} CLINICAD. All rights reserved.{" "}
          <br className="md:hidden" />
          Infinite Marketing for Premium Medical Business &amp; Marketing Agency
        </p>

        {/* 링크 */}
        <nav className="flex items-center gap-6">
          {LINKS.map(({ label, href }) => (
            <Link
              key={label}
              to={href}
              className="body-14-medium text-neutral-60 hover:text-navy-900 transition-colors"
            >
              {label}
            </Link>
          ))}
        </nav>

      </div>
    </footer>
  );
}