From 0e0d04b73d0a7bd930c8a0054729e741b960bfb8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C5=9Eahan=20Hasret?= Date: Tue, 21 Oct 2025 22:30:24 +0300 Subject: [PATCH] =?UTF-8?q?Copilot=20Al=C4=B1nacak?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/iletisim/page.tsx | 257 ++++++++++++++++++++++++++++++++++++++++++ app/page.tsx | 4 +- app/sss/page.tsx | 145 ++++++++++++++++++++++++ components/Footer.tsx | 79 +++++++------ components/Header.tsx | 4 +- 5 files changed, 452 insertions(+), 37 deletions(-) create mode 100644 app/iletisim/page.tsx create mode 100644 app/sss/page.tsx diff --git a/app/iletisim/page.tsx b/app/iletisim/page.tsx new file mode 100644 index 0000000..514d855 --- /dev/null +++ b/app/iletisim/page.tsx @@ -0,0 +1,257 @@ +'use client'; + +import Header from "@/components/Header"; +import Footer from "@/components/Footer"; + +export default function Contact() { + return ( +
+
+ +
+
+ {/* Başlık */} +
+

+ İletişim +

+

+ A2 Metro Hattı projesi hakkında bilgi almak için bizimle iletişime geçebilirsiniz +

+
+ +
+ {/* Sol Taraf - İletişim Kartları */} +
+ {/* Adres Kartı */} +
+
+
+ + + + +
+
+

ADRES

+

+ Emniyet Mah. Hipodrom Caddesi No: 5
+ Yenimahalle / Ankara +

+
+
+
+ + {/* KEP Adresi Kartı */} +
+
+
+ + + +
+ +
+
+ + {/* Telefon Kartı */} +
+
+
+ + + +
+ +
+
+ + {/* Çalışma Saatleri */} +
+
+
+ + + +
+
+

ÇALIŞMA SAATLERİ

+

+ Hafta İçi: 08:30 - 17:30
+ Hafta Sonu: Kapalı +

+
+
+
+
+ + {/* Sağ Taraf - Harita */} +
+

Konum

+
+ +
+ + {/* Haritada Göster Butonu */} + + + + + Google Maps'te Aç + +
+
+ + {/* İletişim Formu Bölümü */} +
+
+
+

+ Bize Ulaşın +

+

+ A2 Metro Hattı projesi hakkında sorularınız için aşağıdaki formu doldurabilir veya doğrudan bizimle iletişime geçebilirsiniz. +

+
+ +
{ + e.preventDefault(); + alert('Mesajınız gönderildi! (Demo)'); + }}> + {/* İki Sütunlu Alan */} +
+ {/* Ad Soyad */} +
+ + +
+ + {/* E-posta */} +
+ + +
+ + {/* Telefon */} +
+ + +
+ + {/* Konu */} +
+ + +
+
+ + {/* Mesaj */} +
+ + +
+ + {/* KVKK Onayı */} +
+ + +
+ + {/* Gönder Butonu */} +
+ +
+
+
+
+
+
+ +
+
+ ); +} \ No newline at end of file diff --git a/app/page.tsx b/app/page.tsx index f7ab4fa..985311b 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -301,7 +301,7 @@ export default function Home() { {/* Alt Menü Kartları - Slide üzerine bindiriyor (yarısı üstte) */} -
+
{/* Canlı Yayın */} @@ -1224,7 +1224,7 @@ export default function Home() {

Metro Hat Durumları

-

+

Ankara Metro hatları ve durak bilgileri. Metro treni şu anda hangi durakta görebilirsiniz.

diff --git a/app/sss/page.tsx b/app/sss/page.tsx new file mode 100644 index 0000000..be9053e --- /dev/null +++ b/app/sss/page.tsx @@ -0,0 +1,145 @@ +'use client'; + +import { useState } from 'react'; +import Header from "@/components/Header"; +import Footer from "@/components/Footer"; + +export default function FAQ() { + const [openFAQ, setOpenFAQ] = useState(null); + + const faqs = [ + { + id: 1, + question: 'A2 Metro Hattı projesi ne zaman tamamlanacak?', + answer: 'A2 Metro Hattı projesinin 2026 yılı sonunda tamamlanması planlanmaktadır. Proje, Dikimevi-Natoyolu güzergâhında 6.5 kilometre uzunluğunda ve 5 istasyonlu bir metro hattı inşasını kapsamaktadır.' + }, + { + id: 2, + question: 'Metro hattı hangi istasyonları kapsayacak?', + answer: 'A2 Metro Hattı aşağıdaki istasyonları içerecektir: Dikimevi İstasyonu, Tuzluçayır İstasyonu, Natoyolu İstasyonu ve diğer ara istasyonlar. Toplam 5 istasyon bulunacaktır.' + }, + { + id: 3, + question: 'İnşaat çalışmaları sırasında trafik nasıl etkilenecek?', + answer: 'İnşaat çalışmaları sırasında geçici trafik düzenlemeleri uygulanacaktır. Alternatif güzergâhlar belirlenecek ve yönlendirme levhaları yerleştirilecektir. Vatandaşlarımızın anlayışına sığınıyoruz.' + }, + { + id: 4, + question: 'Proje maliyeti ne kadar?', + answer: 'A2 Metro Hattı projesinin toplam maliyeti yaklaşık 2.5 milyar TL olarak belirlenmiştir. Bu maliyet, tünel kazısı, istasyon inşaatı, ray döşeme ve elektrik-elektronik sistemleri kapsamaktadır.' + }, + { + id: 5, + question: 'Çevreye etkisi ne olacak?', + answer: 'Proje, çevre dostu teknolojiler kullanılarak gerçekleştirilmektedir. Çevresel Etki Değerlendirme (ÇED) raporu hazırlanmış ve gerekli izinler alınmıştır. İnşaat sırasında toz kontrolü ve gürültü önleme tedbirleri uygulanacaktır.' + }, + { + id: 6, + question: 'İstasyonlar hangi özelliklere sahip olacak?', + answer: 'İstasyonlar modern mimari tasarımla, enerji verimliliği, erişilebilirlik ve güvenlik ön planda tutularak inşa edilecektir. Güneş enerjisi panelleri, LED aydınlatma ve akıllı havalandırma sistemleri kullanılacaktır.' + }, + { + id: 7, + question: 'İnşaatta hangi teknolojiler kullanılacak?', + answer: 'Proje kapsamında TBM (Tunnel Boring Machine) tünel açma makinesi kullanılacaktır. Bu teknoloji sayesinde kazı çalışmaları daha hızlı ve güvenli şekilde gerçekleştirilecektir.' + }, + { + id: 8, + question: 'Proje ilerleme durumu nasıl takip edilebilir?', + answer: 'Bu web sitesi üzerinden canlı yayın, haberler ve medya galerisi bölümlerinden proje ilerleme durumunu takip edebilirsiniz. Ayrıca aylık ilerleme raporları yayınlanmaktadır.' + }, + { + id: 9, + question: 'İş güvenliği nasıl sağlanacak?', + answer: 'İnşaat alanında uluslararası standartlarda iş güvenliği tedbirleri uygulanmaktadır. Düzenli güvenlik eğitimleri verilir ve acil durum prosedürleri hazırlanmıştır.' + }, + { + id: 10, + question: 'Vatandaşlar proje hakkında nasıl bilgi alabilir?', + answer: 'Bu web sitesi, sosyal medya hesapları ve tanıtım etkinlikleri aracılığıyla proje hakkında detaylı bilgi alınabilir. Ayrıca iletişim bölümünden sorularınızı iletebilirsiniz.' + } + ]; + + const toggleFAQ = (id: number) => { + setOpenFAQ(openFAQ === id ? null : id); + }; + + return ( +
+
+ +
+
+ {/* Başlık */} +
+

+ Sıkça Sorulan Sorular +

+

+ A2 Metro Hattı projesi hakkında merak ettiğiniz soruların cevapları +

+
+ + {/* SSS Listesi */} +
+ {faqs.map((faq) => ( +
+ + + {openFAQ === faq.id && ( +
+
+

+ {faq.answer} +

+
+
+ )} +
+ ))} +
+ + {/* İletişim CTA */} +
+
+

+ Başka Sorunuz Mu Var? +

+

+ Yukarıdaki sorular dışında merak ettiğiniz konular için bizimle iletişime geçebilirsiniz. +

+ + İletişime Geç + +
+
+
+
+ +
+
+ ); +} \ No newline at end of file diff --git a/components/Footer.tsx b/components/Footer.tsx index d6ea422..f131832 100644 --- a/components/Footer.tsx +++ b/components/Footer.tsx @@ -22,40 +22,51 @@ export default function Footer() { {/* Hızlı Linkler */}

Hızlı Erişim

- +
+ + + + + Ana Sayfa + + + + + + Canlı Yayın + + + + + + Haberler + + + + + + Medya Galerisi + + + + + + SSS + + + + + + Belgeler + + + + + + + İletişim + +
{/* İletişim Bilgileri */} diff --git a/components/Header.tsx b/components/Header.tsx index 0f2c729..f8a0d78 100644 --- a/components/Header.tsx +++ b/components/Header.tsx @@ -8,8 +8,10 @@ export default function Header() { { href: '/', icon: '🏠', title: 'Ana Sayfa', desc: 'Projeye genel bakış' }, { href: '/canli-yayin', icon: '📹', title: 'Canlı Yayın', desc: 'İnşaatı canlı izleyin' }, { href: '/haberler', icon: '📰', title: 'Haberler', desc: 'Güncel haberler' }, + { href: '/medya', icon: '📸', title: 'Medya Galerisi', desc: 'Videolar ve fotoğraflar' }, + { href: '/sss', icon: '❓', title: 'Sıkça Sorulan Sorular', desc: 'SSS ve cevaplar' }, { href: '/belgeler', icon: '📄', title: 'Belgeler', desc: 'Teknik dokümanlar' }, - { href: '/#iletisim', icon: '📧', title: 'İletişim', desc: 'Bize ulaşın' }, + { href: '/iletisim', icon: '📧', title: 'İletişim', desc: 'Bize ulaşın' }, { href: 'https://www.ankara.bel.tr/', icon: '🏛️', title: 'Ankara Belediyesi', desc: 'Resmi web sitesi', external: true }, ];