agartha/gulermak_metro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Belgeler ve Footer

Browse Source
This commit is contained in:
Şahan Hasret
2025-10-21 17:59:26 +03:00
parent fc5910f440
commit d9ff0b1ef0
5 changed files with 607 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
components/Header.tsx
View File

@@ -8,47 +8,41 @@ export default function Header() {
{/* Logo - Sol taraf */}
<div className="shrink-0">
<Link href="/" className="flex items-center space-x-3">
<div className="text-[#00B4D8]">
<svg className="w-12 h-12" viewBox="0 0 50 50" fill="currentColor">
<path d="M25 5L5 15v20l20 10 20-10V15L25 5zm0 3.5L42 18v14l-17 8.5L8 32V18l17-9.5z"/>
<path d="M25 15l-10 5v10l10 5 10-5V20l-10-5zm0 3l7 3.5v7L25 32l-7-3.5v-7l7-3.5z"/>
</svg>
<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">Ankara</span>
<span className="text-white text-xl font-bold">Büyükşehir Belediyesi</span>
<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 - Dil, Hava Durumu, Arama ve Menü */}
<div className="flex items-center space-x-4">
{/* Dil seçimi */}
<button className="text-white text-sm font-semibold hover:text-[#48CAE4] transition-colors">
TR
</button>
{/* Hava durumu */}
<div className="flex items-center space-x-2 text-white">
<svg className="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z" />
</svg>
<span className="text-sm font-medium">10°C</span>
</div>
{/* Sağ taraf - Arama ve İletişim */}
<div className="flex items-center space-x-3">
{/* Arama butonu */}
<button className="p-2 rounded-full border-2 border-white text-white hover:bg-[#00B4D8] hover:border-[#00B4D8] transition-colors">
<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>
{/* Menü butonu */}
<button className="p-3 rounded-lg bg-[#00B4D8] text-white hover:bg-[#48CAE4] transition-colors shadow-lg">
<svg className="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 6h16M4 12h16M4 18h16" />
{/* 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>
</button>
<span className="text-sm font-medium">Bize Ulaşın</span>
</a>
</div>
</div>
</div>