import Link from 'next/link';

export default function Header() {
  return (
    <header className="w-full bg-linear-to-r from-[#003366] via-[#004B87] to-[#003366] border-b border-[#00B4D8]/40 shadow-lg">
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div className="flex justify-between items-center h-20">
          {/* Logo - Sol taraf */}
          <div className="shrink-0">
            <Link href="/" className="flex items-center space-x-3">
              <div className="w-12 h-12">
                <img 
                  src="https://www.mamak.bel.tr/images/logo.svg" 
                  alt="Mamak Belediyesi Logo"
                  className="w-full h-full object-contain"
                />
              </div>
              <div className="flex flex-col">
                <span className="text-[#48CAE4] text-sm font-semibold uppercase tracking-wider">T.C.</span>
                <span className="text-white text-xl font-bold">Mamak Belediyesi</span>
              </div>
            </Link>
          </div>

          {/* Sağ taraf - Arama ve İletişim */}
          <div className="flex items-center space-x-3">
            {/* Arama butonu */}
            <button className="p-2.5 rounded-full border-2 border-white text-white hover:bg-[#00B4D8] hover:border-[#00B4D8] transition-colors">
              <svg className="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
              </svg>
            </button>

            {/* Bize Ulaşın - Ankara Belediyesi */}
            <a 
              href="https://www.ankara.bel.tr/"
              target="_blank"
              rel="noopener noreferrer"
              className="flex items-center space-x-2 px-4 py-2.5 rounded-lg bg-[#00B4D8] text-white hover:bg-[#48CAE4] transition-colors shadow-lg"
            >
              <svg className="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
              </svg>
              <span className="text-sm font-medium">Bize Ulaşın</span>
            </a>
          </div>
        </div>
      </div>
    </header>
  );
}
