48 lines
1.4 KiB
TypeScript
48 lines
1.4 KiB
TypeScript
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">
|
|
© {new Date().getFullYear()} CLINICAD. All rights reserved.{" "}
|
|
<br className="md:hidden" />
|
|
Infinite Marketing for Premium Medical Business & 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>
|
|
);
|
|
} |