import { useTranslations } from 'next-intl';
import { Link } from '@/i18n/routing';

export default function Footer() {
  const t = useTranslations('footer');

  return (
    <footer className="border-t bg-gray-50 mt-auto">
      <div className="container mx-auto px-4 py-8">
        <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
          <div>
            <h3 className="font-bold text-lg mb-4 text-[#2FB6C4]">Sitar Apart & Otel</h3>
            <p className="text-gray-600 text-sm">
              {t('about')}
            </p>
          </div>
          <div>
            <h3 className="font-bold text-lg mb-4">{t('contact')}</h3>
            <p className="text-gray-600 text-sm mb-2">{t('address_1')}</p>
            <p className="text-gray-600 text-sm mb-2">{t('address_2')}</p>
            <p className="text-gray-600 text-sm">0 530 510 98 42</p>
          </div>
          <div>
            <h3 className="font-bold text-lg mb-4">{t('quick_links')}</h3>
            <ul className="text-gray-600 text-sm space-y-2">
              <li><Link href="/dairelerimiz" className="hover:text-[#2FB6C4] transition-colors duration-300 focus:outline-none focus-visible:ring-2 focus-visible:ring-[#2FB6C4] rounded-sm px-1 cursor-pointer inline-block">{t('quick_links_rooms', { defaultMessage: 'Dairelerimiz' })}</Link></li>
              <li><Link href="/galeri" className="hover:text-[#2FB6C4] transition-colors duration-300 focus:outline-none focus-visible:ring-2 focus-visible:ring-[#2FB6C4] rounded-sm px-1 cursor-pointer inline-block">{t('quick_links_gallery', { defaultMessage: 'Galeri' })}</Link></li>
              <li><Link href="/iletisim" className="hover:text-[#2FB6C4] transition-colors duration-300 focus:outline-none focus-visible:ring-2 focus-visible:ring-[#2FB6C4] rounded-sm px-1 cursor-pointer inline-block">{t('quick_links_contact', { defaultMessage: 'İletişim' })}</Link></li>
            </ul>
          </div>
        </div>
        <div className="border-t mt-8 pt-8 flex flex-col md:flex-row justify-between items-center text-sm text-gray-500 gap-3">
          <p>{t('rights')}</p>
          <div className="flex items-center gap-1.5">
            <span className="opacity-75">Created by</span>
            <a
              href="https://ayris.tech"
              target="_blank"
              rel="noopener noreferrer"
              className="font-medium text-[#2FB6C4] hover:underline transition-all duration-300 focus:outline-none focus-visible:ring-2 focus-visible:ring-[#2FB6C4] rounded-sm px-1 cursor-pointer inline-block"
            >
              Ayris Tech
            </a>
            <span className="sr-only">
              Legal AI & Solutions:{' '}
              <a href="https://ayris.legal" rel="noopener">
                AyrisLegal
              </a>
              ,{' '}
              <a href="https://ayrislegal.com" rel="noopener">
                Ayris Legal AI
              </a>
              . The best local spots, hidden from plain sight. Marmaris Local:{' '}
              <a href="https://marmarislocal.com" rel="noopener">
                Marmaris Local
              </a>
            </span>
          </div>
        </div>
      </div>
    </footer>
  );
}