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

Build

Browse Source
This commit is contained in:
Şahan Hasret
2025-11-20 16:50:28 +03:00
parent 08c426f97b
commit c0b7fb463e
15 changed files with 1395 additions and 646 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
components/Footer.tsx
View File

@@ -1,7 +1,19 @@
'use client';
import { useState, useEffect } from 'react';
import Link from 'next/link';
import Image from 'next/image';
import { dataStore, type SiteSettings } from '@/lib/dataStore';
export default function Footer() {
const [settings, setSettings] = useState<SiteSettings | null>(null);
useEffect(() => {
setSettings(dataStore.getSiteSettings());
}, []);
if (!settings) return null;
return (
<footer className="bg-linear-to-r from-[#003366] via-[#004B87] to-[#003366] text-white mt-16">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
@@ -80,14 +92,14 @@ export default function Footer() {
<svg className="w-5 h-5 text-[#00B4D8] mt-0.5 shrink-0" fill="currentColor" viewBox="0 0 20 20">
<path fillRule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clipRule="evenodd" />
</svg>
<span className="text-gray-300 text-sm">Emniyet, Hipodrom Cd. No:5, 06430 Yenimahalle/Ankara</span>
<span className="text-gray-300 text-sm">{settings.contact.address}</span>
</li>
<li className="flex items-center space-x-3">
<svg className="w-5 h-5 text-[#00B4D8] shrink-0" fill="currentColor" viewBox="0 0 20 20">
<path d="M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z" />
</svg>
<a href="tel:+903124440644" className="text-gray-300 hover:text-white transition-colors text-sm">
(0312) 507 10 00
<a href={`tel:${settings.contact.phone.replace(/[^0-9+]/g, '')}`} className="text-gray-300 hover:text-white transition-colors text-sm">
{settings.contact.phone}
</a>
</li>
<li className="flex items-center space-x-3">
@@ -95,8 +107,8 @@ export default function Footer() {
<path d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z" />
<path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z" />
</svg>
<a href="mailto:ankarabuyuksehirbelediyesi@hs01.kep.tr" className="text-gray-300 hover:text-white transition-colors text-sm">
ankarabuyuksehirbelediyesi@hs01.kep.tr
<a href={`mailto:${settings.contact.kep}`} className="text-gray-300 hover:text-white transition-colors text-sm">
{settings.contact.kep}
</a>
</li>
</ul>
@@ -107,7 +119,7 @@ export default function Footer() {
<div className="flex space-x-3">
{/* Facebook */}
<a
href="https://www.facebook.com/ankarabbld/?locale=tr_TR"
href={settings.social.facebook}
target="_blank"
rel="noopener noreferrer"
className="w-9 h-9 rounded-full bg-[#00B4D8] hover:bg-[#48CAE4] flex items-center justify-center transition-colors"
@@ -119,7 +131,7 @@ export default function Footer() {
</a>
{/* Twitter/X */}
<a
href="https://x.com/ankarabbld?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor"
href={settings.social.twitter}
target="_blank"
rel="noopener noreferrer"
className="w-9 h-9 rounded-full bg-[#00B4D8] hover:bg-[#48CAE4] flex items-center justify-center transition-colors"
@@ -131,7 +143,7 @@ export default function Footer() {
</a>
{/* Instagram */}
<a
href="https://www.instagram.com/ankarabbld/"
href={settings.social.instagram}
target="_blank"
rel="noopener noreferrer"
className="w-9 h-9 rounded-full bg-[#00B4D8] hover:bg-[#48CAE4] flex items-center justify-center transition-colors"
@@ -142,17 +154,19 @@ export default function Footer() {
</svg>
</a>
{/* LinkedIn */}
<a
href="https://www.linkedin.com/company/ankara-b%C3%BCy%C3%BCk%C5%9Fehir-belediyesi/?originalSubdomain=tr"
target="_blank"
rel="noopener noreferrer"
className="w-9 h-9 rounded-full bg-[#00B4D8] hover:bg-[#48CAE4] flex items-center justify-center transition-colors"
aria-label="LinkedIn"
>
{settings.social.linkedin && (
<a
href={settings.social.linkedin}
target="_blank"
rel="noopener noreferrer"
className="w-9 h-9 rounded-full bg-[#00B4D8] hover:bg-[#48CAE4] flex items-center justify-center transition-colors"
aria-label="LinkedIn"
>
<svg className="w-4 h-4" fill="currentColor" viewBox="0 0 24 24">
<path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/>
</svg>
</a>
</a>
)}
</div>
</div>
</div>
@@ -161,7 +175,7 @@ export default function Footer() {
{/* Alt Bilgi */}
<div className="border-t border-white/10 mt-8 pt-8 text-center">
<p className="text-gray-400 text-sm">
© 2025 T.C. Ankara Büyükşehir Belediyesi - A2 Metro Hattı İnşaat Projesi. Tüm hakları saklıdır.
© {new Date().getFullYear()} {settings.companyInfo.fullName} - Tüm hakları saklıdır.
</p>
</div>
</div>