From d9ff0b1ef0645e9964edc6b3430faccfd1bc8fc2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C5=9Eahan=20Hasret?= Date: Tue, 21 Oct 2025 17:59:26 +0300 Subject: [PATCH] Belgeler ve Footer --- app/belgeler/page.tsx | 246 ++++++++++++++++++++++++++++++++++++++++++ app/layout.tsx | 7 +- app/page.tsx | 215 ++++++++++++++++++++++++++++++++++-- components/Footer.tsx | 127 ++++++++++++++++++++++ components/Header.tsx | 50 ++++----- 5 files changed, 607 insertions(+), 38 deletions(-) create mode 100644 app/belgeler/page.tsx create mode 100644 components/Footer.tsx diff --git a/app/belgeler/page.tsx b/app/belgeler/page.tsx new file mode 100644 index 0000000..4affd95 --- /dev/null +++ b/app/belgeler/page.tsx @@ -0,0 +1,246 @@ +'use client'; + +import { useState } from 'react'; +import Header from "@/components/Header"; +import Footer from "@/components/Footer"; +import Link from "next/link"; + +export default function BelgelerPage() { + const [selectedCategory, setSelectedCategory] = useState('all'); + + const categories = [ + { id: 'all', name: 'Tümü', icon: '📋' }, + { id: 'ihale', name: 'İhale Belgeleri', icon: '📄' }, + { id: 'teknik', name: 'Teknik Dökümanlar', icon: '📐' }, + { id: 'cevresel', name: 'Çevresel Etki', icon: '🌱' }, + { id: 'raporlar', name: 'İlerleme Raporları', icon: '📊' }, + ]; + + const documents = [ + { + id: 1, + title: "A2 Metro Hattı İhale Şartnamesi", + category: 'ihale', + date: "15 Ocak 2025", + size: "2.4 MB", + type: "PDF", + description: "Metro inşaatı için teknik şartname ve ihale koşulları" + }, + { + id: 2, + title: "Proje Teknik Çizimleri", + category: 'teknik', + date: "10 Şubat 2025", + size: "15.8 MB", + type: "DWG", + description: "Tüm istasyonların teknik mimari çizimleri" + }, + { + id: 3, + title: "Çevresel Etki Değerlendirme Raporu", + category: 'cevresel', + date: "5 Mart 2025", + size: "4.2 MB", + type: "PDF", + description: "Proje çevresel etki analizi ve önlemler" + }, + { + id: 4, + title: "2025 Mart Ayı İlerleme Raporu", + category: 'raporlar', + date: "1 Nisan 2025", + size: "1.8 MB", + type: "PDF", + description: "Aylık proje ilerleme ve istatistikler" + }, + { + id: 5, + title: "Güvenlik Planı ve Prosedürleri", + category: 'teknik', + date: "20 Ocak 2025", + size: "3.1 MB", + type: "PDF", + description: "İnşaat sahası güvenlik protokolleri" + }, + { + id: 6, + title: "İstasyon Tasarım Detayları", + category: 'teknik', + date: "8 Şubat 2025", + size: "8.5 MB", + type: "PDF", + description: "İstasyon iç ve dış mekan tasarım detayları" + }, + { + id: 7, + title: "Finansman Planı", + category: 'ihale', + date: "12 Ocak 2025", + size: "1.2 MB", + type: "XLSX", + description: "Proje bütçe ve finansman dağılımı" + }, + { + id: 8, + title: "2025 Nisan Ayı İlerleme Raporu", + category: 'raporlar', + date: "1 Mayıs 2025", + size: "2.1 MB", + type: "PDF", + description: "Aylık proje ilerleme ve istatistikler" + }, + { + id: 9, + title: "Gürültü ve Titreşim Analizi", + category: 'cevresel', + date: "18 Mart 2025", + size: "3.8 MB", + type: "PDF", + description: "Çevre gürültü ve titreşim ölçüm sonuçları" + }, + ]; + + const filteredDocs = selectedCategory === 'all' + ? documents + : documents.filter(doc => doc.category === selectedCategory); + + const getFileIcon = (type: string) => { + switch (type) { + case 'PDF': return '📕'; + case 'DWG': return '📐'; + case 'XLSX': return '📊'; + default: return '📄'; + } + }; + + return ( +
+
+ + {/* Hero Section */} +
+
+
+ Ana Sayfa + / + Belgeler +
+

Proje Belgeleri

+

+ A2 Metro Hattı inşaat projesine ait tüm resmi belgeler, teknik dökümanlar ve raporlar. +

+
+
+ + {/* Main Content */} +
+ {/* Kategori Filtreleri */} +
+

Kategoriler

+
+ {categories.map((cat) => ( + + ))} +
+
+ + {/* Belgeler Listesi */} +
+ {filteredDocs.map((doc) => ( +
+
+ {/* Dosya İkonu */} +
+ {getFileIcon(doc.type)} +
+ + {/* Belge Bilgileri */} +
+

+ {doc.title} +

+

+ {doc.description} +

+
+
+ + + + {doc.date} +
+
+ + + + {doc.type} +
+
+ + + + + + {doc.size} +
+
+
+ + {/* İndirme Butonu */} + +
+
+ ))} +
+ + {/* Boş Sonuç */} + {filteredDocs.length === 0 && ( +
+
📭
+

Belge Bulunamadı

+

Bu kategoride henüz belge bulunmamaktadır.

+
+ )} + + {/* Bilgilendirme */} +
+
+ + + +
+

Önemli Not

+

+ Tüm belgeler resmi kaynaklardan alınmıştır. Belgelerin kullanımı ile ilgili sorularınız için + + Ankara Büyükşehir Belediyesi + ile iletişime geçebilirsiniz. +

+
+
+
+
+ +
+
+ ); +} diff --git a/app/layout.tsx b/app/layout.tsx index f7fa87e..37d8e40 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -13,8 +13,8 @@ const geistMono = Geist_Mono({ }); export const metadata: Metadata = { - title: "Create Next App", - description: "Generated by create next app", + title: "Ankara Metro - A2 Hattı İnşaat Projesi", + description: "Ankara Büyükşehir Belediyesi A2 Metro Hattı inşaat projesi - Dikimevi Metro Hattı", }; export default function RootLayout({ @@ -23,9 +23,10 @@ export default function RootLayout({ children: React.ReactNode; }>) { return ( - + {children} diff --git a/app/page.tsx b/app/page.tsx index d1e0ed4..4067b9c 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,20 +1,129 @@ 'use client'; import { useState } from 'react'; +import Link from 'next/link'; import Header from "@/components/Header"; import MetroLine from "@/components/MetroLine"; +import Footer from "@/components/Footer"; export default function Home() { const [showLiveStream, setShowLiveStream] = useState(false); const [showNews, setShowNews] = useState(false); const [selectedNews, setSelectedNews] = useState(null); + const [showDocuments, setShowDocuments] = useState(false); + const [selectedCategory, setSelectedCategory] = useState('all'); + + const categories = [ + { id: 'all', name: 'Tümü', icon: '📋' }, + { id: 'ihale', name: 'İhale Belgeleri', icon: '📄' }, + { id: 'teknik', name: 'Teknik Dökümanlar', icon: '📐' }, + { id: 'cevresel', name: 'Çevresel Etki', icon: '🌱' }, + { id: 'raporlar', name: 'İlerleme Raporları', icon: '📊' }, + ]; + + const documents = [ + { + id: 1, + title: "A2 Metro Hattı İhale Şartnamesi", + category: 'ihale', + date: "15 Ocak 2025", + size: "2.4 MB", + type: "PDF", + description: "Metro inşaatı için teknik şartname ve ihale koşulları" + }, + { + id: 2, + title: "Proje Teknik Çizimleri", + category: 'teknik', + date: "10 Şubat 2025", + size: "15.8 MB", + type: "DWG", + description: "Tüm istasyonların teknik mimari çizimleri" + }, + { + id: 3, + title: "Çevresel Etki Değerlendirme Raporu", + category: 'cevresel', + date: "5 Mart 2025", + size: "4.2 MB", + type: "PDF", + description: "Proje çevresel etki analizi ve önlemler" + }, + { + id: 4, + title: "2025 Mart Ayı İlerleme Raporu", + category: 'raporlar', + date: "1 Nisan 2025", + size: "1.8 MB", + type: "PDF", + description: "Aylık proje ilerleme ve istatistikler" + }, + { + id: 5, + title: "Güvenlik Planı ve Prosedürleri", + category: 'teknik', + date: "20 Ocak 2025", + size: "3.1 MB", + type: "PDF", + description: "İnşaat sahası güvenlik protokolleri" + }, + { + id: 6, + title: "İstasyon Tasarım Detayları", + category: 'teknik', + date: "8 Şubat 2025", + size: "8.5 MB", + type: "PDF", + description: "İstasyon iç ve dış mekan tasarım detayları" + }, + { + id: 7, + title: "Finansman Planı", + category: 'ihale', + date: "12 Ocak 2025", + size: "1.2 MB", + type: "XLSX", + description: "Proje bütçe ve finansman dağılımı" + }, + { + id: 8, + title: "2025 Nisan Ayı İlerleme Raporu", + category: 'raporlar', + date: "1 Mayıs 2025", + size: "2.1 MB", + type: "PDF", + description: "Aylık proje ilerleme ve istatistikler" + }, + { + id: 9, + title: "Gürültü ve Titreşim Analizi", + category: 'cevresel', + date: "18 Mart 2025", + size: "3.8 MB", + type: "PDF", + description: "Çevre gürültü ve titreşim ölçüm sonuçları" + }, + ]; + + const filteredDocs = selectedCategory === 'all' + ? documents + : documents.filter(doc => doc.category === selectedCategory); + + const getFileIcon = (type: string) => { + switch (type) { + case 'PDF': return '📕'; + case 'DWG': return '📐'; + case 'XLSX': return '📊'; + default: return '📄'; + } + }; const newsData = [ { id: 1, title: "Dikimevi Metro Hattı İnşaatında Yeni Aşama", date: "20 Ekim 2025", - image: "https://images.unsplash.com/photo-1544620347-c4fd4a3d5957?w=800&h=600&fit=crop", + image: "https://images.pexels.com/photos/17152223/pexels-photo-17152223.jpeg", summary: "A2 Metro Hattı Tuzluçayır istasyonunda kazı çalışmaları tamamlandı. İnşaat ekipleri bir sonraki faza geçiş için hazırlıklara başladı.", content: "A2 Metro Hattı Tuzluçayır istasyonunda yapılan kazı çalışmaları başarıyla tamamlandı. İnşaat ekipleri, istasyonun temel atma ve beton dökme aşaması için hazırlıklara başladı. Proje yetkililerinin açıklamasına göre, çalışmalar planlanan takvime uygun olarak ilerliyor. İstasyonun 2026 yılı sonunda hizmete girmesi hedefleniyor. Modern teknolojilerle donatılacak istasyonda yolcu konforunu artıracak birçok yenilik bulunacak." }, @@ -22,7 +131,7 @@ export default function Home() { id: 2, title: "Metro İstasyonlarında Modern Tasarım", date: "18 Ekim 2025", - image: "https://images.unsplash.com/photo-1581579438747-1dc8d17bbce4?w=800&h=600&fit=crop", + image: "https://images.pexels.com/photos/17302615/pexels-photo-17302615.jpeg", summary: "Yeni metro istasyonları çağdaş mimari anlayışı ve yolcu konforunu ön planda tutan tasarımlarla hayata geçiriliyor.", content: "Ankara metro projesi kapsamında inşa edilen istasyonlar, çağdaş mimari anlayışı ile dikkat çekiyor. İstasyonlarda doğal ışık kullanımı maksimize edilirken, enerji verimliliği de göz önünde bulunduruluyor. Geniş peronlar, modern bekleme alanları ve engelli erişimine uygun tasarım, yolcu memnuniyetini artıracak önemli detaylar arasında yer alıyor." }, @@ -30,7 +139,7 @@ export default function Home() { id: 3, title: "Çevre Dostu Metro Projesi", date: "15 Ekim 2025", - image: "https://images.unsplash.com/photo-1531825168889-e600e4998162?w=800&h=600&fit=crop", + image: "https://images.pexels.com/photos/33950678/pexels-photo-33950678.jpeg", summary: "Metro inşaatında kullanılan malzemeler ve yöntemler çevre standartlarına uygun olarak seçiliyor.", content: "Ankara metro inşaatında çevre dostu malzemeler ve sürdürülebilir inşaat yöntemleri kullanılıyor. Kazı çalışmalarından çıkan topraklar geri dönüştürülüyor, inşaat atıkları ayrıştırılarak değerlendiriliyor. Proje, yeşil bina sertifikası almayı hedefliyor. Ayrıca, metro hatları elektrikli sistemle çalışacağı için karbon emisyonunu azaltacak." }, @@ -38,7 +147,7 @@ export default function Home() { id: 4, title: "Metro Hattı 2026'da Hizmete Girecek", date: "12 Ekim 2025", - image: "https://images.unsplash.com/photo-1568502802862-8dfb70d44c30?w=800&h=600&fit=crop", + image: "https://images.pexels.com/photos/253647/pexels-photo-253647.jpeg", summary: "A2 Metro Hattı'nın ilk etabının 2026 yılı sonunda hizmete girmesi planlanıyor.", content: "Ankara Büyükşehir Belediyesi yetkilileri, A2 Metro Hattı'nın ilk etabının 2026 yılı sonunda hizmete açılacağını duyurdu. 8 istasyondan oluşan hat, günlük 100 bin yolcuya hizmet verecek. Modern trenler, konforlu istasyonlar ve güvenli sistem ile Ankara'nın ulaşım altyapısına önemli bir katkı sağlayacak. İlk etabın ardından hatın genişletilmesi planlanıyor." } @@ -132,14 +241,17 @@ export default function Home() { {/* Belgeler */} - + {/* Basında Biz */} @@ -351,8 +463,94 @@ export default function Home() { )} + {/* Belgeler Bölümü */} + {showDocuments && ( +
+
+
+
+
+ + + +
+

Proje Belgeleri

+
+ +
+ + {/* Kategori Filtreleri */} +
+
+ {categories.map((cat) => ( + + ))} +
+
+ + {/* Belgeler Listesi */} +
+ {filteredDocs.map((doc) => ( +
+
+ {/* Dosya İkonu */} +
+ {getFileIcon(doc.type)} +
+ + {/* Belge Bilgileri */} +
+

+ {doc.title} +

+

+ {doc.description} +

+
+ 📅 {doc.date} + 📄 {doc.type} + 💾 {doc.size} +
+
+ + {/* İndirme Butonu */} + +
+
+ ))} +
+
+
+ )} + {/* Ana İçerik - Kartlar için üstten boşluk */} -
+

Metro Hat Durumları @@ -365,6 +563,9 @@ export default function Home() { {/* Metro İnşaat Projesi - Animasyonlu */}

+ + {/* Footer */} +