import { Link } from 'react-router';
import { PageContainer } from '@/shared/ui/page-container';

export default function Footer() {
  return (
    <footer className="bg-white border-t border-slate-100 py-12 px-6">
      <PageContainer className="px-0 flex flex-col gap-6">
        <div className="flex flex-col md:flex-row md:items-center md:justify-between gap-4">
          <Link to="/" className="flex items-center gap-2">
            <span className="font-serif text-3xl font-black tracking-[0.05em] bg-gradient-to-r from-[#4F1DA1] to-[#021341] bg-clip-text text-transparent">INFINITH</span>
          </Link>
          <div className="flex items-center gap-3 text-sm font-medium text-slate-600">
            <a href="#" className="hover:text-primary-900 transition-colors">개인정보처리방침</a>
            <span className="text-slate-300">·</span>
            <a href="#" className="hover:text-primary-900 transition-colors">이용약관</a>
          </div>
        </div>
        <div className="text-sm text-slate-500 leading-relaxed space-y-1">
          <p className="font-semibold text-slate-700">㈜에이아이오투오</p>
          <p>사업자 등록번호 : 620-87-00810 | 대표 : 안성민</p>
          <p>본사 : 41593 대구광역시 북구 옥산로 111, 5층 유니콘랩 대구 A05호</p>
          <p>연구소 : 13453 경기 성남시 수정구 금토로 32 (금토동) (주)KT 판교빌딩 504호~505호 (East)</p>
          <p>전화 : 070-4260-8310 | 010-2755-6463</p>
          <p>이메일 : o2oteam@o2o.kr</p>
        </div>
        <p className="text-xs text-slate-400 border-t border-slate-100 pt-4">
          Copyright ⓒ O2O Inc. All rights reserved
        </p>
      </PageContainer>
    </footer>
  );
}
