import { Logo } from "@/components/ui/logo"
import { Typography } from "@/components/ui/typography"

export function Footer() {
  return (
    <footer className="bg-white text-ink-soft border-t border-line py-24 font-sans text-sm relative z-10">
      <div className="max-w-4xl mx-auto px-6 grid grid-cols-1 md:grid-cols-12 gap-12 text-center md:text-left">
        <div className="md:col-span-8">
          <Logo className="mb-6" />
          <Typography variant="caption" className="max-w-sm mb-6 font-medium">
            네고시움은 협상 에이전트가 공급사와 1:1로 단가를 조율하고 낙찰까지 처리하는 B2B 구매 협상 자동화 솔루션입니다.
          </Typography>
          <p className="text-xs text-ink-faint font-semibold">
            © {new Date().getFullYear()} negotium Co., Ltd. All rights reserved.
          </p>
        </div>

        <div className="md:col-span-4">
          <Typography variant="micro" as="h4" className="text-ink mb-4 block">
            Core Module
          </Typography>
          <ul className="space-y-3 text-xs text-ink-soft font-semibold">
            <li>규칙 기반 단가 흥정 엔진</li>
            <li>다중 파트너 포털 채널</li>
            <li>강화학습 템포 보완 모듈</li>
            <li>투명 거버넌스 디지털 원장</li>
          </ul>
        </div>
      </div>
    </footer>
  )
}