import { useTranslation } from 'react-i18next'

export default function Footer() {
  const { t } = useTranslation()
  const year = new Date().getFullYear()

  return (
    <footer className="bg-gray-900 dark:bg-gray-950 text-gray-400 py-10">
      <div className="max-w-6xl mx-auto px-4 text-center">
        <div className="flex items-center justify-center gap-1 mb-2">
          <span className="text-orange-500 font-bold text-lg">Kai</span>
          <span className="text-white font-bold text-lg">Soft</span>
          <span className="text-gray-600 mx-2">·</span>
          <span className="text-gray-500 text-sm">카이소프트</span>
        </div>
        <p className="text-sm text-gray-500 mb-1">
          © {year} KaiSoft. {t('footer_rights')}
        </p>
        <p className="text-xs text-gray-600">{t('footer_made')}</p>
      </div>
    </footer>
  )
}
