'use client';

import Image from 'next/image';
import { useLocale } from '@/lib/i18n/locale-context';

export function Footer() {
  const { t, locale } = useLocale();

  return (
    <footer className="relative border-t border-white/5 bg-base-900/40 px-5 py-12 sm:px-8">
      <div className="mx-auto flex max-w-7xl flex-col gap-6 sm:flex-row sm:items-center sm:justify-between">
        <div className="flex items-center gap-3">
          <Image src="/logo-mark.svg" alt="" width={28} height={28} />
          <div className="flex flex-col leading-tight">
            <span className="text-sm font-semibold text-slate-100">
              {locale === 'fa' ? 'سروش اسعدی' : 'Soroush Asadi'}
            </span>
            <span className="font-mono text-[0.65rem] uppercase tracking-[0.2em] text-slate-500">
              {t.footer.tagline}
            </span>
          </div>
        </div>
        <span className="font-mono text-[0.7rem] text-slate-500">
          {t.footer.rights}
        </span>
      </div>
    </footer>
  );
}