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

42
components/ContactSection.tsx
View File

@@ -1,10 +1,21 @@
'use client';
import { useState, useEffect } from 'react';
import { dataStore, type SiteSettings } from '@/lib/dataStore';
interface ContactSectionProps {
onClose: () => void;
}
export default function ContactSection({ onClose }: ContactSectionProps) {
const [settings, setSettings] = useState<SiteSettings | null>(null);
useEffect(() => {
setSettings(dataStore.getSiteSettings());
}, []);
if (!settings) return null;
return (
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-8 md:pt-32 pb-8">
<div className="bg-white rounded-2xl shadow-2xl p-6 lg:p-8">
@@ -42,8 +53,7 @@ export default function ContactSection({ onClose }: ContactSectionProps) {
<div className="flex-1">
<h3 className="text-lg font-bold text-[#004B87] mb-2">ADRES</h3>
<p className="text-gray-700 leading-relaxed">
Emniyet Mah. Hipodrom Caddesi No: 5<br />
Yenimahalle / Ankara
{settings.contact.address}
</p>
</div>
</div>
@@ -60,10 +70,10 @@ export default function ContactSection({ onClose }: ContactSectionProps) {
<div className="flex-1">
<h3 className="text-lg font-bold text-[#004B87] mb-2">KEP ADRESİ</h3>
<a
href="mailto:ankarabuyuksehirbelediyesi@hs01.kep.tr"
href={`mailto:${settings.contact.kep}`}
className="text-gray-700 hover:text-[#00B4D8] transition-colors break-all"
>
ankarabuyuksehirbelediyesi@hs01.kep.tr
{settings.contact.kep}
</a>
</div>
</div>
@@ -80,10 +90,30 @@ export default function ContactSection({ onClose }: ContactSectionProps) {
<div className="flex-1">
<h3 className="text-lg font-bold text-[#004B87] mb-2">TELEFON</h3>
<a
href="tel:+903125071000"
href={`tel:${settings.contact.phone.replace(/[^0-9+]/g, '')}`}
className="text-xl font-semibold text-gray-700 hover:text-[#00B4D8] transition-colors"
>
+90 (312) 507 10 00
{settings.contact.phone}
</a>
</div>
</div>
</div>
{/* E-posta Kartı */}
<div className="bg-linear-to-br from-purple-50 to-purple-100 rounded-xl p-6 hover:shadow-lg transition-all duration-300">
<div className="flex items-start space-x-4">
<div className="w-16 h-16 bg-purple-600 rounded-xl flex items-center justify-center shrink-0">
<svg className="w-8 h-8 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M16 12a4 4 0 10-8 0 4 4 0 008 0zm0 0v1.5a2.5 2.5 0 005 0V12a9 9 0 10-9 9m4.5-1.206a8.959 8.959 0 01-4.5 1.207" />
</svg>
</div>
<div className="flex-1">
<h3 className="text-lg font-bold text-[#004B87] mb-2">E-POSTA</h3>
<a
href={`mailto:${settings.contact.email}`}
className="text-gray-700 hover:text-[#00B4D8] transition-colors break-all"
>
{settings.contact.email}
</a>
</div>
</div>