52 lines
2.4 KiB
TypeScript
52 lines
2.4 KiB
TypeScript
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>
|
||
);
|
||
}
|