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

Admin Paneli ve Responsive

Browse Source
This commit is contained in:
Şahan Hasret
2025-10-22 16:46:41 +03:00
parent c5027a997b
commit ab43ad61e9
14 changed files with 2032 additions and 215 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
app/haberler/page.tsx
View File

@@ -4,98 +4,23 @@ import { useState } from 'react';
import Image from 'next/image';
import Header from "@/components/Header";
import Footer from "@/components/Footer";
import { newsData, categories } from '@/data/news';
export default function News() {
const [selectedCategory, setSelectedCategory] = useState('all');
const [selectedNews, setSelectedNews] = useState<number | null>(null);
const categories = [
{ id: 'all', name: 'Tümü', icon: '📰' },
{ id: 'construction', name: 'İnşaat', icon: '🏗️' },
{ id: 'announcements', name: 'Duyurular', icon: '📢' },
{ id: 'events', name: 'Etkinlikler', icon: '🎉' },
];
const news = [
{
id: 1,
category: 'construction',
title: 'A2 Metro Hattı Kazı Çalışmaları Hızla İlerliyor',
summary: 'Dikimevi-Natoyolu Metro Hattı inşaat çalışmaları planlandığı gibi devam ediyor.',
image: 'https://picsum.photos/800/450?random=1',
date: '15 Ekim 2025',
author: 'Ankara Büyükşehir Belediyesi',
content: 'A2 Metro Hattı kapsamında Dikimevi-Natoyolu güzergâhında yürütülen kazı çalışmaları planlandığı şekilde devam ediyor. 6.5 kilometre uzunluğundaki hat üzerinde 5 istasyon inşa edilecek. Proje, Ankara\'nın ulaşım altyapısına önemli bir katkı sağlayacak.',
tags: ['Metro', 'İnşaat', 'A2 Hattı']
},
{
id: 2,
category: 'announcements',
title: 'Yeni İstasyon Tasarımları Açıklandı',
summary: 'Modern ve çevre dostu istasyon tasarımları kamuoyuyla paylaşıldı.',
image: 'https://picsum.photos/800/450?random=2',
date: '12 Ekim 2025',
author: 'Proje Yönetimi',
content: 'A2 Metro Hattı istasyonlarının mimari tasarımları tamamlandı. Tasarımlarda enerji verimliliği, erişilebilirlik ve modern estetik ön planda tutuldu. İstasyonlarda güneş enerjisi panelleri, LED aydınlatma ve akıllı havalandırma sistemleri kullanılacak.',
tags: ['Tasarım', 'Sürdürülebilirlik', 'İstasyon']
},
{
id: 3,
category: 'construction',
title: 'Dikimevi İstasyonu Temel Atma Töreni Gerçekleştirildi',
summary: 'Dikimevi İstasyonu\'nun temel atma töreni büyük bir coşkuyla yapıldı.',
image: 'https://picsum.photos/800/450?random=3',
date: '8 Ekim 2025',
author: 'Ankara Büyükşehir Belediyesi',
content: 'A2 Metro Hattı\'nın önemli duraklarından biri olan Dikimevi İstasyonu\'nun temel atma töreni gerçekleştirildi. Törene Ankara Büyükşehir Belediye Başkanı, milletvekilleri ve bölge sakinleri katıldı. İstasyonun 2026 yılı sonunda hizmete girmesi planlanıyor.',
tags: ['Tören', 'Dikimevi', 'Milestone']
},
{
id: 4,
category: 'events',
title: 'Metro Projesi Tanıtım Günleri Düzenlendi',
summary: 'Vatandaşlarımız proje hakkında detaylı bilgi aldı.',
image: 'https://picsum.photos/800/450?random=4',
date: '5 Ekim 2025',
author: 'Halkla İlişkiler',
content: 'A2 Metro Hattı Projesi\'ni tanıtmak amacıyla düzenlenen etkinlikte vatandaşlar, proje yetkilileriyle bir araya geldi. Etkinlikte 3D animasyonlar, maketler ve interaktif sunumlarla proje detayları anlatıldı. Vatandaşların soruları cevaplandı.',
tags: ['Tanıtım', 'Etkinlik', 'Halkla İlişkiler']
},
{
id: 5,
category: 'announcements',
title: 'Trafik Düzenlemesi Duyurusu',
summary: 'İnşaat nedeniyle bazı yollarda geçici trafik düzenlemeleri yapılacak.',
image: 'https://picsum.photos/800/450?random=5',
date: '1 Ekim 2025',
author: 'Ulaşım Koordinasyon',
content: 'A2 Metro Hattı inşaatı kapsamında Dikimevi-Tuzluçayır güzergâhında geçici trafik düzenlemeleri uygulanacak. Alternatif güzergâhlar belirlenmiş olup, yönlendirme levhaları yerleştirilmiştir. Vatandaşlarımızın anlayışına sığınıyoruz.',
tags: ['Trafik', 'Duyuru', 'Koordinasyon']
},
{
id: 6,
category: 'construction',
title: 'TBM Makinesi Tünele Girdi',
summary: 'Dev tünel açma makinesi (TBM) çalışmalara başladı.',
image: 'https://picsum.photos/800/450?random=6',
date: '28 Eylül 2025',
author: 'İnşaat Ekibi',
content: 'A2 Metro Hattı tünel kazı çalışmalarında kullanılacak TBM (Tunnel Boring Machine) makinesi tünele girdi. 120 metrelik dev makine, günde ortalama 15 metre ilerleme kaydedecek. TBM teknolojisi sayesinde kazı çalışmaları daha hızlı ve güvenli şekilde yapılıyor.',
tags: ['TBM', 'Tünel', 'Teknoloji']
}
];
const filteredNews = selectedCategory === 'all'
? news
: news.filter(item => item.category === selectedCategory);
? newsData
: newsData.filter(item => item.category === selectedCategory);
const selectedNewsItem = news.find(item => item.id === selectedNews);
const selectedNewsItem = newsData.find(item => item.id === selectedNews);
return (
<div className="min-h-screen bg-[#003366]">
<Header />
<main className="pt-32 pb-16">
<main className="pt-24 md:pt-32 pb-16">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
{/* Başlık */}
<div className="text-center mb-12">
@@ -106,12 +31,12 @@ export default function News() {
</div>
{/* Kategori Filtreleri */}
<div className="flex flex-wrap justify-center gap-3 mb-12">
<div className="flex flex-wrap justify-center gap-2 md:gap-3 mb-12">
{categories.map((category) => (
<button
key={category.id}
onClick={() => setSelectedCategory(category.id)}
className={`px-6 py-3 rounded-full font-semibold transition-all duration-300 flex items-center space-x-2 ${
className={`px-4 py-2 md:px-6 md:py-3 rounded-full font-semibold text-sm md:text-base transition-all duration-300 flex items-center space-x-2 ${
selectedCategory === category.id
? 'bg-[#00B4D8] text-white shadow-lg scale-105'
: 'bg-white text-[#004B87] hover:bg-gray-100'