'use client';

import { useTranslation } from '@/lib/i18n';

export default function Footer() {
  const { t } = useTranslation();

  return (
    <footer className="bg-gray-800 text-white py-8">
      <div className="container mx-auto px-4">
        <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
          {/* Company Info */}
          <div>
            <h3 className="text-xl font-bold mb-4">AutonetSellCar</h3>
            <p className="text-gray-400">
              Premium Korean used cars exported to Mongolia.
              Quality vehicles at competitive prices.
            </p>
          </div>

          {/* Quick Links */}
          <div>
            <h3 className="text-lg font-semibold mb-4">Quick Links</h3>
            <ul className="space-y-2 text-gray-400">
              <li><a href="/about" className="hover:text-white transition">{t.about}</a></li>
              <li><a href="/contact" className="hover:text-white transition">{t.contact}</a></li>
            </ul>
          </div>

          {/* Contact */}
          <div>
            <h3 className="text-lg font-semibold mb-4">{t.contactUs}</h3>
            <ul className="space-y-2 text-gray-400">
              <li>DamonHong</li>
              <li>Phone: 82-2-552-0773</li>
              <li>Location: Seoul, South Korea</li>
            </ul>
          </div>
        </div>

        <div className="border-t border-gray-700 mt-8 pt-8 text-center text-gray-400">
          <p className="text-xs mb-2">{t.exchangeRateInfo}</p>
          <p>&copy; 2025 AutonetSellCar. {t.allRightsReserved}.</p>
        </div>
      </div>
    </footer>
  );
}
