export default function Footer() {
  return (
    <footer className="bg-surface border-t border-zinc-800 py-8">
      <div className="max-w-6xl mx-auto px-6 text-center text-sm text-text-muted">
        {/* Footer üst kısmı: Logo ve sosyal medya bağlantıları */}
        <div className="mb-6">
          <div className="flex justify-center space-x-6 mb-4">
            {/* Sosyal medya bağlantıları */}
            <a href="https://twitter.com" target="_blank" rel="noopener noreferrer" className="text-gray-400 hover:text-primary transition">
              <i className="fab fa-twitter"></i> {/* Twitter */}
            </a>
            <a href="https://github.com" target="_blank" rel="noopener noreferrer" className="text-gray-400 hover:text-primary transition">
              <i className="fab fa-github"></i> {/* GitHub */}
            </a>
            <a href="https://linkedin.com" target="_blank" rel="noopener noreferrer" className="text-gray-400 hover:text-primary transition">
              <i className="fab fa-linkedin"></i> {/* LinkedIn */}
            </a>
            <a href="https://facebook.com" target="_blank" rel="noopener noreferrer" className="text-gray-400 hover:text-primary transition">
              <i className="fab fa-facebook"></i> {/* Facebook */}
            </a>
          </div>

          {/* Şirket ismi ve logo */}
          <div className="text-lg font-semibold text-text mb-4">
            <span className="font-bold text-primary">DealHeat</span> {/* Logo / Branding */}
          </div>
        </div>

        {/* Footer alt kısmı: Bağlantılar ve telif hakkı */}
        <div className="flex justify-center space-x-8 mb-4">
          <a href="/privacy-policy" className="text-gray-400 hover:text-text-muted transition">Gizlilik Politikası</a>
          <a href="/terms-of-service" className="text-gray-400 hover:text-text-muted transition">Kullanım Şartları</a>
          <a href="/about-us" className="text-gray-400 hover:text-text-muted transition">Hakkımızda</a>
          <a href="/contact" className="text-gray-400 hover:text-text-muted transition">İletişim</a> {/* İletişim linki ekledim */}
        </div>

        {/* Telif Hakkı */}
        <div className="text-xs text-text-muted">
          © {new Date().getFullYear()} <span className="font-semibold">DealHeat</span>. Tüm hakları saklıdır.
        </div>
      </div>
    </footer>
  );
}
