diff --git a/.gitignore b/.gitignore
index 5ef6a52..62fcee8 100644
--- a/.gitignore
+++ b/.gitignore
@@ -39,3 +39,5 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+/lib/generated/prisma
diff --git a/ADMIN_CREDENTIALS.md b/ADMIN_CREDENTIALS.md
new file mode 100644
index 0000000..2af9bdd
--- /dev/null
+++ b/ADMIN_CREDENTIALS.md
@@ -0,0 +1,36 @@
+# Admin Panel Giriş Bilgileri
+
+## Yönetim Paneli URL
+`http://localhost:3000/yonetim-paneli-a2m-secure`
+
+## Giriş Bilgileri
+
+**Kullanıcı Adı:** `admin`
+
+**Şifre:** `AnkaraBel!2025.A2`
+
+---
+
+## Önemli Notlar
+
+- Bu şifre güçlü bir kombinasyondur (büyük/küçük harf, rakam, özel karakterler)
+- Production ortamına geçerken mutlaka .env dosyasındaki `ADMIN_DEFAULT_PASSWORD` değişkenini değiştirin
+- Şifre bcrypt ile hashlenmiş olarak veritabanında saklanır
+
+## Veritabanı Bilgileri
+
+- **Database:** SQLite (`prisma/dev.db`)
+- **ORM:** Prisma 7.0.0
+- **Auth:** JWT + bcrypt + httpOnly cookies
+
+## Seed Komutu
+
+Veritabanını sıfırlamak için:
+```bash
+npm run db:reset
+```
+
+Veritabanı içeriğini kontrol için:
+```bash
+sqlite3 prisma/dev.db "SELECT * FROM User;"
+```
diff --git a/app/api/auth/login/route.ts b/app/api/auth/login/route.ts
new file mode 100644
index 0000000..ec69753
--- /dev/null
+++ b/app/api/auth/login/route.ts
@@ -0,0 +1,73 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { compare } from 'bcryptjs';
+import { prisma } from '@/lib/prisma';
+import { encrypt } from '@/lib/auth';
+
+export async function POST(request: NextRequest) {
+  try {
+    const { username, password } = await request.json();
+
+    if (!username || !password) {
+      return NextResponse.json(
+        { error: 'Kullanıcı adı ve şifre gerekli' },
+        { status: 400 }
+      );
+    }
+
+    // Kullanıcıyı bul
+    const user = await prisma.user.findUnique({
+      where: { username },
+    });
+
+    if (!user) {
+      return NextResponse.json(
+        { error: 'Kullanıcı adı veya şifre hatalı' },
+        { status: 401 }
+      );
+    }
+
+    // Şifreyi kontrol et
+    const isPasswordValid = await compare(password, user.password);
+
+    if (!isPasswordValid) {
+      return NextResponse.json(
+        { error: 'Kullanıcı adı veya şifre hatalı' },
+        { status: 401 }
+      );
+    }
+
+    // JWT token oluştur
+    const token = await encrypt({
+      userId: user.id.toString(),
+      username: user.username,
+    });
+
+    // Response oluştur
+    const response = NextResponse.json(
+      {
+        user: {
+          id: user.id,
+          username: user.username,
+        },
+      },
+      { status: 200 }
+    );
+
+    // Cookie'ye token ekle
+    response.cookies.set('session', token, {
+      httpOnly: true,
+      secure: process.env.NODE_ENV === 'production',
+      sameSite: 'lax',
+      maxAge: 60 * 60 * 24, // 24 saat
+      path: '/',
+    });
+
+    return response;
+  } catch (error) {
+    console.error('Login error:', error);
+    return NextResponse.json(
+      { error: 'Giriş yapılırken bir hata oluştu' },
+      { status: 500 }
+    );
+  }
+}
diff --git a/app/api/auth/logout/route.ts b/app/api/auth/logout/route.ts
new file mode 100644
index 0000000..4c5f277
--- /dev/null
+++ b/app/api/auth/logout/route.ts
@@ -0,0 +1,13 @@
+import { NextResponse } from 'next/server';
+
+export async function POST() {
+  const response = NextResponse.json(
+    { message: 'Çıkış başarılı' },
+    { status: 200 }
+  );
+
+  // Cookie'yi sil
+  response.cookies.delete('session');
+
+  return response;
+}
diff --git a/app/api/auth/session/route.ts b/app/api/auth/session/route.ts
new file mode 100644
index 0000000..116e204
--- /dev/null
+++ b/app/api/auth/session/route.ts
@@ -0,0 +1,18 @@
+import { NextResponse } from 'next/server';
+import { getSession } from '@/lib/auth';
+
+export async function GET() {
+  const session = await getSession();
+
+  if (!session) {
+    return NextResponse.json({ authenticated: false }, { status: 401 });
+  }
+
+  return NextResponse.json({
+    authenticated: true,
+    user: {
+      id: session.userId,
+      username: session.username,
+    },
+  });
+}
diff --git a/app/api/cameras/route.ts b/app/api/cameras/route.ts
new file mode 100644
index 0000000..edde3e0
--- /dev/null
+++ b/app/api/cameras/route.ts
@@ -0,0 +1,103 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { prisma } from '@/lib/prisma';
+import { withAuth } from '@/lib/auth';
+
+// GET - Tüm kameraları getir
+export async function GET() {
+  try {
+    const cameras = await prisma.camera.findMany({
+      orderBy: { order: 'asc' },
+    });
+
+    return NextResponse.json(cameras);
+  } catch (error) {
+    console.error('Cameras fetch error:', error);
+    return NextResponse.json(
+      { error: 'Kameralar alınırken hata oluştu' },
+      { status: 500 }
+    );
+  }
+}
+
+// POST - Yeni kamera ekle (Auth gerekli)
+export async function POST(request: NextRequest) {
+  return withAuth(request, async () => {
+    try {
+      const data = await request.json();
+
+      const camera = await prisma.camera.create({
+        data: {
+          name: data.name,
+          location: data.location,
+          videoUrl: data.videoUrl,
+          status: data.status,
+          viewers: data.viewers || 0,
+          order: data.order,
+        },
+      });
+
+      return NextResponse.json(camera, { status: 201 });
+    } catch (error) {
+      console.error('Camera create error:', error);
+      return NextResponse.json(
+        { error: 'Kamera oluşturulurken hata oluştu' },
+        { status: 500 }
+      );
+    }
+  });
+}
+
+// PUT - Kamera güncelle (Auth gerekli)
+export async function PUT(request: NextRequest) {
+  return withAuth(request, async () => {
+    try {
+      const data = await request.json();
+
+      const camera = await prisma.camera.update({
+        where: { id: data.id },
+        data: {
+          name: data.name,
+          location: data.location,
+          videoUrl: data.videoUrl,
+          status: data.status,
+          viewers: data.viewers,
+          order: data.order,
+        },
+      });
+
+      return NextResponse.json(camera);
+    } catch (error) {
+      console.error('Camera update error:', error);
+      return NextResponse.json(
+        { error: 'Kamera güncellenirken hata oluştu' },
+        { status: 500 }
+      );
+    }
+  });
+}
+
+// DELETE - Kamera sil (Auth gerekli)
+export async function DELETE(request: NextRequest) {
+  return withAuth(request, async () => {
+    try {
+      const { searchParams } = new URL(request.url);
+      const id = searchParams.get('id');
+
+      if (!id) {
+        return NextResponse.json({ error: 'ID gerekli' }, { status: 400 });
+      }
+
+      await prisma.camera.delete({
+        where: { id: parseInt(id) },
+      });
+
+      return NextResponse.json({ message: 'Kamera silindi' });
+    } catch (error) {
+      console.error('Camera delete error:', error);
+      return NextResponse.json(
+        { error: 'Kamera silinirken hata oluştu' },
+        { status: 500 }
+      );
+    }
+  });
+}
diff --git a/app/api/documents/route.ts b/app/api/documents/route.ts
new file mode 100644
index 0000000..295a780
--- /dev/null
+++ b/app/api/documents/route.ts
@@ -0,0 +1,116 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { prisma } from '@/lib/prisma';
+import { withAuth } from '@/lib/auth';
+
+// GET - Tüm dokümanları getir
+export async function GET() {
+  try {
+    const documents = await prisma.document.findMany({
+      orderBy: { createdAt: 'desc' },
+    });
+
+    return NextResponse.json(documents);
+  } catch (error) {
+    console.error('Documents fetch error:', error);
+    return NextResponse.json(
+      { error: 'Dökümanlar alınırken hata oluştu' },
+      { status: 500 }
+    );
+  }
+}
+
+// POST - Yeni döküman ekle (Auth gerekli)
+export async function POST(request: NextRequest) {
+  return withAuth(request, async () => {
+    try {
+      const data = await request.json();
+
+      const document = await prisma.document.create({
+        data: {
+          title: data.title,
+          type: data.type,
+          category: data.category,
+          downloadUrl: data.fileUrl || data.downloadUrl,
+          size: data.fileSize || data.size || '0 MB',
+          description: data.description,
+          date: new Date().toISOString().split('T')[0],
+        },
+      });
+
+      return NextResponse.json(document, { status: 201 });
+    } catch (error) {
+      console.error('Document create error:', error);
+      return NextResponse.json(
+        { error: 'Döküman oluşturulurken hata oluştu' },
+        { status: 500 }
+      );
+    }
+  });
+}
+
+// PUT - Döküman güncelle (Auth gerekli)
+export async function PUT(request: NextRequest) {
+  return withAuth(request, async () => {
+    try {
+      const data = await request.json();
+
+      const document = await prisma.document.update({
+        where: { id: data.id },
+        data: {
+          title: data.title,
+          type: data.type,
+          category: data.category,
+          downloadUrl: data.fileUrl || data.downloadUrl,
+          size: data.fileSize || data.size,
+          description: data.description,
+        },
+      });
+
+      return NextResponse.json(document);
+    } catch (error) {
+      console.error('Document update error:', error);
+      return NextResponse.json(
+        { error: 'Döküman güncellenirken hata oluştu' },
+        { status: 500 }
+      );
+    }
+  });
+}
+
+// DELETE - Döküman sil (Auth gerekli)
+export async function DELETE(request: NextRequest) {
+  return withAuth(request, async () => {
+    try {
+      const { searchParams } = new URL(request.url);
+      const id = searchParams.get('id');
+
+      console.log('DELETE document - ID:', id);
+
+      if (!id) {
+        return NextResponse.json({ error: 'ID gerekli' }, { status: 400 });
+      }
+
+      await prisma.document.delete({
+        where: { id: parseInt(id) },
+      });
+
+      return NextResponse.json({ message: 'Döküman silindi' });
+    } catch (error: unknown) {
+      console.error('Document delete error:', error);
+      
+      // Prisma P2025: Record not found
+      if (error && typeof error === 'object' && 'code' in error && error.code === 'P2025') {
+        return NextResponse.json(
+          { error: 'Döküman bulunamadı (zaten silinmiş olabilir)' },
+          { status: 404 }
+        );
+      }
+      
+      return NextResponse.json(
+        { error: 'Döküman silinirken hata oluştu' },
+        { status: 500 }
+      );
+    }
+  });
+}
+
diff --git a/app/api/faqs/route.ts b/app/api/faqs/route.ts
new file mode 100644
index 0000000..cf348da
--- /dev/null
+++ b/app/api/faqs/route.ts
@@ -0,0 +1,97 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { prisma } from '@/lib/prisma';
+import { withAuth } from '@/lib/auth';
+
+// GET - Tüm SSS'leri getir
+export async function GET() {
+  try {
+    const faqs = await prisma.fAQ.findMany({
+      orderBy: { order: 'asc' },
+    });
+
+    return NextResponse.json(faqs);
+  } catch (error) {
+    console.error('FAQs fetch error:', error);
+    return NextResponse.json(
+      { error: 'SSS alınırken hata oluştu' },
+      { status: 500 }
+    );
+  }
+}
+
+// POST - Yeni SSS ekle (Auth gerekli)
+export async function POST(request: NextRequest) {
+  return withAuth(request, async () => {
+    try {
+      const data = await request.json();
+
+      const faq = await prisma.fAQ.create({
+        data: {
+          question: data.question,
+          answer: data.answer,
+          order: data.order,
+        },
+      });
+
+      return NextResponse.json(faq, { status: 201 });
+    } catch (error) {
+      console.error('FAQ create error:', error);
+      return NextResponse.json(
+        { error: 'SSS oluşturulurken hata oluştu' },
+        { status: 500 }
+      );
+    }
+  });
+}
+
+// PUT - SSS güncelle (Auth gerekli)
+export async function PUT(request: NextRequest) {
+  return withAuth(request, async () => {
+    try {
+      const data = await request.json();
+
+      const faq = await prisma.fAQ.update({
+        where: { id: data.id },
+        data: {
+          question: data.question,
+          answer: data.answer,
+          order: data.order,
+        },
+      });
+
+      return NextResponse.json(faq);
+    } catch (error) {
+      console.error('FAQ update error:', error);
+      return NextResponse.json(
+        { error: 'SSS güncellenirken hata oluştu' },
+        { status: 500 }
+      );
+    }
+  });
+}
+
+// DELETE - SSS sil (Auth gerekli)
+export async function DELETE(request: NextRequest) {
+  return withAuth(request, async () => {
+    try {
+      const { searchParams } = new URL(request.url);
+      const id = searchParams.get('id');
+
+      if (!id) {
+        return NextResponse.json({ error: 'ID gerekli' }, { status: 400 });
+      }
+
+      await prisma.fAQ.delete({
+        where: { id: parseInt(id) },
+      });
+
+      return NextResponse.json({ message: 'SSS silindi' });
+    } catch (error) {
+      console.error('FAQ delete error:', error);
+      return NextResponse.json(
+        { error: 'SSS silinirken hata oluştu' },
+        { status: 500 }
+      );
+    }
+  });
+}
diff --git a/app/api/live-stream/route.ts b/app/api/live-stream/route.ts
new file mode 100644
index 0000000..16f306a
--- /dev/null
+++ b/app/api/live-stream/route.ts
@@ -0,0 +1,57 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { prisma } from '@/lib/prisma';
+import { withAuth } from '@/lib/auth';
+
+// GET - Aktif canlı yayın bilgisini getir
+export async function GET() {
+  try {
+    const liveStream = await prisma.liveStream.findFirst({
+      where: { active: true },
+    });
+
+    return NextResponse.json(liveStream || { active: false, url: '', title: '' });
+  } catch (error) {
+    console.error('Live stream fetch error:', error);
+    return NextResponse.json(
+      { error: 'Canlı yayın bilgisi alınırken hata oluştu' },
+      { status: 500 }
+    );
+  }
+}
+
+// POST - Canlı yayın ayarlarını güncelle (Auth gerekli)
+export async function POST(request: NextRequest) {
+  return withAuth(request, async () => {
+    try {
+      const data = await request.json();
+
+      // Önce tüm canlı yayınları pasif yap
+      await prisma.liveStream.updateMany({
+        data: { active: false },
+      });
+
+      // Yeni ayarları oluştur veya güncelle
+      const liveStream = await prisma.liveStream.upsert({
+        where: { id: data.id || 0 },
+        update: {
+          url: data.url,
+          active: data.active,
+          title: data.title,
+        },
+        create: {
+          url: data.url,
+          active: data.active,
+          title: data.title,
+        },
+      });
+
+      return NextResponse.json(liveStream);
+    } catch (error) {
+      console.error('Live stream update error:', error);
+      return NextResponse.json(
+        { error: 'Canlı yayın güncellenirken hata oluştu' },
+        { status: 500 }
+      );
+    }
+  });
+}
diff --git a/app/api/media/route.ts b/app/api/media/route.ts
new file mode 100644
index 0000000..3f0d0cd
--- /dev/null
+++ b/app/api/media/route.ts
@@ -0,0 +1,102 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { prisma } from '@/lib/prisma';
+import { withAuth } from '@/lib/auth';
+
+// GET - Tüm medya öğelerini getir
+export async function GET() {
+  try {
+    const media = await prisma.media.findMany({
+      orderBy: { createdAt: 'desc' },
+    });
+
+    return NextResponse.json(media);
+  } catch (error) {
+    console.error('Media fetch error:', error);
+    return NextResponse.json(
+      { error: 'Medya öğeleri alınırken hata oluştu' },
+      { status: 500 }
+    );
+  }
+}
+
+// POST - Yeni medya öğesi ekle (Auth gerekli)
+export async function POST(request: NextRequest) {
+  return withAuth(request, async () => {
+    try {
+      const data = await request.json();
+
+      const media = await prisma.media.create({
+        data: {
+          title: data.title,
+          type: data.type,
+          thumbnail: data.thumbnail,
+          videoUrl: data.videoUrl,
+          description: data.description,
+          date: new Date().toISOString().split('T')[0],
+        },
+      });
+
+      return NextResponse.json(media, { status: 201 });
+    } catch (error) {
+      console.error('Media create error:', error);
+      return NextResponse.json(
+        { error: 'Medya öğesi oluşturulurken hata oluştu' },
+        { status: 500 }
+      );
+    }
+  });
+}
+
+// PUT - Medya öğesi güncelle (Auth gerekli)
+export async function PUT(request: NextRequest) {
+  return withAuth(request, async () => {
+    try {
+      const data = await request.json();
+
+      const media = await prisma.media.update({
+        where: { id: data.id },
+        data: {
+          title: data.title,
+          type: data.type,
+          thumbnail: data.thumbnail,
+          videoUrl: data.videoUrl,
+          description: data.description,
+        },
+      });
+
+      return NextResponse.json(media);
+    } catch (error) {
+      console.error('Media update error:', error);
+      return NextResponse.json(
+        { error: 'Medya öğesi güncellenirken hata oluştu' },
+        { status: 500 }
+      );
+    }
+  });
+}
+
+// DELETE - Medya öğesi sil (Auth gerekli)
+export async function DELETE(request: NextRequest) {
+  return withAuth(request, async () => {
+    try {
+      const { searchParams } = new URL(request.url);
+      const id = searchParams.get('id');
+
+      if (!id) {
+        return NextResponse.json({ error: 'ID gerekli' }, { status: 400 });
+      }
+
+      await prisma.media.delete({
+        where: { id: parseInt(id) },
+      });
+
+      return NextResponse.json({ message: 'Medya öğesi silindi' });
+    } catch (error) {
+      console.error('Media delete error:', error);
+      return NextResponse.json(
+        { error: 'Medya öğesi silinirken hata oluştu' },
+        { status: 500 }
+      );
+    }
+  });
+}
diff --git a/app/api/messages/route.ts b/app/api/messages/route.ts
new file mode 100644
index 0000000..57f6074
--- /dev/null
+++ b/app/api/messages/route.ts
@@ -0,0 +1,98 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { prisma } from '@/lib/prisma';
+import { withAuth } from '@/lib/auth';
+
+// GET - Tüm mesajları getir (Auth gerekli)
+export async function GET(request: NextRequest) {
+  return withAuth(request, async () => {
+    try {
+      const messages = await prisma.message.findMany({
+        orderBy: { createdAt: 'desc' },
+      });
+
+      return NextResponse.json(messages);
+    } catch (error) {
+      console.error('Messages fetch error:', error);
+      return NextResponse.json(
+        { error: 'Mesajlar alınırken hata oluştu' },
+        { status: 500 }
+      );
+    }
+  });
+}
+
+// POST - Yeni mesaj gönder (Public - iletişim formu)
+export async function POST(request: NextRequest) {
+  try {
+    const data = await request.json();
+
+    const message = await prisma.message.create({
+      data: {
+        name: data.name,
+        email: data.email,
+        phone: data.phone || '',
+        subject: data.subject,
+        type: data.type || 'contact',
+        message: data.message,
+        read: false,
+        date: new Date().toISOString().split('T')[0],
+      },
+    });
+
+    return NextResponse.json(message, { status: 201 });
+  } catch (error) {
+    console.error('Message create error:', error);
+    return NextResponse.json(
+      { error: 'Mesaj gönderilirken hata oluştu' },
+      { status: 500 }
+    );
+  }
+}
+
+// PUT - Mesajı okundu olarak işaretle (Auth gerekli)
+export async function PUT(request: NextRequest) {
+  return withAuth(request, async () => {
+    try {
+      const data = await request.json();
+
+      const message = await prisma.message.update({
+        where: { id: data.id },
+        data: { read: data.read },
+      });
+
+      return NextResponse.json(message);
+    } catch (error) {
+      console.error('Message update error:', error);
+      return NextResponse.json(
+        { error: 'Mesaj güncellenirken hata oluştu' },
+        { status: 500 }
+      );
+    }
+  });
+}
+
+// DELETE - Mesaj sil (Auth gerekli)
+export async function DELETE(request: NextRequest) {
+  return withAuth(request, async () => {
+    try {
+      const { searchParams } = new URL(request.url);
+      const id = searchParams.get('id');
+
+      if (!id) {
+        return NextResponse.json({ error: 'ID gerekli' }, { status: 400 });
+      }
+
+      await prisma.message.delete({
+        where: { id: parseInt(id) },
+      });
+
+      return NextResponse.json({ message: 'Mesaj silindi' });
+    } catch (error) {
+      console.error('Message delete error:', error);
+      return NextResponse.json(
+        { error: 'Mesaj silinirken hata oluştu' },
+        { status: 500 }
+      );
+    }
+  });
+}
diff --git a/app/api/news/route.ts b/app/api/news/route.ts
new file mode 100644
index 0000000..423bab8
--- /dev/null
+++ b/app/api/news/route.ts
@@ -0,0 +1,107 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { prisma } from '@/lib/prisma';
+import { withAuth } from '@/lib/auth';
+
+// GET - Tüm haberleri getir
+export async function GET() {
+  try {
+    const news = await prisma.news.findMany({
+      orderBy: { createdAt: 'desc' },
+    });
+
+    return NextResponse.json(news);
+  } catch (error) {
+    console.error('News fetch error:', error);
+    return NextResponse.json(
+      { error: 'Haberler alınırken hata oluştu' },
+      { status: 500 }
+    );
+  }
+}
+
+// POST - Yeni haber ekle (Auth gerekli)
+export async function POST(request: NextRequest) {
+  return withAuth(request, async () => {
+    try {
+      const data = await request.json();
+
+      const news = await prisma.news.create({
+        data: {
+          title: data.title,
+          summary: data.summary || data.content.substring(0, 150) + '...',
+          content: data.content,
+          category: data.category,
+          image: data.image,
+          author: data.author,
+          tags: data.tags || '',
+          date: new Date().toISOString().split('T')[0],
+          featured: data.featured || false,
+        },
+      });
+
+      return NextResponse.json(news, { status: 201 });
+    } catch (error) {
+      console.error('News create error:', error);
+      return NextResponse.json(
+        { error: 'Haber oluşturulurken hata oluştu' },
+        { status: 500 }
+      );
+    }
+  });
+}
+
+// PUT - Haber güncelle (Auth gerekli)
+export async function PUT(request: NextRequest) {
+  return withAuth(request, async () => {
+    try {
+      const data = await request.json();
+
+      const news = await prisma.news.update({
+        where: { id: data.id },
+        data: {
+          title: data.title,
+          summary: data.summary,
+          content: data.content,
+          category: data.category,
+          image: data.image,
+          author: data.author,
+          tags: data.tags,
+        },
+      });
+
+      return NextResponse.json(news);
+    } catch (error) {
+      console.error('News update error:', error);
+      return NextResponse.json(
+        { error: 'Haber güncellenirken hata oluştu' },
+        { status: 500 }
+      );
+    }
+  });
+}
+
+// DELETE - Haber sil (Auth gerekli)
+export async function DELETE(request: NextRequest) {
+  return withAuth(request, async () => {
+    try {
+      const { searchParams } = new URL(request.url);
+      const id = searchParams.get('id');
+
+      if (!id) {
+        return NextResponse.json({ error: 'ID gerekli' }, { status: 400 });
+      }
+
+      await prisma.news.delete({
+        where: { id: parseInt(id) },
+      });
+
+      return NextResponse.json({ message: 'Haber silindi' });
+    } catch (error) {
+      console.error('News delete error:', error);
+      return NextResponse.json(
+        { error: 'Haber silinirken hata oluştu' },
+        { status: 500 }
+      );
+    }
+  });
+}
diff --git a/app/api/settings/route.ts b/app/api/settings/route.ts
new file mode 100644
index 0000000..11e6313
--- /dev/null
+++ b/app/api/settings/route.ts
@@ -0,0 +1,52 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { prisma } from '@/lib/prisma';
+import { withAuth } from '@/lib/auth';
+
+// GET - Site ayarlarını getir
+export async function GET() {
+  try {
+    const settings = await prisma.siteSettings.findFirst({
+      where: { key: 'main' },
+    });
+
+    if (!settings) {
+      return NextResponse.json({ error: 'Ayarlar bulunamadı' }, { status: 404 });
+    }
+
+    return NextResponse.json(JSON.parse(settings.value));
+  } catch (error) {
+    console.error('Settings fetch error:', error);
+    return NextResponse.json(
+      { error: 'Ayarlar alınırken hata oluştu' },
+      { status: 500 }
+    );
+  }
+}
+
+// POST - Site ayarlarını güncelle (Auth gerekli)
+export async function POST(request: NextRequest) {
+  return withAuth(request, async () => {
+    try {
+      const data = await request.json();
+
+      const settings = await prisma.siteSettings.upsert({
+        where: { key: 'main' },
+        update: {
+          value: JSON.stringify(data),
+        },
+        create: {
+          key: 'main',
+          value: JSON.stringify(data),
+        },
+      });
+
+      return NextResponse.json(JSON.parse(settings.value));
+    } catch (error) {
+      console.error('Settings update error:', error);
+      return NextResponse.json(
+        { error: 'Ayarlar güncellenirken hata oluştu' },
+        { status: 500 }
+      );
+    }
+  });
+}
diff --git a/app/api/slider/route.ts b/app/api/slider/route.ts
new file mode 100644
index 0000000..aff0501
--- /dev/null
+++ b/app/api/slider/route.ts
@@ -0,0 +1,101 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { prisma } from '@/lib/prisma';
+import { withAuth } from '@/lib/auth';
+
+// GET - Tüm slider item'ları getir
+export async function GET() {
+  try {
+    const items = await prisma.sliderItem.findMany({
+      orderBy: { id: 'asc' },
+    });
+
+    return NextResponse.json(items);
+  } catch (error) {
+    console.error('Slider items fetch error:', error);
+    return NextResponse.json(
+      { error: 'Slider items alınırken hata oluştu' },
+      { status: 500 }
+    );
+  }
+}
+
+// POST - Yeni slider item ekle (Auth gerekli)
+export async function POST(request: NextRequest) {
+  return withAuth(request, async () => {
+    try {
+      const data = await request.json();
+
+      const item = await prisma.sliderItem.create({
+        data: {
+          title: data.title,
+          description: data.description,
+          buttonText: data.buttonText,
+          buttonLink: data.buttonLink,
+          active: data.active ?? true,
+        },
+      });
+
+      return NextResponse.json(item, { status: 201 });
+    } catch (error) {
+      console.error('Slider item create error:', error);
+      return NextResponse.json(
+        { error: 'Slider item oluşturulurken hata oluştu' },
+        { status: 500 }
+      );
+    }
+  });
+}
+
+// PUT - Slider item güncelle (Auth gerekli)
+export async function PUT(request: NextRequest) {
+  return withAuth(request, async () => {
+    try {
+      const data = await request.json();
+
+      const item = await prisma.sliderItem.update({
+        where: { id: data.id },
+        data: {
+          title: data.title,
+          description: data.description,
+          buttonText: data.buttonText,
+          buttonLink: data.buttonLink,
+          active: data.active,
+        },
+      });
+
+      return NextResponse.json(item);
+    } catch (error) {
+      console.error('Slider item update error:', error);
+      return NextResponse.json(
+        { error: 'Slider item güncellenirken hata oluştu' },
+        { status: 500 }
+      );
+    }
+  });
+}
+
+// DELETE - Slider item sil (Auth gerekli)
+export async function DELETE(request: NextRequest) {
+  return withAuth(request, async () => {
+    try {
+      const { searchParams } = new URL(request.url);
+      const id = searchParams.get('id');
+
+      if (!id) {
+        return NextResponse.json({ error: 'ID gerekli' }, { status: 400 });
+      }
+
+      await prisma.sliderItem.delete({
+        where: { id: parseInt(id) },
+      });
+
+      return NextResponse.json({ message: 'Slider item silindi' });
+    } catch (error) {
+      console.error('Slider item delete error:', error);
+      return NextResponse.json(
+        { error: 'Slider item silinirken hata oluştu' },
+        { status: 500 }
+      );
+    }
+  });
+}
diff --git a/app/api/stations/route.ts b/app/api/stations/route.ts
new file mode 100644
index 0000000..b017a67
--- /dev/null
+++ b/app/api/stations/route.ts
@@ -0,0 +1,101 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { prisma } from '@/lib/prisma';
+import { withAuth } from '@/lib/auth';
+
+// GET - Tüm metro istasyonlarını getir
+export async function GET() {
+  try {
+    const stations = await prisma.metroStation.findMany({
+      orderBy: { order: 'asc' },
+    });
+
+    return NextResponse.json(stations);
+  } catch (error) {
+    console.error('Stations fetch error:', error);
+    return NextResponse.json(
+      { error: 'İstasyonlar alınırken hata oluştu' },
+      { status: 500 }
+    );
+  }
+}
+
+// POST - Yeni istasyon ekle (Auth gerekli)
+export async function POST(request: NextRequest) {
+  return withAuth(request, async () => {
+    try {
+      const data = await request.json();
+
+      const station = await prisma.metroStation.create({
+        data: {
+          name: data.name,
+          status: data.status,
+          progress: data.progress,
+          order: data.order,
+          description: data.description || data.estimatedCompletion,
+        },
+      });
+
+      return NextResponse.json(station, { status: 201 });
+    } catch (error) {
+      console.error('Station create error:', error);
+      return NextResponse.json(
+        { error: 'İstasyon oluşturulurken hata oluştu' },
+        { status: 500 }
+      );
+    }
+  });
+}
+
+// PUT - İstasyon güncelle (Auth gerekli)
+export async function PUT(request: NextRequest) {
+  return withAuth(request, async () => {
+    try {
+      const data = await request.json();
+
+      const station = await prisma.metroStation.update({
+        where: { id: data.id },
+        data: {
+          name: data.name,
+          status: data.status,
+          progress: data.progress,
+          order: data.order,
+          description: data.description || data.estimatedCompletion,
+        },
+      });
+
+      return NextResponse.json(station);
+    } catch (error) {
+      console.error('Station update error:', error);
+      return NextResponse.json(
+        { error: 'İstasyon güncellenirken hata oluştu' },
+        { status: 500 }
+      );
+    }
+  });
+}
+
+// DELETE - İstasyon sil (Auth gerekli)
+export async function DELETE(request: NextRequest) {
+  return withAuth(request, async () => {
+    try {
+      const { searchParams } = new URL(request.url);
+      const id = searchParams.get('id');
+
+      if (!id) {
+        return NextResponse.json({ error: 'ID gerekli' }, { status: 400 });
+      }
+
+      await prisma.metroStation.delete({
+        where: { id: parseInt(id) },
+      });
+
+      return NextResponse.json({ message: 'İstasyon silindi' });
+    } catch (error) {
+      console.error('Station delete error:', error);
+      return NextResponse.json(
+        { error: 'İstasyon silinirken hata oluştu' },
+        { status: 500 }
+      );
+    }
+  });
+}
diff --git a/app/belgeler/page.tsx b/app/belgeler/page.tsx
index 559836c..77b47af 100644
--- a/app/belgeler/page.tsx
+++ b/app/belgeler/page.tsx
@@ -11,7 +11,7 @@ export default function Documents() {
   const [selectedCategory, setSelectedCategory] = useState('all');
 
   useEffect(() => {
-    setDocuments(dataStore.getDocuments());
+    dataStore.getDocuments().then(setDocuments);
   }, []);
 
   const categories = [
diff --git a/app/canli-yayin/page.tsx b/app/canli-yayin/page.tsx
index d256150..976b2bb 100644
--- a/app/canli-yayin/page.tsx
+++ b/app/canli-yayin/page.tsx
@@ -11,13 +11,15 @@ export default function LiveStream() {
   const [cameras, setCameras] = useState<Camera[]>([]);
 
   useEffect(() => {
-    const loadedCameras = dataStore.getCameras()
-      .filter(cam => cam.status === 'online')
-      .sort((a, b) => a.order - b.order);
-    setCameras(loadedCameras);
-    if (loadedCameras.length > 0) {
-      setSelectedCamera(loadedCameras[0].id);
-    }
+    dataStore.getCameras().then(loadedCameras => {
+      const onlineCameras = loadedCameras
+        .filter(cam => cam.status === 'online')
+        .sort((a, b) => a.order - b.order);
+      setCameras(onlineCameras);
+      if (onlineCameras.length > 0) {
+        setSelectedCamera(onlineCameras[0].id);
+      }
+    });
   }, []);
 
   const selectedCam = cameras.find(cam => cam.id === selectedCamera) || cameras[0];
diff --git a/app/haberler/page.tsx b/app/haberler/page.tsx
index 0e32deb..b65569f 100644
--- a/app/haberler/page.tsx
+++ b/app/haberler/page.tsx
@@ -13,7 +13,7 @@ export default function News() {
   const [selectedNews, setSelectedNews] = useState<number | null>(null);
 
   useEffect(() => {
-    setNewsData(dataStore.getNews());
+    dataStore.getNews().then(setNewsData);
   }, []);
 
   const filteredNews = selectedCategory === 'all' 
diff --git a/app/iletisim/page.tsx b/app/iletisim/page.tsx
index 97458be..d74c367 100644
--- a/app/iletisim/page.tsx
+++ b/app/iletisim/page.tsx
@@ -7,11 +7,51 @@ import { dataStore, type SiteSettings } from '@/lib/dataStore';
 
 export default function Contact() {
   const [settings, setSettings] = useState<SiteSettings | null>(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [formData, setFormData] = useState({
+    name: '',
+    email: '',
+    phone: '',
+    subject: '',
+    message: ''
+  });
 
   useEffect(() => {
-    setSettings(dataStore.getSiteSettings());
+    dataStore.getSiteSettings().then(setSettings);
   }, []);
 
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+    setIsSubmitting(true);
+
+    try {
+      await dataStore.addMessage({
+        name: formData.name,
+        email: formData.email,
+        phone: formData.phone,
+        subject: formData.subject,
+        message: formData.message,
+        type: 'contact'
+      });
+
+      alert('Mesajınız başarıyla gönderildi! En kısa sürede size dönüş yapacağız.');
+      
+      // Formu temizle
+      setFormData({
+        name: '',
+        email: '',
+        phone: '',
+        subject: '',
+        message: ''
+      });
+    } catch (error) {
+      console.error('Mesaj gönderilirken hata:', error);
+      alert('Mesaj gönderilirken bir hata oluştu. Lütfen tekrar deneyin.');
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+
   if (!settings) return null;
 
   return (
@@ -152,10 +192,7 @@ export default function Contact() {
                 </p>
               </div>
 
-              <form className="max-w-2xl mx-auto space-y-6" onSubmit={(e) => {
-                e.preventDefault();
-                alert('Mesajınız gönderildi! (Demo)');
-              }}>
+              <form className="max-w-2xl mx-auto space-y-6" onSubmit={handleSubmit}>
                 {/* İki Sütunlu Alan */}
                 <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
                   {/* Ad Soyad */}
@@ -167,6 +204,8 @@ export default function Contact() {
                       type="text"
                       id="contact-name"
                       required
+                      value={formData.name}
+                      onChange={(e) => setFormData({ ...formData, name: e.target.value })}
                       className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent outline-none transition-all text-gray-900 placeholder:text-gray-500"
                       placeholder="Adınız ve Soyadınız"
                     />
@@ -181,6 +220,8 @@ export default function Contact() {
                       type="email"
                       id="contact-email"
                       required
+                      value={formData.email}
+                      onChange={(e) => setFormData({ ...formData, email: e.target.value })}
                       className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent outline-none transition-all text-gray-900 placeholder:text-gray-500"
                       placeholder="ornek@email.com"
                     />
@@ -194,6 +235,8 @@ export default function Contact() {
                     <input
                       type="tel"
                       id="contact-phone"
+                      value={formData.phone}
+                      onChange={(e) => setFormData({ ...formData, phone: e.target.value })}
                       className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent outline-none transition-all text-gray-900 placeholder:text-gray-500"
                       placeholder="0(5__) ___ __ __"
                     />
@@ -208,6 +251,8 @@ export default function Contact() {
                       type="text"
                       id="contact-subject"
                       required
+                      value={formData.subject}
+                      onChange={(e) => setFormData({ ...formData, subject: e.target.value })}
                       className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent outline-none transition-all text-gray-900 placeholder:text-gray-500"
                       placeholder="Mesaj konusu"
                     />
@@ -223,6 +268,8 @@ export default function Contact() {
                     id="contact-message"
                     required
                     rows={6}
+                    value={formData.message}
+                    onChange={(e) => setFormData({ ...formData, message: e.target.value })}
                     className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent outline-none transition-all resize-none text-gray-900 placeholder:text-gray-500"
                     placeholder="Lütfen mesajınızı yazınız..."
                   ></textarea>
@@ -246,12 +293,25 @@ export default function Contact() {
                 <div className="text-center pt-4">
                   <button
                     type="submit"
-                    className="px-8 py-3 bg-[#00B4D8] text-white rounded-lg hover:bg-[#004B87] transition-colors font-semibold shadow-lg hover:shadow-xl flex items-center justify-center space-x-2 mx-auto"
+                    disabled={isSubmitting}
+                    className="px-8 py-3 bg-[#00B4D8] text-white rounded-lg hover:bg-[#004B87] transition-colors font-semibold shadow-lg hover:shadow-xl flex items-center justify-center space-x-2 mx-auto disabled:opacity-50 disabled:cursor-not-allowed"
                   >
-                    <svg className="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                      <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8" />
-                    </svg>
-                    <span>Gönder</span>
+                    {isSubmitting ? (
+                      <>
+                        <svg className="animate-spin h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+                          <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4"></circle>
+                          <path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+                        </svg>
+                        <span>Gönderiliyor...</span>
+                      </>
+                    ) : (
+                      <>
+                        <svg className="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                          <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8" />
+                        </svg>
+                        <span>Gönder</span>
+                      </>
+                    )}
                   </button>
                 </div>
               </form>
diff --git a/app/medya/page.tsx b/app/medya/page.tsx
index 4cac2bf..3ec314c 100644
--- a/app/medya/page.tsx
+++ b/app/medya/page.tsx
@@ -13,7 +13,7 @@ export default function MediaGallery() {
   const [selectedMedia, setSelectedMedia] = useState<number | null>(null);
 
   useEffect(() => {
-    setMediaItems(dataStore.getMedia());
+    dataStore.getMedia().then(setMediaItems);
   }, []);
 
   const filteredMedia = selectedTab === 'all' 
diff --git a/app/page.tsx b/app/page.tsx
index 68217de..ff1737e 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -10,7 +10,8 @@ import DocumentsSection from "@/components/DocumentsSection";
 import MediaGallery from "@/components/MediaGallery";
 import ComplaintForm from "@/components/ComplaintForm";
 import ContactSection from "@/components/ContactSection";
-import { dataStore } from '@/lib/dataStore';
+import { dataStore, type SliderItem, type LiveStreamConfig } from '@/lib/dataStore';
+import type { NewsItem } from '@/data/news';
 
 export default function Home() {
   const [showLiveStream, setShowLiveStream] = useState(false);
@@ -23,15 +24,15 @@ export default function Home() {
   const [currentSlide, setCurrentSlide] = useState(0);
   
   // Gerçek veriler için state
-  const [heroSlides, setHeroSlides] = useState(dataStore.getSlider());
-  const [newsData, setNewsData] = useState(dataStore.getNews());
-  const [liveStreamConfig, setLiveStreamConfig] = useState(dataStore.getLiveStream());
+  const [heroSlides, setHeroSlides] = useState<SliderItem[]>([]);
+  const [newsData, setNewsData] = useState<NewsItem[]>([]);
+  const [liveStreamConfig, setLiveStreamConfig] = useState<LiveStreamConfig>({ url: '', active: false });
 
   // Verileri yükle
   useEffect(() => {
-    setHeroSlides(dataStore.getSlider());
-    setNewsData(dataStore.getNews());
-    setLiveStreamConfig(dataStore.getLiveStream());
+    dataStore.getSlider().then(setHeroSlides);
+    dataStore.getNews().then(setNewsData);
+    dataStore.getLiveStream().then(setLiveStreamConfig);
   }, []);
 
   // Modal açıldığında yukarı kaydır - KALDIRILDI (kullanıcı deneyimi için)
diff --git a/app/sss/page.tsx b/app/sss/page.tsx
index b1868e7..1504196 100644
--- a/app/sss/page.tsx
+++ b/app/sss/page.tsx
@@ -11,7 +11,9 @@ export default function FAQPage() {
   const [faqs, setFaqs] = useState<FAQ[]>([]);
 
   useEffect(() => {
-    setFaqs(dataStore.getFAQs().sort((a, b) => a.order - b.order));
+    dataStore.getFAQs().then(faqs => {
+      setFaqs(faqs.sort((a, b) => a.order - b.order));
+    });
   }, []);
 
   const toggleFAQ = (id: number) => {
diff --git a/app/yonetim-paneli-a2m-secure/dashboard/page.tsx b/app/yonetim-paneli-a2m-secure/dashboard/page.tsx
index dd52b85..bbea5b6 100644
--- a/app/yonetim-paneli-a2m-secure/dashboard/page.tsx
+++ b/app/yonetim-paneli-a2m-secure/dashboard/page.tsx
@@ -36,22 +36,45 @@ export default function Dashboard() {
     loadData();
   }, [router]);
 
-  const loadData = () => {
-    setSliderItems(dataStore.getSlider());
-    setNewsItems(dataStore.getNews());
-    setMediaItems(dataStore.getMedia());
-    setDocuments(dataStore.getDocuments());
-    setMetroStations(dataStore.getMetroStations());
-    setLiveStreamConfig(dataStore.getLiveStream());
-    setMessages(dataStore.getMessages());
-    setSiteSettings(dataStore.getSiteSettings());
-    setFaqs(dataStore.getFAQs().sort((a, b) => a.order - b.order));
-    setCameras(dataStore.getCameras().sort((a, b) => a.order - b.order));
+  const loadData = async () => {
+    try {
+      const [slider, news, media, docs, stations, liveStream, msgs, settings, faqList, cameraList] = await Promise.all([
+        dataStore.getSlider(),
+        dataStore.getNews(),
+        dataStore.getMedia(),
+        dataStore.getDocuments(),
+        dataStore.getMetroStations(),
+        dataStore.getLiveStream(),
+        dataStore.getMessages(),
+        dataStore.getSiteSettings(),
+        dataStore.getFAQs(),
+        dataStore.getCameras(),
+      ]);
+
+      setSliderItems(slider);
+      setNewsItems(news);
+      setMediaItems(media);
+      setDocuments(docs);
+      setMetroStations(stations);
+      setLiveStreamConfig(liveStream);
+      setMessages(msgs);
+      setSiteSettings(settings);
+      setFaqs(faqList.sort((a, b) => a.order - b.order));
+      setCameras(cameraList.sort((a, b) => a.order - b.order));
+    } catch (error) {
+      console.error('Veri yükleme hatası:', error);
+    }
   };
 
-  const handleLogout = () => {
-    localStorage.removeItem('admin_token');
-    router.push('/yonetim-paneli-a2m-secure');
+  const handleLogout = async () => {
+    try {
+      await fetch('/api/auth/logout', { method: 'POST' });
+      localStorage.removeItem('admin_token');
+      router.push('/yonetim-paneli-a2m-secure');
+    } catch (error) {
+      console.error('Logout error:', error);
+      router.push('/yonetim-paneli-a2m-secure');
+    }
   };
 
   const stats = [
@@ -76,26 +99,23 @@ export default function Dashboard() {
   ];
 
   // Slider management functions
-  const toggleSlideActive = (id: number) => {
-    const updated = sliderItems.map(item =>
-      item.id === id ? { ...item, active: !item.active } : item
-    );
-    setSliderItems(updated);
-    dataStore.setSlider(updated);
+  const toggleSlideActive = async (id: number) => {
+    const item = sliderItems.find(s => s.id === id);
+    if (item) {
+      await dataStore.updateSlider(id, { active: !item.active });
+      loadData();
+    }
   };
 
-  const updateSlide = (id: number, updates: Partial<SliderItem>) => {
-    const updated = sliderItems.map(item =>
-      item.id === id ? { ...item, ...updates } : item
-    );
-    setSliderItems(updated);
-    dataStore.setSlider(updated);
+  const updateSlide = async (id: number, updates: Partial<SliderItem>) => {
+    await dataStore.updateSlider(id, updates);
+    loadData();
   };
 
   // News management functions
-  const handleDeleteNews = (id: number) => {
+  const handleDeleteNews = async (id: number) => {
     if (confirm('Bu haberi silmek istediğinizden emin misiniz?')) {
-      dataStore.deleteNews(id);
+      await dataStore.deleteNews(id);
       loadData();
     }
   };
@@ -109,17 +129,17 @@ export default function Dashboard() {
   };
 
   // Media management functions
-  const handleDeleteMedia = (id: number) => {
+  const handleDeleteMedia = async (id: number) => {
     if (confirm('Bu medya içeriğini silmek istediğinizden emin misiniz?')) {
-      dataStore.deleteMedia(id);
+      await dataStore.deleteMedia(id);
       loadData();
     }
   };
 
   // Document management functions
-  const handleDeleteDocument = (id: number) => {
+  const handleDeleteDocument = async (id: number) => {
     if (confirm('Bu belgeyi silmek istediğinizden emin misiniz?')) {
-      dataStore.deleteDocument(id);
+      await dataStore.deleteDocument(id);
       loadData();
     }
   };
@@ -204,19 +224,16 @@ export default function Dashboard() {
     setShowSlideModal(true);
   };
 
-  const handleSaveSlide = (e: React.FormEvent) => {
+  const handleSaveSlide = async (e: React.FormEvent) => {
     e.preventDefault();
     if (editingSlide) {
       const isNew = !sliderItems.find(s => s.id === editingSlide.id);
       if (isNew) {
-        // Yeni slider ekle
-        const updated = [...sliderItems, editingSlide];
-        setSliderItems(updated);
-        dataStore.setSlider(updated);
+        await dataStore.addSlider(editingSlide);
       } else {
-        // Mevcut slider'ı güncelle
-        updateSlide(editingSlide.id, editingSlide);
+        await dataStore.updateSlider(editingSlide.id, editingSlide);
       }
+      loadData();
       setShowSlideModal(false);
       setEditingSlide(null);
     }
@@ -266,14 +283,14 @@ export default function Dashboard() {
     setShowNewsModal(true);
   };
 
-  const handleSaveNews = (e: React.FormEvent) => {
+  const handleSaveNews = async (e: React.FormEvent) => {
     e.preventDefault();
     if (editingNewsItem) {
       const isNew = !newsItems.find(n => n.id === editingNewsItem.id);
       if (isNew) {
-        dataStore.addNews(editingNewsItem);
+        await dataStore.addNews(editingNewsItem);
       } else {
-        dataStore.updateNews(editingNewsItem.id, editingNewsItem);
+        await dataStore.updateNews(editingNewsItem.id, editingNewsItem);
       }
       loadData();
       setShowNewsModal(false);
@@ -301,14 +318,14 @@ export default function Dashboard() {
     setShowMediaModal(true);
   };
 
-  const handleSaveMedia = (e: React.FormEvent) => {
+  const handleSaveMedia = async (e: React.FormEvent) => {
     e.preventDefault();
     if (editingMediaItem) {
       const isNew = !mediaItems.find(m => m.id === editingMediaItem.id);
       if (isNew) {
-        dataStore.addMedia(editingMediaItem);
+        await dataStore.addMedia(editingMediaItem);
       } else {
-        dataStore.updateMedia(editingMediaItem.id, editingMediaItem);
+        await dataStore.updateMedia(editingMediaItem.id, editingMediaItem);
       }
       loadData();
       setShowMediaModal(false);
@@ -337,14 +354,14 @@ export default function Dashboard() {
     setShowDocumentModal(true);
   };
 
-  const handleSaveDocument = (e: React.FormEvent) => {
+  const handleSaveDocument = async (e: React.FormEvent) => {
     e.preventDefault();
     if (editingDocument) {
       const isNew = !documents.find(d => d.id === editingDocument.id);
       if (isNew) {
-        dataStore.addDocument(editingDocument);
+        await dataStore.addDocument(editingDocument);
       } else {
-        dataStore.updateDocument(editingDocument.id, editingDocument);
+        await dataStore.updateDocument(editingDocument.id, editingDocument);
       }
       loadData();
       setShowDocumentModal(false);
@@ -358,10 +375,10 @@ export default function Dashboard() {
     setShowStationModal(true);
   };
 
-  const handleSaveStation = (e: React.FormEvent) => {
+  const handleSaveStation = async (e: React.FormEvent) => {
     e.preventDefault();
     if (editingStation) {
-      dataStore.updateStation(editingStation.id, editingStation);
+      await dataStore.updateStation(editingStation.id, editingStation);
       loadData();
       setShowStationModal(false);
       setEditingStation(null);
@@ -1170,147 +1187,105 @@ export default function Dashboard() {
               <div className="bg-white rounded-xl shadow-sm p-6 flex items-center justify-between flex-wrap gap-4">
                 <div>
                   <h3 className="text-2xl font-bold text-[#003366]">Metro Hattı İstasyonları</h3>
-                  <p className="text-gray-600 mt-1">İstasyon durumlarını ve ilerlemeyi yönetin</p>
+                  <p className="text-gray-600 mt-1">Hangi istasyonun inşaatta olduğunu seçin</p>
                 </div>
-                <button className="bg-linear-to-r from-[#004B87] to-[#00B4D8] text-white px-6 py-3 rounded-lg font-semibold hover:shadow-lg transition-all flex items-center space-x-2">
-                  <svg className="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 4v16m8-8H4" />
-                  </svg>
-                  <span>Yeni İstasyon Ekle</span>
-                </button>
               </div>
 
-              {/* Status Filter */}
+              {/* Basit İstasyon Listesi */}
               <div className="bg-white rounded-xl shadow-sm p-6">
-                <div className="flex flex-wrap gap-3">
-                  <button
-                    onClick={() => setSelectedStationStatus('all')}
-                    className={`px-4 py-2 rounded-lg font-semibold text-sm transition-all ${
-                      selectedStationStatus === 'all'
-                        ? 'bg-[#00B4D8] text-white shadow-md'
-                        : 'bg-gray-100 text-gray-700 hover:bg-gray-200'
-                    }`}
-                  >
-                    📋 Tümü
-                  </button>
-                  <button
-                    onClick={() => setSelectedStationStatus('completed')}
-                    className={`px-4 py-2 rounded-lg font-semibold text-sm transition-all ${
-                      selectedStationStatus === 'completed'
-                        ? 'bg-green-500 text-white shadow-md'
-                        : 'bg-gray-100 text-gray-700 hover:bg-gray-200'
-                    }`}
-                  >
-                    ✅ Tamamlandı
-                  </button>
-                  <button
-                    onClick={() => setSelectedStationStatus('in-progress')}
-                    className={`px-4 py-2 rounded-lg font-semibold text-sm transition-all ${
-                      selectedStationStatus === 'in-progress'
-                        ? 'bg-blue-500 text-white shadow-md'
-                        : 'bg-gray-100 text-gray-700 hover:bg-gray-200'
-                    }`}
-                  >
-                    🔄 Devam Ediyor
-                  </button>
-                  <button
-                    onClick={() => setSelectedStationStatus('planned')}
-                    className={`px-4 py-2 rounded-lg font-semibold text-sm transition-all ${
-                      selectedStationStatus === 'planned'
-                        ? 'bg-yellow-500 text-white shadow-md'
-                        : 'bg-gray-100 text-gray-700 hover:bg-gray-200'
-                    }`}
-                  >
-                    📅 Planlanıyor
-                  </button>
-                </div>
-              </div>
+                <div className="space-y-3">
+                  {metroStations.map((station, index) => {
+                    const selectedIndex = selectedStationId 
+                      ? metroStations.findIndex(s => s.id === selectedStationId)
+                      : -1;
+                    
+                    let status = 'planned';
+                    if (selectedIndex !== -1) {
+                      if (index < selectedIndex) status = 'completed';
+                      else if (index === selectedIndex) status = 'inprogress';
+                    }
 
-              {/* Stations Grid */}
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-                {filteredStationsList.map((station) => (
-                  <div 
-                    key={station.id} 
-                    onClick={() => handleStationClick(station.id)}
-                    className={`bg-white rounded-xl shadow-sm overflow-hidden hover:shadow-lg transition-all cursor-pointer ${
-                      selectedStationId === station.id ? 'ring-4 ring-[#00B4D8]' : ''
-                    }`}
-                  >
-                    <div className="p-6">
-                      <div className="flex items-start justify-between mb-4">
-                        <div>
-                          <h4 className="text-xl font-bold text-[#003366] mb-1">{station.name}</h4>
-                          <span className={`inline-block px-3 py-1 text-xs font-semibold rounded-full text-white ${getStatusColor(station.status)}`}>
-                            {getStatusText(station.status)}
-                          </span>
-                        </div>
-                        <div className="flex space-x-2">
-                          {selectedStationId === station.id && (
-                            <div className="w-6 h-6 bg-[#00B4D8] rounded-full flex items-center justify-center">
-                              <svg className="w-4 h-4 text-white" fill="currentColor" viewBox="0 0 20 20">
-                                <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
-                              </svg>
+                    return (
+                      <div
+                        key={station.id}
+                        onClick={() => handleStationClick(station.id)}
+                        className={`
+                          flex items-center gap-4 p-4 rounded-xl cursor-pointer transition-all
+                          ${status === 'completed' ? 'bg-green-50 border-2 border-green-200' : ''}
+                          ${status === 'inprogress' ? 'bg-blue-50 border-2 border-blue-300 shadow-lg' : ''}
+                          ${status === 'planned' ? 'bg-gray-50 border-2 border-gray-200' : ''}
+                          ${selectedStationId === station.id ? 'ring-4 ring-blue-400' : ''}
+                          hover:shadow-md
+                        `}
+                      >
+                        {/* İkon */}
+                        <div className="shrink-0">
+                          {status === 'completed' && (
+                            <div className="w-12 h-12 rounded-full bg-green-500 flex items-center justify-center text-white text-xl font-bold shadow-lg">
+                              ✓
                             </div>
                           )}
-                          <button 
-                            onClick={(e) => {
-                              e.stopPropagation();
-                              handleEditStation(station);
-                            }}
-                            className="p-2 text-[#00B4D8] hover:bg-blue-50 rounded-lg transition-colors"
-                            title="Düzenle"
-                          >
-                            <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
-                            </svg>
-                          </button>
-                        </div>
-                      </div>
-
-                      {/* Progress Bar */}
-                      <div className="mb-4">
-                        <div className="flex justify-between mb-2">
-                          <span className="text-sm font-medium text-gray-700">İlerleme</span>
-                          <span className="text-sm font-bold text-[#003366]">{station.progress}%</span>
-                        </div>
-                        <div className="w-full bg-gray-200 rounded-full h-3">
-                          <div 
-                            className={`h-3 rounded-full ${getStatusColor(station.status)}`}
-                            style={{ width: `${station.progress}%` }}
-                          ></div>
-                        </div>
-                      </div>
-
-                      {/* Details */}
-                      <div className="space-y-2 text-sm">
-                        <div className="flex items-center space-x-2">
-                          <span className="text-gray-600">📅 Başlangıç:</span>
-                          <span className="font-semibold">{station.startDate}</span>
-                        </div>
-                        <div className="flex items-center space-x-2">
-                          <span className="text-gray-600">🎯 Bitiş:</span>
-                          <span className="font-semibold">{station.expectedCompletion}</span>
-                        </div>
-                        <div className="flex items-center space-x-2">
-                          <span className="text-gray-600">👥 Günlük Kapasite:</span>
-                          <span className="font-semibold">{station.dailyCapacity} yolcu</span>
-                        </div>
-                        {station.connections && station.connections.length > 0 && (
-                          <div className="flex items-center space-x-2">
-                            <span className="text-gray-600">🔄 Aktarma:</span>
-                            <div className="flex gap-1">
-                              {station.connections.map((conn, i) => (
-                                <span key={i} className="px-2 py-1 bg-[#00B4D8] text-white text-xs rounded-full">
-                                  {conn}
-                                </span>
-                              ))}
+                          {status === 'inprogress' && (
+                            <div className="w-12 h-12 rounded-full bg-blue-500 flex items-center justify-center text-white text-xl font-bold shadow-lg animate-pulse">
+                              🚧
                             </div>
-                          </div>
-                        )}
+                          )}
+                          {status === 'planned' && (
+                            <div className="w-12 h-12 rounded-full bg-gray-300 flex items-center justify-center text-gray-600 text-xl font-bold shadow">
+                              ○
+                            </div>
+                          )}
+                        </div>
+
+                        {/* Durak Bilgileri */}
+                        <div className="flex-1 min-w-0">
+                          <h3 className={`
+                            text-lg font-bold mb-1 truncate
+                            ${status === 'completed' ? 'text-green-700' : ''}
+                            ${status === 'inprogress' ? 'text-blue-700' : ''}
+                            ${status === 'planned' ? 'text-gray-600' : ''}
+                          `}>
+                            {station.name}
+                          </h3>
+                          {station.district && (
+                            <p className="text-sm text-gray-600">
+                              📍 {station.district}
+                            </p>
+                          )}
+                        </div>
+
+                        {/* Durum Badge */}
+                        <div className="shrink-0">
+                          {status === 'completed' && (
+                            <span className="px-3 py-1 bg-green-100 text-green-700 rounded-full text-sm font-semibold">
+                              ✓ Yapıldı
+                            </span>
+                          )}
+                          {status === 'inprogress' && (
+                            <span className="px-3 py-1 bg-blue-100 text-blue-700 rounded-full text-sm font-semibold animate-pulse">
+                              🚧 Yapılıyor
+                            </span>
+                          )}
+                          {status === 'planned' && (
+                            <span className="px-3 py-1 bg-gray-100 text-gray-600 rounded-full text-sm font-semibold">
+                              📋 Planlı
+                            </span>
+                          )}
+                        </div>
                       </div>
-                    </div>
+                    );
+                  })}
+                </div>
+
+                {/* Açıklama */}
+                <div className="mt-6 pt-6 border-t border-gray-200">
+                  <div className="bg-blue-50 border-l-4 border-blue-500 p-4 rounded">
+                    <p className="text-sm text-blue-800">
+                      <strong>💡 Nasıl Çalışır:</strong> Şu an inşaatta olan istasyonu tıklayın. 
+                      Seçtiğiniz istasyondan öncekiler "Yapıldı", seçtiğiniz "Yapılıyor", sonrakiler "Planlı" olarak gösterilir.
+                    </p>
                   </div>
-                ))}
+                </div>
               </div>
             </div>
           )}
@@ -1324,10 +1299,11 @@ export default function Dashboard() {
                   <p className="text-gray-600 mt-1">YouTube canlı yayın URL&apos;sini ve ayarlarını yönetin</p>
                 </div>
 
-                <form onSubmit={(e) => {
+                <form onSubmit={async (e) => {
                   e.preventDefault();
-                  dataStore.setLiveStream(liveStreamConfig);
+                  await dataStore.setLiveStream(liveStreamConfig);
                   alert('Canlı yayın ayarları kaydedildi!');
+                  loadData();
                 }} className="space-y-6">
                   <div>
                     <label className="flex items-center space-x-2 mb-4">
@@ -1349,7 +1325,7 @@ export default function Dashboard() {
                       type="text"
                       value={liveStreamConfig.title || ''}
                       onChange={(e) => setLiveStreamConfig({ ...liveStreamConfig, title: e.target.value })}
-                      className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                      className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900"
                       placeholder="Canlı Yayın"
                     />
                   </div>
@@ -1362,7 +1338,7 @@ export default function Dashboard() {
                       type="url"
                       value={liveStreamConfig.url}
                       onChange={(e) => setLiveStreamConfig({ ...liveStreamConfig, url: e.target.value })}
-                      className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                      className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900"
                       placeholder="https://www.youtube.com/embed/VIDEO_ID"
                       required
                     />
@@ -1474,9 +1450,9 @@ export default function Dashboard() {
                             </button>
                           )}
                           <button
-                            onClick={() => {
+                            onClick={async () => {
                               if (confirm('Bu mesajı silmek istediğinizden emin misiniz?')) {
-                                dataStore.deleteMessage(message.id);
+                                await dataStore.deleteMessage(message.id);
                                 loadData();
                               }
                             }}
@@ -1500,8 +1476,8 @@ export default function Dashboard() {
                 <div className="flex items-center justify-between mb-6">
                   <h3 className="text-2xl font-bold text-[#003366]">SSS Yönetimi</h3>
                   <button
-                    onClick={() => {
-                      dataStore.addFAQ({
+                    onClick={async () => {
+                      await dataStore.addFAQ({
                         question: 'Yeni Soru',
                         answer: 'Cevap buraya yazılacak...',
                         order: faqs.length + 1
@@ -1525,28 +1501,28 @@ export default function Dashboard() {
                             <input
                               type="text"
                               value={faq.question}
-                              onChange={(e) => {
-                                dataStore.updateFAQ(faq.id, { question: e.target.value });
+                              onChange={async (e) => {
+                                await dataStore.updateFAQ(faq.id, { question: e.target.value });
                                 loadData();
                               }}
-                              className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                              className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900 text-gray-900"
                             />
                           </div>
                           <div className="flex items-center space-x-2">
                             <input
                               type="number"
                               value={faq.order}
-                              onChange={(e) => {
-                                dataStore.updateFAQ(faq.id, { order: parseInt(e.target.value) });
+                              onChange={async (e) => {
+                                await dataStore.updateFAQ(faq.id, { order: parseInt(e.target.value) });
                                 loadData();
                               }}
                               className="w-16 px-2 py-2 border border-gray-300 rounded-lg text-center"
                               title="Sıra"
                             />
                             <button
-                              onClick={() => {
+                              onClick={async () => {
                                 if (confirm('Bu SSS silinsin mi?')) {
-                                  dataStore.deleteFAQ(faq.id);
+                                  await dataStore.deleteFAQ(faq.id);
                                   loadData();
                                 }
                               }}
@@ -1560,12 +1536,12 @@ export default function Dashboard() {
                           <label className="block text-sm font-medium text-gray-700 mb-1">Cevap</label>
                           <textarea
                             value={faq.answer}
-                            onChange={(e) => {
-                              dataStore.updateFAQ(faq.id, { answer: e.target.value });
+                            onChange={async (e) => {
+                              await dataStore.updateFAQ(faq.id, { answer: e.target.value });
                               loadData();
                             }}
                             rows={3}
-                            className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                            className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900 text-gray-900"
                           />
                         </div>
                       </div>
@@ -1590,8 +1566,8 @@ export default function Dashboard() {
                 <div className="flex items-center justify-between mb-6">
                   <h3 className="text-2xl font-bold text-[#003366]">Kamera Yönetimi</h3>
                   <button
-                    onClick={() => {
-                      dataStore.addCamera({
+                    onClick={async () => {
+                      await dataStore.addCamera({
                         name: 'Yeni Kamera',
                         location: 'Konum',
                         videoUrl: 'https://www.youtube.com/embed/VIDEO_ID',
@@ -1618,17 +1594,17 @@ export default function Dashboard() {
                             <input
                               type="text"
                               value={camera.name}
-                              onChange={(e) => {
-                                dataStore.updateCamera(camera.id, { name: e.target.value });
+                              onChange={async (e) => {
+                                await dataStore.updateCamera(camera.id, { name: e.target.value });
                                 loadData();
                               }}
-                              className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                              className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900"
                             />
                           </div>
                           <button
-                            onClick={() => {
+                            onClick={async () => {
                               if (confirm('Bu kamera silinsin mi?')) {
-                                dataStore.deleteCamera(camera.id);
+                                await dataStore.deleteCamera(camera.id);
                                 loadData();
                               }
                             }}
@@ -1643,11 +1619,11 @@ export default function Dashboard() {
                           <input
                             type="text"
                             value={camera.location}
-                            onChange={(e) => {
-                              dataStore.updateCamera(camera.id, { location: e.target.value });
+                            onChange={async (e) => {
+                              await dataStore.updateCamera(camera.id, { location: e.target.value });
                               loadData();
                             }}
-                            className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                            className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900"
                           />
                         </div>
 
@@ -1656,11 +1632,11 @@ export default function Dashboard() {
                           <input
                             type="text"
                             value={camera.videoUrl}
-                            onChange={(e) => {
-                              dataStore.updateCamera(camera.id, { videoUrl: e.target.value });
+                            onChange={async (e) => {
+                              await dataStore.updateCamera(camera.id, { videoUrl: e.target.value });
                               loadData();
                             }}
-                            className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                            className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900"
                             placeholder="https://www.youtube.com/embed/VIDEO_ID"
                           />
                         </div>
@@ -1670,11 +1646,11 @@ export default function Dashboard() {
                             <label className="block text-sm font-medium text-gray-700 mb-1">Durum</label>
                             <select
                               value={camera.status}
-                              onChange={(e) => {
-                                dataStore.updateCamera(camera.id, { status: e.target.value as 'online' | 'offline' });
+                              onChange={async (e) => {
+                                await dataStore.updateCamera(camera.id, { status: e.target.value as 'online' | 'offline' });
                                 loadData();
                               }}
-                              className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                              className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900"
                             >
                               <option value="online">Online</option>
                               <option value="offline">Offline</option>
@@ -1685,11 +1661,11 @@ export default function Dashboard() {
                             <input
                               type="number"
                               value={camera.viewers || 0}
-                              onChange={(e) => {
-                                dataStore.updateCamera(camera.id, { viewers: parseInt(e.target.value) || 0 });
+                              onChange={async (e) => {
+                                await dataStore.updateCamera(camera.id, { viewers: parseInt(e.target.value) || 0 });
                                 loadData();
                               }}
-                              className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                              className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900"
                             />
                           </div>
                           <div>
@@ -1697,11 +1673,11 @@ export default function Dashboard() {
                             <input
                               type="number"
                               value={camera.order}
-                              onChange={(e) => {
-                                dataStore.updateCamera(camera.id, { order: parseInt(e.target.value) });
+                              onChange={async (e) => {
+                                await dataStore.updateCamera(camera.id, { order: parseInt(e.target.value) });
                                 loadData();
                               }}
-                              className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                              className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900"
                             />
                           </div>
                         </div>
@@ -1743,36 +1719,36 @@ export default function Dashboard() {
                         <label className="block text-sm font-semibold text-gray-700 mb-2">Kısa Ad</label>
                         <input
                           type="text"
-                          value={siteSettings.companyInfo.name}
+                          value={siteSettings.company?.name || ''}
                           onChange={(e) => setSiteSettings({
                             ...siteSettings,
-                            companyInfo: { ...siteSettings.companyInfo, name: e.target.value }
+                            company: { ...siteSettings.company, name: e.target.value }
                           })}
-                          className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                          className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900 text-gray-900"
                         />
                       </div>
                       <div>
-                        <label className="block text-sm font-semibold text-gray-700 mb-2">Tam Ünvan</label>
+                        <label className="block text-sm font-semibold text-gray-700 mb-2">Açıklama</label>
                         <input
                           type="text"
-                          value={siteSettings.companyInfo.fullName}
+                          value={siteSettings.company?.description || ''}
                           onChange={(e) => setSiteSettings({
                             ...siteSettings,
-                            companyInfo: { ...siteSettings.companyInfo, fullName: e.target.value }
+                            company: { ...siteSettings.company, description: e.target.value }
                           })}
-                          className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                          className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900 text-gray-900"
                         />
                       </div>
                       <div>
-                        <label className="block text-sm font-semibold text-gray-700 mb-2">Kuruluş Yılı</label>
+                        <label className="block text-sm font-semibold text-gray-700 mb-2">Logo URL</label>
                         <input
                           type="text"
-                          value={siteSettings.companyInfo.foundedYear}
+                          value={siteSettings.company?.logo || ''}
                           onChange={(e) => setSiteSettings({
                             ...siteSettings,
-                            companyInfo: { ...siteSettings.companyInfo, foundedYear: e.target.value }
+                            company: { ...siteSettings.company, logo: e.target.value }
                           })}
-                          className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                          className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900 text-gray-900"
                         />
                       </div>
                     </div>
@@ -1786,48 +1762,48 @@ export default function Dashboard() {
                         <label className="block text-sm font-semibold text-gray-700 mb-2">Telefon</label>
                         <input
                           type="text"
-                          value={siteSettings.contact.phone}
+                          value={siteSettings.contact?.phone || ''}
                           onChange={(e) => setSiteSettings({
                             ...siteSettings,
                             contact: { ...siteSettings.contact, phone: e.target.value }
                           })}
-                          className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                          className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900 text-gray-900"
                         />
                       </div>
                       <div>
                         <label className="block text-sm font-semibold text-gray-700 mb-2">E-posta</label>
                         <input
                           type="email"
-                          value={siteSettings.contact.email}
+                          value={siteSettings.contact?.email || ''}
                           onChange={(e) => setSiteSettings({
                             ...siteSettings,
                             contact: { ...siteSettings.contact, email: e.target.value }
                           })}
-                          className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                          className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900 text-gray-900"
                         />
                       </div>
                       <div>
                         <label className="block text-sm font-semibold text-gray-700 mb-2">KEP Adresi</label>
                         <input
                           type="text"
-                          value={siteSettings.contact.kep}
+                          value={siteSettings.contact?.kep || ''}
                           onChange={(e) => setSiteSettings({
                             ...siteSettings,
                             contact: { ...siteSettings.contact, kep: e.target.value }
                           })}
-                          className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                          className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900 text-gray-900"
                         />
                       </div>
                       <div className="md:col-span-2">
                         <label className="block text-sm font-semibold text-gray-700 mb-2">Adres</label>
                         <textarea
-                          value={siteSettings.contact.address}
+                          value={siteSettings.contact?.address || ''}
                           onChange={(e) => setSiteSettings({
                             ...siteSettings,
                             contact: { ...siteSettings.contact, address: e.target.value }
                           })}
                           rows={3}
-                          className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent resize-none"
+                          className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent resize-none text-gray-900 text-gray-900"
                         />
                       </div>
                     </div>
@@ -1841,12 +1817,12 @@ export default function Dashboard() {
                         <label className="block text-sm font-semibold text-gray-700 mb-2">Facebook</label>
                         <input
                           type="url"
-                          value={siteSettings.social.facebook}
+                          value={siteSettings.social?.facebook || ''}
                           onChange={(e) => setSiteSettings({
                             ...siteSettings,
                             social: { ...siteSettings.social, facebook: e.target.value }
                           })}
-                          className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                          className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900 text-gray-900"
                           placeholder="https://facebook.com/..."
                         />
                       </div>
@@ -1854,12 +1830,12 @@ export default function Dashboard() {
                         <label className="block text-sm font-semibold text-gray-700 mb-2">Twitter</label>
                         <input
                           type="url"
-                          value={siteSettings.social.twitter}
+                          value={siteSettings.social?.twitter || ''}
                           onChange={(e) => setSiteSettings({
                             ...siteSettings,
                             social: { ...siteSettings.social, twitter: e.target.value }
                           })}
-                          className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                          className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900 text-gray-900"
                           placeholder="https://twitter.com/..."
                         />
                       </div>
@@ -1867,12 +1843,12 @@ export default function Dashboard() {
                         <label className="block text-sm font-semibold text-gray-700 mb-2">Instagram</label>
                         <input
                           type="url"
-                          value={siteSettings.social.instagram}
+                          value={siteSettings.social?.instagram || ''}
                           onChange={(e) => setSiteSettings({
                             ...siteSettings,
                             social: { ...siteSettings.social, instagram: e.target.value }
                           })}
-                          className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                          className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900 text-gray-900"
                           placeholder="https://instagram.com/..."
                         />
                       </div>
@@ -1880,12 +1856,12 @@ export default function Dashboard() {
                         <label className="block text-sm font-semibold text-gray-700 mb-2">YouTube</label>
                         <input
                           type="url"
-                          value={siteSettings.social.youtube}
+                          value={siteSettings.social?.youtube || ''}
                           onChange={(e) => setSiteSettings({
                             ...siteSettings,
                             social: { ...siteSettings.social, youtube: e.target.value }
                           })}
-                          className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                          className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900 text-gray-900"
                           placeholder="https://youtube.com/..."
                         />
                       </div>
@@ -1898,7 +1874,7 @@ export default function Dashboard() {
                             ...siteSettings,
                             social: { ...siteSettings.social, linkedin: e.target.value }
                           })}
-                          className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                          className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900 text-gray-900"
                           placeholder="https://linkedin.com/..."
                         />
                       </div>
@@ -1970,7 +1946,7 @@ export default function Dashboard() {
                   type="text"
                   value={editingSlide.title}
                   onChange={(e) => setEditingSlide({ ...editingSlide, title: e.target.value })}
-                  className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                  className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900"
                   required
                 />
               </div>
@@ -1981,7 +1957,7 @@ export default function Dashboard() {
                   value={editingSlide.description}
                   onChange={(e) => setEditingSlide({ ...editingSlide, description: e.target.value })}
                   rows={3}
-                  className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                  className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900"
                   required
                 />
               </div>
@@ -1993,7 +1969,7 @@ export default function Dashboard() {
                     type="text"
                     value={editingSlide.buttonText}
                     onChange={(e) => setEditingSlide({ ...editingSlide, buttonText: e.target.value })}
-                    className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                    className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900"
                   />
                 </div>
 
@@ -2003,7 +1979,7 @@ export default function Dashboard() {
                     type="text"
                     value={editingSlide.buttonLink}
                     onChange={(e) => setEditingSlide({ ...editingSlide, buttonLink: e.target.value })}
-                    className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                    className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900"
                     placeholder="#"
                   />
                 </div>
@@ -2075,7 +2051,7 @@ export default function Dashboard() {
                   type="text"
                   value={editingNewsItem.title}
                   onChange={(e) => setEditingNewsItem({ ...editingNewsItem, title: e.target.value })}
-                  className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                  className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900"
                   required
                 />
               </div>
@@ -2086,7 +2062,7 @@ export default function Dashboard() {
                   value={editingNewsItem.summary}
                   onChange={(e) => setEditingNewsItem({ ...editingNewsItem, summary: e.target.value })}
                   rows={2}
-                  className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                  className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900"
                   required
                 />
               </div>
@@ -2097,7 +2073,7 @@ export default function Dashboard() {
                   value={editingNewsItem.content}
                   onChange={(e) => setEditingNewsItem({ ...editingNewsItem, content: e.target.value })}
                   rows={6}
-                  className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                  className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900"
                   required
                 />
               </div>
@@ -2108,7 +2084,7 @@ export default function Dashboard() {
                   type="url"
                   value={editingNewsItem.image}
                   onChange={(e) => setEditingNewsItem({ ...editingNewsItem, image: e.target.value })}
-                  className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                  className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900"
                   placeholder="https://example.com/image.jpg"
                   required
                 />
@@ -2120,7 +2096,7 @@ export default function Dashboard() {
                   <select
                     value={editingNewsItem.category}
                     onChange={(e) => setEditingNewsItem({ ...editingNewsItem, category: e.target.value as 'construction' | 'announcements' | 'events' })}
-                    className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                    className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900"
                     required
                   >
                     <option value="construction">İnşaat</option>
@@ -2135,7 +2111,7 @@ export default function Dashboard() {
                     type="text"
                     value={editingNewsItem.author || ''}
                     onChange={(e) => setEditingNewsItem({ ...editingNewsItem, author: e.target.value })}
-                    className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                    className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900"
                     placeholder="Yazar adı"
                   />
                 </div>
@@ -2207,7 +2183,7 @@ export default function Dashboard() {
                   type="text"
                   value={editingMediaItem.title}
                   onChange={(e) => setEditingMediaItem({ ...editingMediaItem, title: e.target.value })}
-                  className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                  className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900"
                   required
                 />
               </div>
@@ -2218,7 +2194,7 @@ export default function Dashboard() {
                   value={editingMediaItem.description}
                   onChange={(e) => setEditingMediaItem({ ...editingMediaItem, description: e.target.value })}
                   rows={3}
-                  className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                  className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900"
                   required
                 />
               </div>
@@ -2229,7 +2205,7 @@ export default function Dashboard() {
                   <select
                     value={editingMediaItem.type}
                     onChange={(e) => setEditingMediaItem({ ...editingMediaItem, type: e.target.value as 'video' | 'photo' })}
-                    className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                    className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900"
                     required
                   >
                     <option value="photo">Fotoğraf</option>
@@ -2242,7 +2218,7 @@ export default function Dashboard() {
                   <select
                     value={editingMediaItem.category}
                     onChange={(e) => setEditingMediaItem({ ...editingMediaItem, category: e.target.value })}
-                    className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                    className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900"
                   >
                     <option value="construction">İnşaat</option>
                     <option value="event">Etkinlik</option>
@@ -2257,7 +2233,7 @@ export default function Dashboard() {
                   type="url"
                   value={editingMediaItem.type === 'video' ? editingMediaItem.videoUrl || '' : editingMediaItem.thumbnail}
                   onChange={(e) => setEditingMediaItem(editingMediaItem.type === 'video' ? { ...editingMediaItem, videoUrl: e.target.value } : { ...editingMediaItem, thumbnail: e.target.value })}
-                  className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                  className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900"
                   placeholder={editingMediaItem.type === 'video' ? "https://www.youtube.com/embed/VIDEO_ID" : "https://example.com/image.jpg"}
                   required
                 />
@@ -2269,7 +2245,7 @@ export default function Dashboard() {
                   type="url"
                   value={editingMediaItem.thumbnail}
                   onChange={(e) => setEditingMediaItem({ ...editingMediaItem, thumbnail: e.target.value })}
-                  className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                  className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900"
                   placeholder="https://example.com/thumbnail.jpg"
                 />
               </div>
@@ -2327,7 +2303,7 @@ export default function Dashboard() {
                   type="text"
                   value={editingDocument.title}
                   onChange={(e) => setEditingDocument({ ...editingDocument, title: e.target.value })}
-                  className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                  className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900"
                   required
                 />
               </div>
@@ -2338,7 +2314,7 @@ export default function Dashboard() {
                   value={editingDocument.description}
                   onChange={(e) => setEditingDocument({ ...editingDocument, description: e.target.value })}
                   rows={3}
-                  className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                  className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900"
                   required
                 />
               </div>
@@ -2349,7 +2325,7 @@ export default function Dashboard() {
                   <select
                     value={editingDocument.type}
                     onChange={(e) => setEditingDocument({ ...editingDocument, type: e.target.value as 'PDF' | 'DWG' | 'XLSX' | 'DOCX' })}
-                    className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                    className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900"
                     required
                   >
                     <option value="PDF">PDF</option>
@@ -2365,7 +2341,7 @@ export default function Dashboard() {
                     type="text"
                     value={editingDocument.size}
                     onChange={(e) => setEditingDocument({ ...editingDocument, size: e.target.value })}
-                    className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                    className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900"
                     placeholder="2.5 MB"
                   />
                 </div>
@@ -2376,7 +2352,7 @@ export default function Dashboard() {
                 <select
                   value={editingDocument.category}
                   onChange={(e) => setEditingDocument({ ...editingDocument, category: e.target.value as 'ihale' | 'teknik' | 'cevresel' | 'raporlar' | 'guvenlik' })}
-                  className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                  className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900"
                   required
                 >
                   <option value="ihale">İhale</option>
@@ -2393,7 +2369,7 @@ export default function Dashboard() {
                   type="text"
                   value={editingDocument.downloadUrl}
                   onChange={(e) => setEditingDocument({ ...editingDocument, downloadUrl: e.target.value })}
-                  className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                  className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900"
                   placeholder="#"
                 />
               </div>
@@ -2449,7 +2425,7 @@ export default function Dashboard() {
                   type="text"
                   value={editingStation.name}
                   onChange={(e) => setEditingStation({ ...editingStation, name: e.target.value })}
-                  className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent bg-gray-50"
+                  className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent bg-gray-50 text-gray-900"
                   readOnly
                 />
               </div>
@@ -2460,7 +2436,7 @@ export default function Dashboard() {
                   <select
                     value={editingStation.status}
                     onChange={(e) => setEditingStation({ ...editingStation, status: e.target.value as MetroStation['status'] })}
-                    className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                    className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900"
                     required
                   >
                     <option value="completed">Tamamlandı</option>
@@ -2477,7 +2453,7 @@ export default function Dashboard() {
                     max="100"
                     value={editingStation.progress}
                     onChange={(e) => setEditingStation({ ...editingStation, progress: parseInt(e.target.value) })}
-                    className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                    className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900"
                     required
                   />
                 </div>
@@ -2490,7 +2466,7 @@ export default function Dashboard() {
                     type="text"
                     value={editingStation.startDate}
                     onChange={(e) => setEditingStation({ ...editingStation, startDate: e.target.value })}
-                    className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                    className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900"
                     placeholder="1 Ocak 2024"
                   />
                 </div>
@@ -2501,7 +2477,7 @@ export default function Dashboard() {
                     type="text"
                     value={editingStation.expectedCompletion}
                     onChange={(e) => setEditingStation({ ...editingStation, expectedCompletion: e.target.value })}
-                    className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                    className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900"
                     placeholder="31 Aralık 2025"
                   />
                 </div>
@@ -2513,7 +2489,7 @@ export default function Dashboard() {
                   type="text"
                   value={editingStation.dailyCapacity}
                   onChange={(e) => setEditingStation({ ...editingStation, dailyCapacity: e.target.value })}
-                  className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                  className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900"
                   placeholder="50,000"
                 />
               </div>
@@ -2524,7 +2500,7 @@ export default function Dashboard() {
                   type="text"
                   value={editingStation.features.join(', ')}
                   onChange={(e) => setEditingStation({ ...editingStation, features: e.target.value.split(',').map(f => f.trim()) })}
-                  className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent"
+                  className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00B4D8] focus:border-transparent text-gray-900"
                   placeholder="Otopark, Engelsiz Erişim, Modern Tasarım"
                 />
               </div>
diff --git a/app/yonetim-paneli-a2m-secure/page.tsx b/app/yonetim-paneli-a2m-secure/page.tsx
index 21fb33d..84bfcc2 100644
--- a/app/yonetim-paneli-a2m-secure/page.tsx
+++ b/app/yonetim-paneli-a2m-secure/page.tsx
@@ -14,12 +14,28 @@ export default function AdminLogin() {
     setLoading(true);
     setError('');
 
-    // Basit auth - production'da backend ile yapılmalı
-    if (credentials.username === 'admin' && credentials.password === 'A2Metro2025!') {
-      localStorage.setItem('admin_token', 'authenticated');
+    try {
+      const response = await fetch('/api/auth/login', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify(credentials),
+      });
+
+      const data = await response.json();
+
+      if (!response.ok) {
+        setError(data.error || 'Giriş başarısız');
+        setLoading(false);
+        return;
+      }
+
+      // Başarılı giriş
       router.push('/yonetim-paneli-a2m-secure/dashboard');
-    } else {
-      setError('Kullanıcı adı veya şifre hatalı');
+    } catch (error) {
+      console.error('Login error:', error);
+      setError('Bir hata oluştu. Lütfen tekrar deneyin.');
       setLoading(false);
     }
   };
diff --git a/components/ContactSection.tsx b/components/ContactSection.tsx
index e8e915d..473481f 100644
--- a/components/ContactSection.tsx
+++ b/components/ContactSection.tsx
@@ -11,7 +11,7 @@ export default function ContactSection({ onClose }: ContactSectionProps) {
   const [settings, setSettings] = useState<SiteSettings | null>(null);
 
   useEffect(() => {
-    setSettings(dataStore.getSiteSettings());
+    dataStore.getSiteSettings().then(setSettings);
   }, []);
 
   if (!settings) return null;
diff --git a/components/DocumentsSection.tsx b/components/DocumentsSection.tsx
index 0d74f18..cc8ae0c 100644
--- a/components/DocumentsSection.tsx
+++ b/components/DocumentsSection.tsx
@@ -28,7 +28,7 @@ export default function DocumentsSection({ onClose }: DocumentsSectionProps) {
   ];
 
   useEffect(() => {
-    setDocuments(dataStore.getDocuments());
+    dataStore.getDocuments().then(setDocuments);
   }, []);
 
   const filteredDocs = selectedCategory === 'all'
diff --git a/components/Footer.tsx b/components/Footer.tsx
index 10848c0..b98a70c 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -9,7 +9,7 @@ export default function Footer() {
   const [settings, setSettings] = useState<SiteSettings | null>(null);
 
   useEffect(() => {
-    setSettings(dataStore.getSiteSettings());
+    dataStore.getSiteSettings().then(setSettings);
   }, []);
 
   if (!settings) return null;
@@ -153,6 +153,20 @@ export default function Footer() {
                     <path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"/>
                   </svg>
                 </a>
+                {/* YouTube */}
+                {settings.social.youtube && (
+                  <a 
+                    href={settings.social.youtube} 
+                    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="YouTube"
+                  >
+                    <svg className="w-4 h-4" fill="currentColor" viewBox="0 0 24 24">
+                      <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/>
+                    </svg>
+                  </a>
+                )}
                 {/* LinkedIn */}
                 {settings.social.linkedin && (
                   <a 
@@ -175,7 +189,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">
-            © {new Date().getFullYear()} {settings.companyInfo.fullName} - Tüm hakları saklıdır.
+            © {new Date().getFullYear()} {settings.company.name} - Tüm hakları saklıdır.
           </p>
         </div>
       </div>
diff --git a/components/Header.tsx b/components/Header.tsx
index ca20ce7..5475170 100644
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -8,7 +8,7 @@ export default function Header() {
   const [settings, setSettings] = useState<SiteSettings | null>(null);
 
   useEffect(() => {
-    setSettings(dataStore.getSiteSettings());
+    dataStore.getSiteSettings().then(setSettings);
   }, []);
 
   const menuItems = [
@@ -151,6 +151,18 @@ export default function Header() {
                           </svg>
                         </a>
                       )}
+                      {settings.social.youtube && (
+                        <a
+                          href={settings.social.youtube}
+                          target="_blank"
+                          rel="noopener noreferrer"
+                          className="w-10 h-10 rounded-lg bg-white/10 hover:bg-white/20 flex items-center justify-center transition-all hover:scale-110"
+                        >
+                          <svg className="w-5 h-5 text-white" fill="currentColor" viewBox="0 0 24 24">
+                            <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/>
+                          </svg>
+                        </a>
+                      )}
                       {settings.social.linkedin && (
                         <a
                           href={settings.social.linkedin}
diff --git a/components/MediaGallery.tsx b/components/MediaGallery.tsx
index f106872..7fb93cc 100644
--- a/components/MediaGallery.tsx
+++ b/components/MediaGallery.tsx
@@ -15,7 +15,7 @@ export default function MediaGallery({ onClose }: MediaGalleryProps) {
   const [selectedMedia, setSelectedMedia] = useState<number | null>(null);
 
   useEffect(() => {
-    setMediaItems(dataStore.getMedia());
+    dataStore.getMedia().then(setMediaItems);
   }, []);
 
   const filteredMedia = selectedMediaTab === 'all'
diff --git a/components/MetroLine.tsx b/components/MetroLine.tsx
index 096c35b..2b5558e 100644
--- a/components/MetroLine.tsx
+++ b/components/MetroLine.tsx
@@ -10,34 +10,36 @@ export default function MetroLine() {
   const [currentStationIndex, setCurrentStationIndex] = useState(0);
 
   useEffect(() => {
-    // Metro istasyonlarını yükle
-    const loadedStations = dataStore.getMetroStations();
-    setStations(loadedStations);
+    // Metro istasyonlarını yükle (async)
+    dataStore.getMetroStations().then(loadedStations => {
+      setStations(loadedStations);
 
-    // Admin panelinden seçili istasyonu al
-    const adminSelectedId = localStorage.getItem('metro_selected_station');
-    if (adminSelectedId) {
-      setSelectedStationId(parseInt(adminSelectedId));
-      
-      // Seçili istasyonun index'ini bul
-      const selectedIndex = loadedStations.findIndex(s => s.id === parseInt(adminSelectedId));
-      if (selectedIndex !== -1) {
-        // Metro animasyonu başlat
-        let currentIndex = 0;
-        const interval = setInterval(() => {
-          if (currentIndex < selectedIndex) {
-            currentIndex++;
-            setCurrentStationIndex(currentIndex);
-          } else {
-            clearInterval(interval);
-          }
-        }, 2000); // Her 2 saniyede bir ilerle
+      // Admin panelinden seçili istasyonu al
+      const adminSelectedId = localStorage.getItem('metro_selected_station');
+      if (adminSelectedId) {
+        setSelectedStationId(parseInt(adminSelectedId));
+        
+        // Seçili istasyonun index'ini bul
+        const selectedIndex = loadedStations.findIndex(s => s.id === parseInt(adminSelectedId));
+        if (selectedIndex !== -1) {
+          // Metro animasyonu başlat
+          let currentIndex = 0;
+          const interval = setInterval(() => {
+            if (currentIndex < selectedIndex) {
+              currentIndex++;
+              setCurrentStationIndex(currentIndex);
+            } else {
+              clearInterval(interval);
+            }
+          }, 2000); // Her 2 saniyede bir ilerle
 
-        return () => clearInterval(interval);
+          return () => clearInterval(interval);
+        }
       }
-    }
+    });
   }, []);
 
+
   const getStationStyle = (index: number, station: MetroStation) => {
     // Seçili istasyonun index'ini bul
     const selectedIndex = selectedStationId 
diff --git a/data/documents.ts b/data/documents.ts
index b888228..06df1af 100644
--- a/data/documents.ts
+++ b/data/documents.ts
@@ -10,135 +10,5 @@ export interface Document {
   featured?: boolean;
 }
 
-export const documentsData: Document[] = [
-  {
-    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ı",
-    featured: true
-  },
-  {
-    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",
-    featured: true
-  },
-  {
-    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 Ekim Ayı İlerleme Raporu",
-    category: 'raporlar',
-    date: "1 Kasım 2025",
-    size: "1.8 MB",
-    type: "PDF",
-    description: "Aylık proje ilerleme ve istatistikler",
-    featured: true
-  },
-  {
-    id: 5,
-    title: "Güvenlik Planı ve Prosedürleri",
-    category: 'guvenlik',
-    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 Eylül Ayı İlerleme Raporu",
-    category: 'raporlar',
-    date: "1 Ekim 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ı"
-  },
-  {
-    id: 10,
-    title: "İş Güvenliği Risk Analizi",
-    category: 'guvenlik',
-    date: "5 Şubat 2025",
-    size: "2.7 MB",
-    type: "PDF",
-    description: "İnşaat sahası risk değerlendirme raporu"
-  },
-  {
-    id: 11,
-    title: "Elektrik ve Mekanik Sistem Şartnamesi",
-    category: 'teknik',
-    date: "15 Mart 2025",
-    size: "6.3 MB",
-    type: "PDF",
-    description: "Metro elektrik ve mekanik sistemler teknik şartnamesi"
-  },
-  {
-    id: 12,
-    title: "Su Yönetimi Planı",
-    category: 'cevresel',
-    date: "10 Nisan 2025",
-    size: "2.2 MB",
-    type: "PDF",
-    description: "İnşaat sahası su kullanımı ve yönetimi"
-  }
-];
-
-export const documentCategories = [
-  { 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: '📊' },
-  { id: 'guvenlik', name: 'Güvenlik Belgeleri', icon: '🛡️' },
-];
-
-export const getFileIcon = (type: string) => {
-  switch (type) {
-    case 'PDF': return '📕';
-    case 'DWG': return '📐';
-    case 'XLSX': return '📊';
-    case 'DOCX': return '📄';
-    default: return '📄';
-  }
-};
+// Mock data removed - all data comes from database
+export const documentsData: Document[] = [];
diff --git a/data/media.ts b/data/media.ts
index 2c5192f..5dd05e7 100644
--- a/data/media.ts
+++ b/data/media.ts
@@ -11,105 +11,5 @@ export interface MediaItem {
   featured?: boolean;
 }
 
-export const mediaData: MediaItem[] = [
-  {
-    id: 1,
-    type: 'video',
-    title: 'A2 Metro Hattı Genel Tanıtım',
-    thumbnail: 'https://images.pexels.com/photos/17152223/pexels-photo-17152223.jpeg',
-    videoUrl: 'https://www.youtube.com/embed/b9q88QDEcKg',
-    date: '20 Ekim 2025',
-    duration: '5:32',
-    description: 'A2 Metro Hattı projesinin genel tanıtımı ve istasyonların detayları',
-    category: 'Tanıtım',
-    featured: true
-  },
-  {
-    id: 2,
-    type: 'photo',
-    title: 'Dikimevi İstasyonu İnşaat Çalışmaları',
-    thumbnail: 'https://images.pexels.com/photos/17302615/pexels-photo-17302615.jpeg',
-    date: '18 Ekim 2025',
-    description: 'Dikimevi metro istasyonunda devam eden kazı ve inşaat çalışmaları',
-    category: 'İnşaat',
-    featured: true
-  },
-  {
-    id: 3,
-    type: 'photo',
-    title: 'Tuzluçayır İstasyonu Temel Atma',
-    thumbnail: 'https://images.pexels.com/photos/33950678/pexels-photo-33950678.jpeg',
-    date: '15 Ekim 2025',
-    description: 'Tuzluçayır istasyonunun temel atma töreni anları',
-    category: 'Etkinlik'
-  },
-  {
-    id: 4,
-    type: 'video',
-    title: 'Metro İnşaatı İlerleme Raporu',
-    thumbnail: 'https://images.pexels.com/photos/253647/pexels-photo-253647.jpeg',
-    videoUrl: 'https://www.youtube.com/embed/b9q88QDEcKg',
-    date: '12 Ekim 2025',
-    duration: '8:15',
-    description: 'Ekim ayı metro inşaatı ilerleme raporu ve gelecek hedefler',
-    category: 'Rapor'
-  },
-  {
-    id: 5,
-    type: 'photo',
-    title: 'Modern İstasyon Tasarımları',
-    thumbnail: 'https://images.pexels.com/photos/17152223/pexels-photo-17152223.jpeg',
-    date: '10 Ekim 2025',
-    description: 'Yeni nesil metro istasyonlarının modern iç mekan tasarımları',
-    category: 'Tasarım'
-  },
-  {
-    id: 6,
-    type: 'video',
-    title: 'Çevre Dostu Metro Projesi',
-    thumbnail: 'https://images.pexels.com/photos/17302615/pexels-photo-17302615.jpeg',
-    videoUrl: 'https://www.youtube.com/embed/b9q88QDEcKg',
-    date: '8 Ekim 2025',
-    duration: '6:45',
-    description: 'Metro projesinde kullanılan çevre dostu teknolojiler ve sürdürülebilir yaklaşımlar',
-    category: 'Çevre'
-  },
-  {
-    id: 7,
-    type: 'photo',
-    title: 'İşçi Güvenliği Eğitimi',
-    thumbnail: 'https://images.pexels.com/photos/33950678/pexels-photo-33950678.jpeg',
-    date: '5 Ekim 2025',
-    description: 'İnşaat sahalarında iş güvenliği eğitimleri',
-    category: 'Güvenlik'
-  },
-  {
-    id: 8,
-    type: 'photo',
-    title: 'Ray Döşeme Çalışmaları',
-    thumbnail: 'https://images.pexels.com/photos/253647/pexels-photo-253647.jpeg',
-    date: '1 Ekim 2025',
-    description: 'Metro hattında ray döşeme işlemlerinin başlaması',
-    category: 'İnşaat'
-  },
-  {
-    id: 9,
-    type: 'video',
-    title: 'TBM Makinesi Tünel Kazısı',
-    thumbnail: 'https://images.pexels.com/photos/17152223/pexels-photo-17152223.jpeg',
-    videoUrl: 'https://www.youtube.com/embed/b9q88QDEcKg',
-    date: '28 Eylül 2025',
-    duration: '4:20',
-    description: 'Dev tünel açma makinesinin çalışma anları',
-    category: 'Teknoloji'
-  },
-  {
-    id: 10,
-    type: 'photo',
-    title: 'Gece Vardiyası Çalışmaları',
-    thumbnail: 'https://images.pexels.com/photos/17302615/pexels-photo-17302615.jpeg',
-    date: '25 Eylül 2025',
-    description: 'İnşaat sahalarında 7/24 devam eden çalışmalar',
-    category: 'İnşaat'
-  }
-];
+// Mock data removed - all data comes from database
+export const mediaData: MediaItem[] = [];
diff --git a/data/metroStations.ts b/data/metroStations.ts
index 32f9729..186e0a4 100644
--- a/data/metroStations.ts
+++ b/data/metroStations.ts
@@ -12,121 +12,5 @@ export interface MetroStation {
   image?: string;
 }
 
-export const metroStations: MetroStation[] = [
-  {
-    id: 1,
-    name: 'ABİDİN PAŞA',
-    status: 'completed',
-    progress: 100,
-    startDate: '10 Ocak 2023',
-    expectedCompletion: '30 Aralık 2023',
-    actualCompletion: '25 Aralık 2023',
-    connections: ['M1'],
-    features: ['Aktarma İstasyonu', 'Otopark', 'Engelsiz Erişim', 'Ticari Alanlar'],
-    dailyCapacity: '45,000'
-  },
-  {
-    id: 2,
-    name: 'AŞIK VEYSEL',
-    status: 'completed',
-    progress: 100,
-    startDate: '15 Şubat 2023',
-    expectedCompletion: '15 Mart 2024',
-    actualCompletion: '10 Mart 2024',
-    connections: [],
-    features: ['Modern Tasarım', 'Güvenlik Sistemleri', 'Engelsiz Erişim'],
-    dailyCapacity: '35,000'
-  },
-  {
-    id: 3,
-    name: 'TUZLUÇAYIR',
-    status: 'in-progress',
-    progress: 75,
-    startDate: '1 Mart 2024',
-    expectedCompletion: '30 Haziran 2025',
-    connections: [],
-    features: ['Modern Tasarım', 'Güneş Enerjisi', 'Güvenlik Sistemleri', 'Engelsiz Erişim'],
-    dailyCapacity: '40,000'
-  },
-  {
-    id: 4,
-    name: 'GENERAL ZEKİ DOĞAN',
-    status: 'in-progress',
-    progress: 45,
-    startDate: '15 Nisan 2024',
-    expectedCompletion: '30 Eylül 2025',
-    connections: [],
-    features: ['Otopark', 'Bisiklet Park Alanı', 'Güvenlik Sistemleri'],
-    dailyCapacity: '30,000'
-  },
-  {
-    id: 5,
-    name: 'FAHRİ KORUTÜRK',
-    status: 'planned',
-    progress: 15,
-    startDate: '1 Haziran 2024',
-    expectedCompletion: '31 Aralık 2025',
-    connections: [],
-    features: ['Modern Mimari', 'Yeşil Alan', 'Engelsiz Erişim'],
-    dailyCapacity: '35,000'
-  },
-  {
-    id: 6,
-    name: 'CENGİZHAN',
-    status: 'planned',
-    progress: 10,
-    startDate: '1 Ağustos 2024',
-    expectedCompletion: '28 Şubat 2026',
-    connections: [],
-    features: ['Ticari Alanlar', 'Otopark', 'Güvenlik Sistemleri'],
-    dailyCapacity: '32,000'
-  },
-  {
-    id: 7,
-    name: 'AKŞEMSETTİN',
-    status: 'planned',
-    progress: 5,
-    startDate: '1 Ekim 2024',
-    expectedCompletion: '30 Nisan 2026',
-    connections: [],
-    features: ['Modern Tasarım', 'Engelsiz Erişim', 'Bisiklet Park Alanı'],
-    dailyCapacity: '28,000'
-  },
-  {
-    id: 8,
-    name: 'NATOYOLU',
-    status: 'planned',
-    progress: 5,
-    startDate: '1 Aralık 2024',
-    expectedCompletion: '30 Haziran 2026',
-    connections: ['M2'],
-    features: ['Aktarma İstasyonu', 'Otopark', 'Ticari Alanlar', 'Modern Tasarım'],
-    dailyCapacity: '50,000'
-  }
-];
-
-export const getStatusColor = (status: MetroStation['status']) => {
-  switch (status) {
-    case 'completed':
-      return 'bg-green-500';
-    case 'in-progress':
-      return 'bg-blue-500';
-    case 'planned':
-      return 'bg-yellow-500';
-    default:
-      return 'bg-gray-500';
-  }
-};
-
-export const getStatusText = (status: MetroStation['status']) => {
-  switch (status) {
-    case 'completed':
-      return 'Tamamlandı';
-    case 'in-progress':
-      return 'Devam Ediyor';
-    case 'planned':
-      return 'Planlanıyor';
-    default:
-      return 'Bilinmiyor';
-  }
-};
+// Mock data removed - all data comes from database
+export const metroStations: MetroStation[] = [];
diff --git a/data/news.ts b/data/news.ts
index b2f1847..2538e3d 100644
--- a/data/news.ts
+++ b/data/news.ts
@@ -8,103 +8,11 @@ export interface NewsItem {
   author: string;
   content: string;
   tags: string[];
-  featured?: boolean; // Ana sayfada gösterilecek mi
+  featured?: boolean;
 }
 
-export const newsData: NewsItem[] = [
-  {
-    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://images.pexels.com/photos/17152223/pexels-photo-17152223.jpeg',
-    date: '20 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. İnşaat ekiplerimiz 7/24 çalışarak projeyi zamanında tamamlamak için büyük çaba gösteriyor.',
-    tags: ['Metro', 'İnşaat', 'A2 Hattı'],
-    featured: true
-  },
-  {
-    id: 2,
-    category: 'announcements',
-    title: 'Yeni İstasyon Tasarımları Açıklandı',
-    summary: 'Modern ve çevre dostu istasyon tasarımları kamuoyuyla paylaşıldı.',
-    image: 'https://images.pexels.com/photos/17302615/pexels-photo-17302615.jpeg',
-    date: '18 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. Yolcu konforunu artıracak modern bekleme alanları ve engelsiz erişim imkanları sunulacak.',
-    tags: ['Tasarım', 'Sürdürülebilirlik', 'İstasyon'],
-    featured: true
-  },
-  {
-    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://images.pexels.com/photos/33950678/pexels-photo-33950678.jpeg',
-    date: '15 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. Dikimevi istasyonu günlük 50 bin yolcu kapasitesine sahip olacak.',
-    tags: ['Tören', 'Dikimevi', 'Milestone'],
-    featured: true
-  },
-  {
-    id: 4,
-    category: 'announcements',
-    title: 'Metro Hattı 2026\'da Hizmete Girecek',
-    summary: 'A2 Metro Hattı\'nın ilk etabının 2026 yılı sonunda hizmete girmesi planlanıyor.',
-    image: 'https://images.pexels.com/photos/253647/pexels-photo-253647.jpeg',
-    date: '12 Ekim 2025',
-    author: 'Ankara Büyükşehir Belediyesi',
-    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.',
-    tags: ['2026', 'Açılış', 'Milestone'],
-    featured: true
-  },
-  {
-    id: 5,
-    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://images.pexels.com/photos/17152223/pexels-photo-17152223.jpeg',
-    date: '8 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ı. Etkinliğe büyük ilgi gösterildi.',
-    tags: ['Tanıtım', 'Etkinlik', 'Halkla İlişkiler']
-  },
-  {
-    id: 6,
-    category: 'announcements',
-    title: 'Trafik Düzenlemesi Duyurusu',
-    summary: 'İnşaat nedeniyle bazı yollarda geçici trafik düzenlemeleri yapılacak.',
-    image: 'https://images.pexels.com/photos/17302615/pexels-photo-17302615.jpeg',
-    date: '5 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. Detaylı bilgi için belediyemizin web sitesini ziyaret edebilirsiniz.',
-    tags: ['Trafik', 'Duyuru', 'Koordinasyon']
-  },
-  {
-    id: 7,
-    category: 'construction',
-    title: 'TBM Makinesi Tünele Girdi',
-    summary: 'Dev tünel açma makinesi (TBM) çalışmalara başladı.',
-    image: 'https://images.pexels.com/photos/33950678/pexels-photo-33950678.jpeg',
-    date: '1 Ekim 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. Makine, en son teknoloji sensörlerle donatılmış durumda.',
-    tags: ['TBM', 'Tünel', 'Teknoloji']
-  },
-  {
-    id: 8,
-    category: 'events',
-    title: 'İş Güvenliği Eğitimi Tamamlandı',
-    summary: '500+ çalışan iş güvenliği eğitiminden geçti.',
-    image: 'https://images.pexels.com/photos/253647/pexels-photo-253647.jpeg',
-    date: '28 Eylül 2025',
-    author: 'İnsan Kaynakları',
-    content: 'A2 Metro Hattı projesinde çalışan tüm personel için kapsamlı iş güvenliği eğitimleri düzenlendi. ISO 45001 standartlarına uygun eğitimlerde, inşaat sahası güvenliği, ekipman kullanımı ve acil durum prosedürleri anlatıldı. Sıfır iş kazası hedefiyle çalışıyoruz.',
-    tags: ['İş Güvenliği', 'Eğitim', 'ISO 45001']
-  }
-];
+// Mock data removed - all data comes from database
+export const newsData: NewsItem[] = [];
 
 export const categories = [
   { id: 'all', name: 'Tümü', icon: '📰' },
diff --git a/dev.db b/dev.db
new file mode 100644
index 0000000..c07d290
Binary files /dev/null and b/dev.db differ
diff --git a/eslint.config.mjs b/eslint.config.mjs
index 719cea2..54d0411 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -18,6 +18,7 @@ const eslintConfig = [
       "out/**",
       "build/**",
       "next-env.d.ts",
+      "prisma/seed.js",
     ],
   },
 ];
diff --git a/lib/auth.ts b/lib/auth.ts
new file mode 100644
index 0000000..0301a44
--- /dev/null
+++ b/lib/auth.ts
@@ -0,0 +1,59 @@
+import { jwtVerify, SignJWT } from 'jose';
+import { cookies } from 'next/headers';
+import { NextRequest, NextResponse } from 'next/server';
+
+const secret = new TextEncoder().encode(
+  process.env.JWT_SECRET || 'default-secret-key'
+);
+
+export interface SessionPayload {
+  userId: string;
+  username: string;
+  iat?: number;
+  exp?: number;
+}
+
+export async function encrypt(payload: SessionPayload) {
+  return await new SignJWT(payload as unknown as Record<string, unknown>)
+    .setProtectedHeader({ alg: 'HS256' })
+    .setIssuedAt()
+    .setExpirationTime('24h')
+    .sign(secret);
+}
+
+export async function decrypt(token: string): Promise<SessionPayload | null> {
+  try {
+    const { payload } = await jwtVerify(token, secret, {
+      algorithms: ['HS256'],
+    });
+    return payload as unknown as SessionPayload;
+  } catch {
+    return null;
+  }
+}
+
+export async function getSession() {
+  const cookieStore = await cookies();
+  const token = cookieStore.get('session')?.value;
+  if (!token) return null;
+  return await decrypt(token);
+}
+
+export async function withAuth(
+  request: NextRequest,
+  handler: (req: NextRequest, session: SessionPayload) => Promise<NextResponse>
+) {
+  const token = request.cookies.get('session')?.value;
+  
+  if (!token) {
+    return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+  }
+
+  const session = await decrypt(token);
+  
+  if (!session) {
+    return NextResponse.json({ error: 'Invalid token' }, { status: 401 });
+  }
+
+  return handler(request, session);
+}
diff --git a/lib/dataStore.ts b/lib/dataStore.ts
index 5560345..e525eb1 100644
--- a/lib/dataStore.ts
+++ b/lib/dataStore.ts
@@ -1,4 +1,4 @@
-// Veri yönetimi için localStorage tabanlı store
+// Veri yönetimi için API tabanlı store
 import { newsData, type NewsItem } from '@/data/news';
 import { mediaData, type MediaItem } from '@/data/media';
 import { documentsData, type Document } from '@/data/documents';
@@ -20,7 +20,7 @@ export interface LiveStreamConfig {
 }
 
 export interface Message {
-  id: string;
+  id: string | number;
   name: string;
   email: string;
   phone: string;
@@ -69,6 +69,10 @@ export interface SiteSettings {
   };
 }
 
+// API helper
+const API_BASE = '/api';
+const isBrowser = typeof window !== 'undefined';
+
 // Default slider data
 export const defaultSliderData: SliderItem[] = [
   {
@@ -197,147 +201,301 @@ export const defaultCameraData: Camera[] = [
   }
 ];
 
-// LocalStorage keys
-const KEYS = {
-  SLIDER: 'a2metro_slider',
-  NEWS: 'a2metro_news',
-  MEDIA: 'a2metro_media',
-  DOCUMENTS: 'a2metro_documents',
-  METRO_STATIONS: 'a2metro_stations',
-  LIVE_STREAM: 'a2metro_live_stream',
-  SITE_SETTINGS: 'a2metro_site_settings',
-  MESSAGES: 'a2metro_messages',
-  FAQS: 'a2metro_faqs',
-  CAMERAS: 'a2metro_cameras'
-};
-
-// Helper functions
-const isBrowser = typeof window !== 'undefined';
-
 export const dataStore = {
   // Slider
-  getSlider: (): SliderItem[] => {
+  getSlider: async (): Promise<SliderItem[]> => {
     if (!isBrowser) return defaultSliderData;
-    const stored = localStorage.getItem(KEYS.SLIDER);
-    return stored ? JSON.parse(stored) : defaultSliderData;
+    try {
+      const res = await fetch(`${API_BASE}/slider`);
+      if (!res.ok) throw new Error('Failed to fetch');
+      const data = await res.json();
+      return data.length > 0 ? data : defaultSliderData;
+    } catch (error) {
+      console.error('Slider fetch error:', error);
+      return defaultSliderData;
+    }
   },
-  setSlider: (data: SliderItem[]) => {
-    if (isBrowser) {
-      localStorage.setItem(KEYS.SLIDER, JSON.stringify(data));
+
+  setSlider: async () => {
+    // Not used - individual items updated via API
+    console.warn('setSlider deprecated - use addSlider/updateSlider/deleteSlider');
+  },
+
+  addSlider: async (item: Omit<SliderItem, 'id'>) => {
+    try {
+      const res = await fetch(`${API_BASE}/slider`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(item),
+      });
+      if (!res.ok) throw new Error('Failed to add');
+      return await res.json();
+    } catch (error) {
+      console.error('Slider add error:', error);
+      throw error;
+    }
+  },
+
+  updateSlider: async (id: number, item: Partial<SliderItem>) => {
+    try {
+      const res = await fetch(`${API_BASE}/slider`, {
+        method: 'PUT',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ id, ...item }),
+      });
+      if (!res.ok) throw new Error('Failed to update');
+      return await res.json();
+    } catch (error) {
+      console.error('Slider update error:', error);
+      throw error;
+    }
+  },
+
+  deleteSlider: async (id: number) => {
+    try {
+      const res = await fetch(`${API_BASE}/slider?id=${id}`, {
+        method: 'DELETE',
+        credentials: 'include',
+      });
+      if (!res.ok) throw new Error('Failed to delete');
+      return await res.json();
+    } catch (error) {
+      console.error('Slider delete error:', error);
+      throw error;
     }
   },
 
   // News
-  getNews: (): NewsItem[] => {
+  getNews: async (): Promise<NewsItem[]> => {
     if (!isBrowser) return newsData;
-    const stored = localStorage.getItem(KEYS.NEWS);
-    return stored ? JSON.parse(stored) : newsData;
-  },
-  setNews: (data: NewsItem[]) => {
-    if (isBrowser) {
-      localStorage.setItem(KEYS.NEWS, JSON.stringify(data));
+    try {
+      const res = await fetch(`${API_BASE}/news`);
+      if (!res.ok) throw new Error('Failed to fetch');
+      const data = await res.json();
+      return data.length > 0 ? data : newsData;
+    } catch (error) {
+      console.error('News fetch error:', error);
+      return newsData;
     }
   },
-  addNews: (newsItem: Omit<NewsItem, 'id'>) => {
-    const current = dataStore.getNews();
-    const newItem = { ...newsItem, id: Date.now() };
-    dataStore.setNews([newItem, ...current]);
-    return newItem;
+
+  setNews: async () => {
+    console.warn('setNews deprecated - use addNews/updateNews/deleteNews');
   },
-  updateNews: (id: number, newsItem: Partial<NewsItem>) => {
-    const current = dataStore.getNews();
-    const updated = current.map((item) => 
-      item.id === id ? { ...item, ...newsItem } : item
-    );
-    dataStore.setNews(updated);
+
+  addNews: async (newsItem: Omit<NewsItem, 'id'>) => {
+    try {
+      const res = await fetch(`${API_BASE}/news`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(newsItem),
+      });
+      if (!res.ok) throw new Error('Failed to add');
+      return await res.json();
+    } catch (error) {
+      console.error('News add error:', error);
+      throw error;
+    }
   },
-  deleteNews: (id: number) => {
-    const current = dataStore.getNews();
-    const filtered = current.filter((item) => item.id !== id);
-    dataStore.setNews(filtered);
+
+  updateNews: async (id: number, newsItem: Partial<NewsItem>) => {
+    try {
+      const res = await fetch(`${API_BASE}/news`, {
+        method: 'PUT',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ id, ...newsItem }),
+      });
+      if (!res.ok) throw new Error('Failed to update');
+      return await res.json();
+    } catch (error) {
+      console.error('News update error:', error);
+      throw error;
+    }
+  },
+
+  deleteNews: async (id: number) => {
+    try {
+      const res = await fetch(`${API_BASE}/news?id=${id}`, {
+        method: 'DELETE',
+        credentials: 'include',
+      });
+      if (!res.ok) throw new Error('Failed to delete');
+      return await res.json();
+    } catch (error) {
+      console.error('News delete error:', error);
+      throw error;
+    }
   },
 
   // Media
-  getMedia: (): MediaItem[] => {
+  getMedia: async (): Promise<MediaItem[]> => {
     if (!isBrowser) return mediaData;
-    const stored = localStorage.getItem(KEYS.MEDIA);
-    return stored ? JSON.parse(stored) : mediaData;
-  },
-  setMedia: (data: MediaItem[]) => {
-    if (isBrowser) {
-      localStorage.setItem(KEYS.MEDIA, JSON.stringify(data));
+    try {
+      const res = await fetch(`${API_BASE}/media`);
+      if (!res.ok) throw new Error('Failed to fetch');
+      const data = await res.json();
+      return data.length > 0 ? data : mediaData;
+    } catch (error) {
+      console.error('Media fetch error:', error);
+      return mediaData;
     }
   },
-  addMedia: (mediaItem: Omit<MediaItem, 'id'>) => {
-    const current = dataStore.getMedia();
-    const newItem = { ...mediaItem, id: Date.now() };
-    dataStore.setMedia([newItem, ...current]);
-    return newItem;
+
+  setMedia: async () => {
+    console.warn('setMedia deprecated - use addMedia/updateMedia/deleteMedia');
   },
-  updateMedia: (id: number, mediaItem: Partial<MediaItem>) => {
-    const current = dataStore.getMedia();
-    const updated = current.map((item) => 
-      item.id === id ? { ...item, ...mediaItem } : item
-    );
-    dataStore.setMedia(updated);
+
+  addMedia: async (mediaItem: Omit<MediaItem, 'id'>) => {
+    try {
+      const res = await fetch(`${API_BASE}/media`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(mediaItem),
+      });
+      if (!res.ok) throw new Error('Failed to add');
+      return await res.json();
+    } catch (error) {
+      console.error('Media add error:', error);
+      throw error;
+    }
   },
-  deleteMedia: (id: number) => {
-    const current = dataStore.getMedia();
-    const filtered = current.filter((item) => item.id !== id);
-    dataStore.setMedia(filtered);
+
+  updateMedia: async (id: number, mediaItem: Partial<MediaItem>) => {
+    try {
+      const res = await fetch(`${API_BASE}/media`, {
+        method: 'PUT',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ id, ...mediaItem }),
+      });
+      if (!res.ok) throw new Error('Failed to update');
+      return await res.json();
+    } catch (error) {
+      console.error('Media update error:', error);
+      throw error;
+    }
+  },
+
+  deleteMedia: async (id: number) => {
+    try {
+      const res = await fetch(`${API_BASE}/media?id=${id}`, {
+        method: 'DELETE',
+        credentials: 'include',
+      });
+      if (!res.ok) throw new Error('Failed to delete');
+      return await res.json();
+    } catch (error) {
+      console.error('Media delete error:', error);
+      throw error;
+    }
   },
 
   // Documents
-  getDocuments: (): Document[] => {
+  getDocuments: async (): Promise<Document[]> => {
     if (!isBrowser) return documentsData;
-    const stored = localStorage.getItem(KEYS.DOCUMENTS);
-    return stored ? JSON.parse(stored) : documentsData;
-  },
-  setDocuments: (data: Document[]) => {
-    if (isBrowser) {
-      localStorage.setItem(KEYS.DOCUMENTS, JSON.stringify(data));
+    try {
+      const res = await fetch(`${API_BASE}/documents`);
+      if (!res.ok) throw new Error('Failed to fetch');
+      const data = await res.json();
+      return data.length > 0 ? data : documentsData;
+    } catch (error) {
+      console.error('Documents fetch error:', error);
+      return documentsData;
     }
   },
-  addDocument: (document: Omit<Document, 'id'>) => {
-    const current = dataStore.getDocuments();
-    const newItem = { ...document, id: Date.now() };
-    dataStore.setDocuments([newItem, ...current]);
-    return newItem;
+
+  setDocuments: async () => {
+    console.warn('setDocuments deprecated - use addDocument/updateDocument/deleteDocument');
   },
-  updateDocument: (id: number, document: Partial<Document>) => {
-    const current = dataStore.getDocuments();
-    const updated = current.map((item) => 
-      item.id === id ? { ...item, ...document } : item
-    );
-    dataStore.setDocuments(updated);
+
+  addDocument: async (document: Omit<Document, 'id'>) => {
+    try {
+      const res = await fetch(`${API_BASE}/documents`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(document),
+      });
+      if (!res.ok) throw new Error('Failed to add');
+      return await res.json();
+    } catch (error) {
+      console.error('Document add error:', error);
+      throw error;
+    }
   },
-  deleteDocument: (id: number) => {
-    const current = dataStore.getDocuments();
-    const filtered = current.filter((item) => item.id !== id);
-    dataStore.setDocuments(filtered);
+
+  updateDocument: async (id: number, document: Partial<Document>) => {
+    try {
+      const res = await fetch(`${API_BASE}/documents`, {
+        method: 'PUT',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ id, ...document }),
+      });
+      if (!res.ok) throw new Error('Failed to update');
+      return await res.json();
+    } catch (error) {
+      console.error('Document update error:', error);
+      throw error;
+    }
+  },
+
+  deleteDocument: async (id: number) => {
+    try {
+      const res = await fetch(`${API_BASE}/documents?id=${id}`, {
+        method: 'DELETE',
+        credentials: 'include',
+      });
+      if (!res.ok) {
+        console.error('Delete document failed - Status:', res.status, res.statusText);
+        const text = await res.text();
+        console.error('Response body:', text);
+        try {
+          const errorData = JSON.parse(text);
+          throw new Error(errorData.error || 'Failed to delete');
+        } catch {
+          throw new Error(`HTTP ${res.status}: ${res.statusText}`);
+        }
+      }
+      return await res.json();
+    } catch (error) {
+      console.error('Document delete error:', error);
+      throw error;
+    }
   },
 
   // Metro Stations
-  getMetroStations: (): MetroStation[] => {
+  getMetroStations: async (): Promise<MetroStation[]> => {
     if (!isBrowser) return metroStations;
-    const stored = localStorage.getItem(KEYS.METRO_STATIONS);
-    return stored ? JSON.parse(stored) : metroStations;
-  },
-  setMetroStations: (data: MetroStation[]) => {
-    if (isBrowser) {
-      localStorage.setItem(KEYS.METRO_STATIONS, JSON.stringify(data));
+    try {
+      const res = await fetch(`${API_BASE}/stations`);
+      if (!res.ok) throw new Error('Failed to fetch');
+      const data = await res.json();
+      return data.length > 0 ? data : metroStations;
+    } catch (error) {
+      console.error('Stations fetch error:', error);
+      return metroStations;
     }
   },
-  updateStation: (id: number, station: Partial<MetroStation>) => {
-    const current = dataStore.getMetroStations();
-    const updated = current.map((item) => 
-      item.id === id ? { ...item, ...station } : item
-    );
-    dataStore.setMetroStations(updated);
+
+  setMetroStations: async () => {
+    console.warn('setMetroStations deprecated - use updateStation');
+  },
+
+  updateStation: async (id: number, station: Partial<MetroStation>) => {
+    try {
+      const res = await fetch(`${API_BASE}/stations`, {
+        method: 'PUT',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ id, ...station }),
+      });
+      if (!res.ok) throw new Error('Failed to update');
+      return await res.json();
+    } catch (error) {
+      console.error('Station update error:', error);
+      throw error;
+    }
   },
 
   // Live Stream
-  getLiveStream: (): LiveStreamConfig => {
+  getLiveStream: async (): Promise<LiveStreamConfig> => {
     if (!isBrowser) {
       return { 
         url: 'https://www.youtube.com/embed/jfKfPfyJRdk?si=example', 
@@ -345,62 +503,96 @@ export const dataStore = {
         title: 'Canlı Yayın'
       };
     }
-    const stored = localStorage.getItem(KEYS.LIVE_STREAM);
-    return stored ? JSON.parse(stored) : { 
-      url: 'https://www.youtube.com/embed/jfKfPfyJRdk?si=example', 
-      active: true,
-      title: 'Canlı Yayın'
-    };
+    try {
+      const res = await fetch(`${API_BASE}/live-stream`);
+      if (!res.ok) throw new Error('Failed to fetch');
+      return await res.json();
+    } catch (error) {
+      console.error('Live stream fetch error:', error);
+      return { 
+        url: 'https://www.youtube.com/embed/jfKfPfyJRdk?si=example', 
+        active: true,
+        title: 'Canlı Yayın'
+      };
+    }
   },
 
-  setLiveStream: (config: LiveStreamConfig) => {
-    if (isBrowser) {
-      localStorage.setItem(KEYS.LIVE_STREAM, JSON.stringify(config));
+  setLiveStream: async (config: LiveStreamConfig) => {
+    try {
+      const res = await fetch(`${API_BASE}/live-stream`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        credentials: 'include',
+        body: JSON.stringify(config),
+      });
+      if (!res.ok) throw new Error('Failed to update');
+      return await res.json();
+    } catch (error) {
+      console.error('Live stream update error:', error);
+      throw error;
     }
   },
 
   // Messages
-  getMessages: (): Message[] => {
+  getMessages: async (): Promise<Message[]> => {
     if (!isBrowser) return [];
-    const stored = localStorage.getItem(KEYS.MESSAGES);
-    return stored ? JSON.parse(stored) : [];
-  },
-
-  addMessage: (message: Omit<Message, 'id' | 'date' | 'read'>) => {
-    const messages = dataStore.getMessages();
-    const newMessage: Message = {
-      ...message,
-      id: Date.now().toString(),
-      date: new Date().toISOString(),
-      read: false
-    };
-    messages.unshift(newMessage);
-    if (isBrowser) {
-      localStorage.setItem(KEYS.MESSAGES, JSON.stringify(messages));
-    }
-    return newMessage;
-  },
-
-  markMessageAsRead: (id: string) => {
-    const messages = dataStore.getMessages();
-    const updated = messages.map(msg => 
-      msg.id === id ? { ...msg, read: true } : msg
-    );
-    if (isBrowser) {
-      localStorage.setItem(KEYS.MESSAGES, JSON.stringify(updated));
+    try {
+      const res = await fetch(`${API_BASE}/messages`);
+      if (!res.ok) throw new Error('Failed to fetch');
+      return await res.json();
+    } catch (error) {
+      console.error('Messages fetch error:', error);
+      return [];
     }
   },
 
-  deleteMessage: (id: string) => {
-    const messages = dataStore.getMessages();
-    const filtered = messages.filter(msg => msg.id !== id);
-    if (isBrowser) {
-      localStorage.setItem(KEYS.MESSAGES, JSON.stringify(filtered));
+  addMessage: async (message: Omit<Message, 'id' | 'createdAt' | 'updatedAt'>) => {
+    try {
+      const res = await fetch(`${API_BASE}/messages`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        credentials: 'include',
+        body: JSON.stringify(message),
+      });
+      if (!res.ok) throw new Error('Failed to add');
+      return await res.json();
+    } catch (error) {
+      console.error('Message add error:', error);
+      throw error;
+    }
+  },
+
+  markMessageAsRead: async (id: string | number) => {
+    try {
+      const res = await fetch(`${API_BASE}/messages`, {
+        method: 'PUT',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ id: typeof id === 'string' ? parseInt(id) : id, read: true }),
+      });
+      if (!res.ok) throw new Error('Failed to update');
+      return await res.json();
+    } catch (error) {
+      console.error('Message update error:', error);
+      throw error;
+    }
+  },
+
+  deleteMessage: async (id: string | number) => {
+    try {
+      const res = await fetch(`${API_BASE}/messages?id=${id}`, {
+        method: 'DELETE',
+        credentials: 'include',
+      });
+      if (!res.ok) throw new Error('Failed to delete');
+      return await res.json();
+    } catch (error) {
+      console.error('Message delete error:', error);
+      throw error;
     }
   },
 
   // Site Settings
-  getSiteSettings: (): SiteSettings => {
+  getSiteSettings: async (): Promise<SiteSettings> => {
     if (!isBrowser) {
       return {
         contact: {
@@ -423,133 +615,185 @@ export const dataStore = {
         }
       };
     }
-    const stored = localStorage.getItem(KEYS.SITE_SETTINGS);
-    if (stored) return JSON.parse(stored);
-    
-    // Default settings
-    const defaultSettings: SiteSettings = {
-      contact: {
-        phone: '+90 (312) 123 45 67',
-        email: 'info@a2metro.com.tr',
-        address: 'Ankara Teknokent, Cyberpark C Blok Kat:3 No:301 Çankaya/ANKARA',
-        kep: 'a2metro@hs03.kep.tr'
-      },
-      social: {
-        facebook: 'https://facebook.com/a2metro',
-        twitter: 'https://twitter.com/a2metro',
-        instagram: 'https://instagram.com/a2metro',
-        youtube: 'https://youtube.com/@a2metro',
-        linkedin: 'https://linkedin.com/company/a2metro'
-      },
-      companyInfo: {
-        name: 'A2 Metro',
-        fullName: 'A2 Metro Yapı ve İnşaat A.Ş.',
-        foundedYear: '2010'
-      }
-    };
-    localStorage.setItem(KEYS.SITE_SETTINGS, JSON.stringify(defaultSettings));
-    return defaultSettings;
+    try {
+      const res = await fetch(`${API_BASE}/settings`);
+      if (!res.ok) throw new Error('Failed to fetch');
+      return await res.json();
+    } catch (error) {
+      console.error('Settings fetch error:', error);
+      return {
+        contact: {
+          phone: '+90 (312) 123 45 67',
+          email: 'info@a2metro.com.tr',
+          address: 'Ankara Teknokent, Cyberpark C Blok Kat:3 No:301 Çankaya/ANKARA',
+          kep: 'a2metro@hs03.kep.tr'
+        },
+        social: {
+          facebook: 'https://facebook.com/a2metro',
+          twitter: 'https://twitter.com/a2metro',
+          instagram: 'https://instagram.com/a2metro',
+          youtube: 'https://youtube.com/@a2metro',
+          linkedin: 'https://linkedin.com/company/a2metro'
+        },
+        companyInfo: {
+          name: 'A2 Metro',
+          fullName: 'A2 Metro Yapı ve İnşaat A.Ş.',
+          foundedYear: '2010'
+        }
+      };
+    }
   },
 
-  updateSiteSettings: (settings: Partial<SiteSettings>) => {
-    const current = dataStore.getSiteSettings();
-    const updated = {
-      ...current,
-      ...settings,
-      contact: { ...current.contact, ...(settings.contact || {}) },
-      social: { ...current.social, ...(settings.social || {}) },
-      companyInfo: { ...current.companyInfo, ...(settings.companyInfo || {}) }
-    };
-    if (isBrowser) {
-      localStorage.setItem(KEYS.SITE_SETTINGS, JSON.stringify(updated));
+  updateSiteSettings: async (settings: Partial<SiteSettings>) => {
+    try {
+      const current = await dataStore.getSiteSettings();
+      const updated = {
+        ...current,
+        ...settings,
+        contact: { ...current.contact, ...(settings.contact || {}) },
+        social: { ...current.social, ...(settings.social || {}) },
+        companyInfo: { ...current.companyInfo, ...(settings.companyInfo || {}) }
+      };
+      const res = await fetch(`${API_BASE}/settings`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(updated),
+      });
+      if (!res.ok) throw new Error('Failed to update');
+      return await res.json();
+    } catch (error) {
+      console.error('Settings update error:', error);
+      throw error;
     }
   },
 
   // FAQs
-  getFAQs: (): FAQ[] => {
+  getFAQs: async (): Promise<FAQ[]> => {
     if (!isBrowser) return defaultFAQData;
-    const stored = localStorage.getItem(KEYS.FAQS);
-    return stored ? JSON.parse(stored) : defaultFAQData;
-  },
-
-  setFAQs: (faqs: FAQ[]) => {
-    if (isBrowser) {
-      localStorage.setItem(KEYS.FAQS, JSON.stringify(faqs));
+    try {
+      const res = await fetch(`${API_BASE}/faqs`);
+      if (!res.ok) throw new Error('Failed to fetch');
+      const data = await res.json();
+      return data.length > 0 ? data : defaultFAQData;
+    } catch (error) {
+      console.error('FAQs fetch error:', error);
+      return defaultFAQData;
     }
   },
 
-  addFAQ: (faq: Omit<FAQ, 'id'>) => {
-    const faqs = dataStore.getFAQs();
-    const newFAQ: FAQ = {
-      ...faq,
-      id: faqs.length > 0 ? Math.max(...faqs.map(f => f.id)) + 1 : 1
-    };
-    dataStore.setFAQs([...faqs, newFAQ]);
-    return newFAQ;
+  setFAQs: async () => {
+    console.warn('setFAQs deprecated - use addFAQ/updateFAQ/deleteFAQ');
   },
 
-  updateFAQ: (id: number, updates: Partial<FAQ>) => {
-    const faqs = dataStore.getFAQs();
-    const updated = faqs.map(faq => 
-      faq.id === id ? { ...faq, ...updates } : faq
-    );
-    dataStore.setFAQs(updated);
+  addFAQ: async (faq: Omit<FAQ, 'id'>) => {
+    try {
+      const res = await fetch(`${API_BASE}/faqs`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(faq),
+      });
+      if (!res.ok) throw new Error('Failed to add');
+      return await res.json();
+    } catch (error) {
+      console.error('FAQ add error:', error);
+      throw error;
+    }
   },
 
-  deleteFAQ: (id: number) => {
-    const faqs = dataStore.getFAQs();
-    dataStore.setFAQs(faqs.filter(faq => faq.id !== id));
+  updateFAQ: async (id: number, updates: Partial<FAQ>) => {
+    try {
+      const res = await fetch(`${API_BASE}/faqs`, {
+        method: 'PUT',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ id, ...updates }),
+      });
+      if (!res.ok) throw new Error('Failed to update');
+      return await res.json();
+    } catch (error) {
+      console.error('FAQ update error:', error);
+      throw error;
+    }
+  },
+
+  deleteFAQ: async (id: number) => {
+    try {
+      const res = await fetch(`${API_BASE}/faqs?id=${id}`, {
+        method: 'DELETE',
+        credentials: 'include',
+      });
+      if (!res.ok) throw new Error('Failed to delete');
+      return await res.json();
+    } catch (error) {
+      console.error('FAQ delete error:', error);
+      throw error;
+    }
   },
 
   // Cameras
-  getCameras: (): Camera[] => {
+  getCameras: async (): Promise<Camera[]> => {
     if (!isBrowser) return defaultCameraData;
-    const stored = localStorage.getItem(KEYS.CAMERAS);
-    return stored ? JSON.parse(stored) : defaultCameraData;
-  },
-
-  setCameras: (cameras: Camera[]) => {
-    if (isBrowser) {
-      localStorage.setItem(KEYS.CAMERAS, JSON.stringify(cameras));
+    try {
+      const res = await fetch(`${API_BASE}/cameras`);
+      if (!res.ok) throw new Error('Failed to fetch');
+      const data = await res.json();
+      return data.length > 0 ? data : defaultCameraData;
+    } catch (error) {
+      console.error('Cameras fetch error:', error);
+      return defaultCameraData;
     }
   },
 
-  addCamera: (camera: Omit<Camera, 'id'>) => {
-    const cameras = dataStore.getCameras();
-    const newCamera: Camera = {
-      ...camera,
-      id: cameras.length > 0 ? Math.max(...cameras.map(c => c.id)) + 1 : 1
-    };
-    dataStore.setCameras([...cameras, newCamera]);
-    return newCamera;
+  setCameras: async () => {
+    console.warn('setCameras deprecated - use addCamera/updateCamera/deleteCamera');
   },
 
-  updateCamera: (id: number, updates: Partial<Camera>) => {
-    const cameras = dataStore.getCameras();
-    const updated = cameras.map(camera => 
-      camera.id === id ? { ...camera, ...updates } : camera
-    );
-    dataStore.setCameras(updated);
+  addCamera: async (camera: Omit<Camera, 'id' | 'createdAt' | 'updatedAt'>) => {
+    try {
+      const res = await fetch(`${API_BASE}/cameras`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        credentials: 'include',
+        body: JSON.stringify(camera),
+      });
+      if (!res.ok) throw new Error('Failed to add');
+      return await res.json();
+    } catch (error) {
+      console.error('Camera add error:', error);
+      throw error;
+    }
   },
 
-  deleteCamera: (id: number) => {
-    const cameras = dataStore.getCameras();
-    dataStore.setCameras(cameras.filter(camera => camera.id !== id));
+  updateCamera: async (id: number, updates: Partial<Camera>) => {
+    try {
+      const res = await fetch(`${API_BASE}/cameras`, {
+        method: 'PUT',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ id, ...updates }),
+      });
+      if (!res.ok) throw new Error('Failed to update');
+      return await res.json();
+    } catch (error) {
+      console.error('Camera update error:', error);
+      throw error;
+    }
   },
 
-  // Reset all data
+  deleteCamera: async (id: number) => {
+    try {
+      const res = await fetch(`${API_BASE}/cameras?id=${id}`, {
+        method: 'DELETE',
+        credentials: 'include',
+      });
+      if (!res.ok) throw new Error('Failed to delete');
+      return await res.json();
+    } catch (error) {
+      console.error('Camera delete error:', error);
+      throw error;
+    }
+  },
+
+  // Reset all data (Not applicable for API-based storage)
   resetAll: () => {
-    if (isBrowser) {
-      localStorage.removeItem(KEYS.SLIDER);
-      localStorage.removeItem(KEYS.NEWS);
-      localStorage.removeItem(KEYS.MEDIA);
-      localStorage.removeItem(KEYS.DOCUMENTS);
-      localStorage.removeItem(KEYS.METRO_STATIONS);
-      localStorage.removeItem(KEYS.LIVE_STREAM);
-      localStorage.removeItem(KEYS.SITE_SETTINGS);
-      localStorage.removeItem(KEYS.MESSAGES);
-      localStorage.removeItem(KEYS.FAQS);
-      localStorage.removeItem(KEYS.CAMERAS);
-    }
+    console.warn('resetAll not applicable for API-based storage');
   }
 };
diff --git a/lib/prisma.ts b/lib/prisma.ts
new file mode 100644
index 0000000..e2b9605
--- /dev/null
+++ b/lib/prisma.ts
@@ -0,0 +1,9 @@
+import { PrismaClient } from '@prisma/client';
+
+const globalForPrisma = globalThis as unknown as {
+  prisma: PrismaClient | undefined;
+};
+
+export const prisma = globalForPrisma.prisma ?? new PrismaClient();
+
+if (process.env.NODE_ENV !== 'production') globalForPrisma.prisma = prisma;
diff --git a/package-lock.json b/package-lock.json
index 36bad9e..7851e62 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,19 +8,28 @@
       "name": "gulermak_metro",
       "version": "0.1.0",
       "dependencies": {
+        "@prisma/client": "^5.22.0",
+        "bcryptjs": "^3.0.3",
+        "jose": "^6.1.2",
+        "jsonwebtoken": "^9.0.2",
         "next": "15.5.6",
+        "prisma": "^5.22.0",
         "react": "19.1.0",
         "react-dom": "19.1.0"
       },
       "devDependencies": {
         "@eslint/eslintrc": "^3",
         "@tailwindcss/postcss": "^4",
+        "@types/bcryptjs": "^2.4.6",
+        "@types/jsonwebtoken": "^9.0.10",
         "@types/node": "^20",
         "@types/react": "^19",
         "@types/react-dom": "^19",
         "eslint": "^9",
         "eslint-config-next": "15.5.6",
         "tailwindcss": "^4",
+        "ts-node": "^10.9.2",
+        "tsx": "^4.20.6",
         "typescript": "^5"
       }
     },
@@ -37,6 +46,30 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/@cspotcode/source-map-support": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz",
+      "integrity": "sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/trace-mapping": "0.3.9"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@cspotcode/source-map-support/node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.9",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz",
+      "integrity": "sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.0.3",
+        "@jridgewell/sourcemap-codec": "^1.4.10"
+      }
+    },
     "node_modules/@emnapi/core": {
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.6.0.tgz",
@@ -70,6 +103,448 @@
         "tslib": "^2.4.0"
       }
     },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.12.tgz",
+      "integrity": "sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.12.tgz",
+      "integrity": "sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.12.tgz",
+      "integrity": "sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.12.tgz",
+      "integrity": "sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.12.tgz",
+      "integrity": "sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.12.tgz",
+      "integrity": "sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.12.tgz",
+      "integrity": "sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.12.tgz",
+      "integrity": "sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.12.tgz",
+      "integrity": "sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.12.tgz",
+      "integrity": "sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.12.tgz",
+      "integrity": "sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.12.tgz",
+      "integrity": "sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.12.tgz",
+      "integrity": "sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.12.tgz",
+      "integrity": "sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.12.tgz",
+      "integrity": "sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.12.tgz",
+      "integrity": "sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.12.tgz",
+      "integrity": "sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.12.tgz",
+      "integrity": "sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openharmony-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.12.tgz",
+      "integrity": "sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.12.tgz",
+      "integrity": "sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.12.tgz",
+      "integrity": "sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.12.tgz",
+      "integrity": "sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.12.tgz",
+      "integrity": "sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/@eslint-community/eslint-utils": {
       "version": "4.9.0",
       "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.0.tgz",
@@ -949,6 +1424,69 @@
         "node": ">=12.4.0"
       }
     },
+    "node_modules/@prisma/client": {
+      "version": "5.22.0",
+      "resolved": "https://registry.npmjs.org/@prisma/client/-/client-5.22.0.tgz",
+      "integrity": "sha512-M0SVXfyHnQREBKxCgyo7sffrKttwE6R8PMq330MIUF0pTwjUhLbW84pFDlf06B27XyCR++VtjugEnIHdr07SVA==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=16.13"
+      },
+      "peerDependencies": {
+        "prisma": "*"
+      },
+      "peerDependenciesMeta": {
+        "prisma": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@prisma/debug": {
+      "version": "5.22.0",
+      "resolved": "https://registry.npmjs.org/@prisma/debug/-/debug-5.22.0.tgz",
+      "integrity": "sha512-AUt44v3YJeggO2ZU5BkXI7M4hu9BF2zzH2iF2V5pyXT/lRTyWiElZ7It+bRH1EshoMRxHgpYg4VB6rCM+mG5jQ==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/@prisma/engines": {
+      "version": "5.22.0",
+      "resolved": "https://registry.npmjs.org/@prisma/engines/-/engines-5.22.0.tgz",
+      "integrity": "sha512-UNjfslWhAt06kVL3CjkuYpHAWSO6L4kDCVPegV6itt7nD1kSJavd3vhgAEhjglLJJKEdJ7oIqDJ+yHk6qO8gPA==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@prisma/debug": "5.22.0",
+        "@prisma/engines-version": "5.22.0-44.605197351a3c8bdd595af2d2a9bc3025bca48ea2",
+        "@prisma/fetch-engine": "5.22.0",
+        "@prisma/get-platform": "5.22.0"
+      }
+    },
+    "node_modules/@prisma/engines-version": {
+      "version": "5.22.0-44.605197351a3c8bdd595af2d2a9bc3025bca48ea2",
+      "resolved": "https://registry.npmjs.org/@prisma/engines-version/-/engines-version-5.22.0-44.605197351a3c8bdd595af2d2a9bc3025bca48ea2.tgz",
+      "integrity": "sha512-2PTmxFR2yHW/eB3uqWtcgRcgAbG1rwG9ZriSvQw+nnb7c4uCr3RAcGMb6/zfE88SKlC1Nj2ziUvc96Z379mHgQ==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/@prisma/fetch-engine": {
+      "version": "5.22.0",
+      "resolved": "https://registry.npmjs.org/@prisma/fetch-engine/-/fetch-engine-5.22.0.tgz",
+      "integrity": "sha512-bkrD/Mc2fSvkQBV5EpoFcZ87AvOgDxbG99488a5cexp5Ccny+UM6MAe/UFkUC0wLYD9+9befNOqGiIJhhq+HbA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@prisma/debug": "5.22.0",
+        "@prisma/engines-version": "5.22.0-44.605197351a3c8bdd595af2d2a9bc3025bca48ea2",
+        "@prisma/get-platform": "5.22.0"
+      }
+    },
+    "node_modules/@prisma/get-platform": {
+      "version": "5.22.0",
+      "resolved": "https://registry.npmjs.org/@prisma/get-platform/-/get-platform-5.22.0.tgz",
+      "integrity": "sha512-pHhpQdr1UPFpt+zFfnPazhulaZYCUqeIcPpJViYoq9R+D/yw4fjE+CtnsnKzPYm0ddUbeXUzjGVGIRVgPDCk4Q==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@prisma/debug": "5.22.0"
+      }
+    },
     "node_modules/@rtsao/scc": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
@@ -1243,6 +1781,34 @@
         "tailwindcss": "4.1.15"
       }
     },
+    "node_modules/@tsconfig/node10": {
+      "version": "1.0.12",
+      "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.12.tgz",
+      "integrity": "sha512-UCYBaeFvM11aU2y3YPZ//O5Rhj+xKyzy7mvcIoAjASbigy8mHMryP5cK7dgjlz2hWxh1g5pLw084E0a/wlUSFQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@tsconfig/node12": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/@tsconfig/node12/-/node12-1.0.11.tgz",
+      "integrity": "sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@tsconfig/node14": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@tsconfig/node14/-/node14-1.0.3.tgz",
+      "integrity": "sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@tsconfig/node16": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@tsconfig/node16/-/node16-1.0.4.tgz",
+      "integrity": "sha512-vxhUy4J8lyeyinH7Azl1pdd43GJhZH/tP2weN8TntQblOY+A0XbT8DJk1/oCPuOOyg/Ja757rG0CgHcWC8OfMA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@tybys/wasm-util": {
       "version": "0.10.1",
       "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.1.tgz",
@@ -1254,6 +1820,13 @@
         "tslib": "^2.4.0"
       }
     },
+    "node_modules/@types/bcryptjs": {
+      "version": "2.4.6",
+      "resolved": "https://registry.npmjs.org/@types/bcryptjs/-/bcryptjs-2.4.6.tgz",
+      "integrity": "sha512-9xlo6R2qDs5uixm0bcIqCeMCE6HiQsIyel9KQySStiyqNl2tnj2mP3DX1Nf56MD6KMenNNlBBsy3LJ7gUEQPXQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/estree": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
@@ -1275,6 +1848,24 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@types/jsonwebtoken": {
+      "version": "9.0.10",
+      "resolved": "https://registry.npmjs.org/@types/jsonwebtoken/-/jsonwebtoken-9.0.10.tgz",
+      "integrity": "sha512-asx5hIG9Qmf/1oStypjanR7iKTv0gXQ1Ov/jfrX6kS/EO0OFni8orbmGCn0672NHR3kXHwpAwR+B368ZGN/2rA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/ms": "*",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/ms": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@types/ms/-/ms-2.1.0.tgz",
+      "integrity": "sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/node": {
       "version": "20.19.23",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.23.tgz",
@@ -1885,6 +2476,19 @@
         "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
       }
     },
+    "node_modules/acorn-walk": {
+      "version": "8.3.4",
+      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.4.tgz",
+      "integrity": "sha512-ueEepnujpqee2o5aIYnvHU6C0A42MNdsIDeqy5BydrkuC5R1ZuUFnm27EeFJGoEHJQgn3uleRvmTXaJgfXbt4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^8.11.0"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/ajv": {
       "version": "6.12.6",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
@@ -1918,6 +2522,13 @@
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
+    "node_modules/arg": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz",
+      "integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/argparse": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
@@ -2155,6 +2766,15 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/bcryptjs": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/bcryptjs/-/bcryptjs-3.0.3.tgz",
+      "integrity": "sha512-GlF5wPWnSa/X5LKM1o0wz0suXIINz1iHRLvTS+sLyi7XPbe5ycmYI3DlZqVGZZtDgl4DmasFg7gOB3JYbphV5g==",
+      "license": "BSD-3-Clause",
+      "bin": {
+        "bcrypt": "bin/bcrypt"
+      }
+    },
     "node_modules/brace-expansion": {
       "version": "1.1.12",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
@@ -2179,6 +2799,12 @@
         "node": ">=8"
       }
     },
+    "node_modules/buffer-equal-constant-time": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/buffer-equal-constant-time/-/buffer-equal-constant-time-1.0.1.tgz",
+      "integrity": "sha512-zRpUiDwd/xk6ADqPMATG8vc9VPrkck7T07OIx0gnjmJAnHnTVXNQG3vfvWNuiZIkwu9KrKdA1iJKfsfTVxE6NA==",
+      "license": "BSD-3-Clause"
+    },
     "node_modules/call-bind": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
@@ -2309,6 +2935,13 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/create-require": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz",
+      "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/cross-spawn": {
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -2463,6 +3096,16 @@
         "node": ">=8"
       }
     },
+    "node_modules/diff": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
+      "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.3.1"
+      }
+    },
     "node_modules/doctrine": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
@@ -2491,6 +3134,15 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/ecdsa-sig-formatter": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/ecdsa-sig-formatter/-/ecdsa-sig-formatter-1.0.11.tgz",
+      "integrity": "sha512-nagl3RYrbNv6kQkeJIpt6NJZy8twLB/2vtz6yN9Z4vRKHN4/QZJIEbqohALSgwKdnksuY3k5Addp5lg8sVoVcQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "safe-buffer": "^5.0.1"
+      }
+    },
     "node_modules/emoji-regex": {
       "version": "9.2.2",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
@@ -2689,6 +3341,48 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/esbuild": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.12.tgz",
+      "integrity": "sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.25.12",
+        "@esbuild/android-arm": "0.25.12",
+        "@esbuild/android-arm64": "0.25.12",
+        "@esbuild/android-x64": "0.25.12",
+        "@esbuild/darwin-arm64": "0.25.12",
+        "@esbuild/darwin-x64": "0.25.12",
+        "@esbuild/freebsd-arm64": "0.25.12",
+        "@esbuild/freebsd-x64": "0.25.12",
+        "@esbuild/linux-arm": "0.25.12",
+        "@esbuild/linux-arm64": "0.25.12",
+        "@esbuild/linux-ia32": "0.25.12",
+        "@esbuild/linux-loong64": "0.25.12",
+        "@esbuild/linux-mips64el": "0.25.12",
+        "@esbuild/linux-ppc64": "0.25.12",
+        "@esbuild/linux-riscv64": "0.25.12",
+        "@esbuild/linux-s390x": "0.25.12",
+        "@esbuild/linux-x64": "0.25.12",
+        "@esbuild/netbsd-arm64": "0.25.12",
+        "@esbuild/netbsd-x64": "0.25.12",
+        "@esbuild/openbsd-arm64": "0.25.12",
+        "@esbuild/openbsd-x64": "0.25.12",
+        "@esbuild/openharmony-arm64": "0.25.12",
+        "@esbuild/sunos-x64": "0.25.12",
+        "@esbuild/win32-arm64": "0.25.12",
+        "@esbuild/win32-ia32": "0.25.12",
+        "@esbuild/win32-x64": "0.25.12"
+      }
+    },
     "node_modules/escape-string-regexp": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
@@ -3268,6 +3962,20 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
     "node_modules/function-bind": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
@@ -4049,6 +4757,15 @@
         "jiti": "lib/jiti-cli.mjs"
       }
     },
+    "node_modules/jose": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/jose/-/jose-6.1.2.tgz",
+      "integrity": "sha512-MpcPtHLE5EmztuFIqB0vzHAWJPpmN1E6L4oo+kze56LIs3MyXIj9ZHMDxqOvkP38gBR7K1v3jqd4WU2+nrfONQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/panva"
+      }
+    },
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -4103,6 +4820,28 @@
         "json5": "lib/cli.js"
       }
     },
+    "node_modules/jsonwebtoken": {
+      "version": "9.0.2",
+      "resolved": "https://registry.npmjs.org/jsonwebtoken/-/jsonwebtoken-9.0.2.tgz",
+      "integrity": "sha512-PRp66vJ865SSqOlgqS8hujT5U4AOgMfhrwYIuIhfKaoSCZcirrmASQr8CX7cUg+RMih+hgznrjp99o+W4pJLHQ==",
+      "license": "MIT",
+      "dependencies": {
+        "jws": "^3.2.2",
+        "lodash.includes": "^4.3.0",
+        "lodash.isboolean": "^3.0.3",
+        "lodash.isinteger": "^4.0.4",
+        "lodash.isnumber": "^3.0.3",
+        "lodash.isplainobject": "^4.0.6",
+        "lodash.isstring": "^4.0.1",
+        "lodash.once": "^4.0.0",
+        "ms": "^2.1.1",
+        "semver": "^7.5.4"
+      },
+      "engines": {
+        "node": ">=12",
+        "npm": ">=6"
+      }
+    },
     "node_modules/jsx-ast-utils": {
       "version": "3.3.5",
       "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
@@ -4119,6 +4858,27 @@
         "node": ">=4.0"
       }
     },
+    "node_modules/jwa": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/jwa/-/jwa-1.4.2.tgz",
+      "integrity": "sha512-eeH5JO+21J78qMvTIDdBXidBd6nG2kZjg5Ohz/1fpa28Z4CcsWUzJ1ZZyFq/3z3N17aZy+ZuBoHljASbL1WfOw==",
+      "license": "MIT",
+      "dependencies": {
+        "buffer-equal-constant-time": "^1.0.1",
+        "ecdsa-sig-formatter": "1.0.11",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/jws": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/jws/-/jws-3.2.2.tgz",
+      "integrity": "sha512-YHlZCB6lMTllWDtSPHz/ZXTsi8S00usEV6v1tjq8tOUZzw7DpSDWVXjXDre6ed1w/pd495ODpHZYSdkRTsa0HA==",
+      "license": "MIT",
+      "dependencies": {
+        "jwa": "^1.4.1",
+        "safe-buffer": "^5.0.1"
+      }
+    },
     "node_modules/keyv": {
       "version": "4.5.4",
       "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
@@ -4440,6 +5200,42 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/lodash.includes": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/lodash.includes/-/lodash.includes-4.3.0.tgz",
+      "integrity": "sha512-W3Bx6mdkRTGtlJISOvVD/lbqjTlPPUDTMnlXZFnVwi9NKJ6tiAk6LVdlhZMm17VZisqhKcgzpO5Wz91PCt5b0w==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.isboolean": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/lodash.isboolean/-/lodash.isboolean-3.0.3.tgz",
+      "integrity": "sha512-Bz5mupy2SVbPHURB98VAcw+aHh4vRV5IPNhILUCsOzRmsTmSQ17jIuqopAentWoehktxGd9e/hbIXq980/1QJg==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.isinteger": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/lodash.isinteger/-/lodash.isinteger-4.0.4.tgz",
+      "integrity": "sha512-DBwtEWN2caHQ9/imiNeEA5ys1JoRtRfY3d7V9wkqtbycnAmTvRRmbHKDV4a0EYc678/dia0jrte4tjYwVBaZUA==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.isnumber": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/lodash.isnumber/-/lodash.isnumber-3.0.3.tgz",
+      "integrity": "sha512-QYqzpfwO3/CWf3XP+Z+tkQsfaLL/EnUlXWVkIk5FUPc4sBdTehEqZONuyRt2P67PXAk+NXmTBcc97zw9t1FQrw==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.isplainobject": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
+      "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.isstring": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/lodash.isstring/-/lodash.isstring-4.0.1.tgz",
+      "integrity": "sha512-0wJxfxH1wgO3GrbuP+dTTk7op+6L41QCXbGINEmD+ny/G/eCqGzxyCsh7159S+mgDDcoarnBw6PC1PS5+wUGgw==",
+      "license": "MIT"
+    },
     "node_modules/lodash.merge": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
@@ -4447,6 +5243,12 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/lodash.once": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/lodash.once/-/lodash.once-4.1.1.tgz",
+      "integrity": "sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg==",
+      "license": "MIT"
+    },
     "node_modules/loose-envify": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
@@ -4470,6 +5272,13 @@
         "@jridgewell/sourcemap-codec": "^1.5.5"
       }
     },
+    "node_modules/make-error": {
+      "version": "1.3.6",
+      "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz",
+      "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==",
+      "dev": true,
+      "license": "ISC"
+    },
     "node_modules/math-intrinsics": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
@@ -4531,7 +5340,6 @@
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
       "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/nanoid": {
@@ -4954,6 +5762,25 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/prisma": {
+      "version": "5.22.0",
+      "resolved": "https://registry.npmjs.org/prisma/-/prisma-5.22.0.tgz",
+      "integrity": "sha512-vtpjW3XuYCSnMsNVBjLMNkTj6OZbudcPPTPYHqX0CJfpcdWciI1dM8uHETwmDxxiqEwCIE6WvXucWUetJgfu/A==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@prisma/engines": "5.22.0"
+      },
+      "bin": {
+        "prisma": "build/index.js"
+      },
+      "engines": {
+        "node": ">=16.13"
+      },
+      "optionalDependencies": {
+        "fsevents": "2.3.3"
+      }
+    },
     "node_modules/prop-types": {
       "version": "15.8.1",
       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
@@ -5165,6 +5992,26 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
     "node_modules/safe-push-apply": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/safe-push-apply/-/safe-push-apply-1.0.0.tgz",
@@ -5210,7 +6057,6 @@
       "version": "7.7.3",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
       "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
-      "devOptional": true,
       "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
@@ -5720,6 +6566,50 @@
         "typescript": ">=4.8.4"
       }
     },
+    "node_modules/ts-node": {
+      "version": "10.9.2",
+      "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.9.2.tgz",
+      "integrity": "sha512-f0FFpIdcHgn8zcPSbf1dRevwt047YMnaiJM3u2w2RewrB+fob/zePZcrOyQoLMMO7aBIddLcQIEK5dYjkLnGrQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@cspotcode/source-map-support": "^0.8.0",
+        "@tsconfig/node10": "^1.0.7",
+        "@tsconfig/node12": "^1.0.7",
+        "@tsconfig/node14": "^1.0.0",
+        "@tsconfig/node16": "^1.0.2",
+        "acorn": "^8.4.1",
+        "acorn-walk": "^8.1.1",
+        "arg": "^4.1.0",
+        "create-require": "^1.1.0",
+        "diff": "^4.0.1",
+        "make-error": "^1.1.1",
+        "v8-compile-cache-lib": "^3.0.1",
+        "yn": "3.1.1"
+      },
+      "bin": {
+        "ts-node": "dist/bin.js",
+        "ts-node-cwd": "dist/bin-cwd.js",
+        "ts-node-esm": "dist/bin-esm.js",
+        "ts-node-script": "dist/bin-script.js",
+        "ts-node-transpile-only": "dist/bin-transpile.js",
+        "ts-script": "dist/bin-script-deprecated.js"
+      },
+      "peerDependencies": {
+        "@swc/core": ">=1.2.50",
+        "@swc/wasm": ">=1.2.50",
+        "@types/node": "*",
+        "typescript": ">=2.7"
+      },
+      "peerDependenciesMeta": {
+        "@swc/core": {
+          "optional": true
+        },
+        "@swc/wasm": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/tsconfig-paths": {
       "version": "3.15.0",
       "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
@@ -5739,6 +6629,26 @@
       "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
       "license": "0BSD"
     },
+    "node_modules/tsx": {
+      "version": "4.20.6",
+      "resolved": "https://registry.npmjs.org/tsx/-/tsx-4.20.6.tgz",
+      "integrity": "sha512-ytQKuwgmrrkDTFP4LjR0ToE2nqgy886GpvRSpU0JAnrdBYppuY5rLkRUYPU1yCryb24SsKBTL/hlDQAEFVwtZg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "~0.25.0",
+        "get-tsconfig": "^4.7.5"
+      },
+      "bin": {
+        "tsx": "dist/cli.mjs"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      }
+    },
     "node_modules/type-check": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
@@ -5915,6 +6825,13 @@
         "punycode": "^2.1.0"
       }
     },
+    "node_modules/v8-compile-cache-lib": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz",
+      "integrity": "sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -6030,6 +6947,16 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/yn": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz",
+      "integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/yocto-queue": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
diff --git a/package.json b/package.json
index 81a5446..a710625 100644
--- a/package.json
+++ b/package.json
@@ -6,22 +6,34 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "eslint"
+    "lint": "eslint",
+    "db:push": "prisma db push",
+    "db:seed": "tsx prisma/seed.mts",
+    "db:reset": "prisma db push --force-reset && npm run db:seed"
   },
   "dependencies": {
+    "@prisma/client": "^5.22.0",
+    "bcryptjs": "^3.0.3",
+    "jose": "^6.1.2",
+    "jsonwebtoken": "^9.0.2",
+    "next": "15.5.6",
+    "prisma": "^5.22.0",
     "react": "19.1.0",
-    "react-dom": "19.1.0",
-    "next": "15.5.6"
+    "react-dom": "19.1.0"
   },
   "devDependencies": {
-    "typescript": "^5",
+    "@eslint/eslintrc": "^3",
+    "@tailwindcss/postcss": "^4",
+    "@types/bcryptjs": "^2.4.6",
+    "@types/jsonwebtoken": "^9.0.10",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
-    "@tailwindcss/postcss": "^4",
-    "tailwindcss": "^4",
     "eslint": "^9",
     "eslint-config-next": "15.5.6",
-    "@eslint/eslintrc": "^3"
+    "tailwindcss": "^4",
+    "ts-node": "^10.9.2",
+    "tsx": "^4.20.6",
+    "typescript": "^5"
   }
 }
diff --git a/prisma/dev.db b/prisma/dev.db
new file mode 100644
index 0000000..93ae419
Binary files /dev/null and b/prisma/dev.db differ
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
new file mode 100644
index 0000000..098d7ea
--- /dev/null
+++ b/prisma/schema.prisma
@@ -0,0 +1,138 @@
+// This is your Prisma schema file,
+// learn more about it in the docs: https://pris.ly/d/prisma-schema
+
+generator client {
+  provider = "prisma-client-js"
+}
+
+datasource db {
+  provider = "sqlite"
+  url      = env("DATABASE_URL")
+}
+
+model User {
+  id        Int      @id @default(autoincrement())
+  username  String   @unique
+  password  String
+  role      String   @default("admin")
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+}
+
+model SliderItem {
+  id          Int      @id @default(autoincrement())
+  title       String
+  description String
+  buttonText  String
+  buttonLink  String
+  active      Boolean  @default(true)
+  order       Int      @default(0)
+  createdAt   DateTime @default(now())
+  updatedAt   DateTime @updatedAt
+}
+
+model News {
+  id        Int      @id @default(autoincrement())
+  title     String
+  summary   String
+  content   String
+  image     String
+  category  String
+  author    String
+  tags      String
+  featured  Boolean  @default(false)
+  date      String
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+}
+
+model Media {
+  id          Int      @id @default(autoincrement())
+  type        String
+  title       String
+  description String
+  thumbnail   String
+  videoUrl    String?
+  duration    String?
+  category    String?
+  featured    Boolean  @default(false)
+  date        String
+  createdAt   DateTime @default(now())
+  updatedAt   DateTime @updatedAt
+}
+
+model Document {
+  id          Int      @id @default(autoincrement())
+  title       String
+  description String
+  type        String
+  category    String
+  size        String
+  downloadUrl String
+  date        String
+  createdAt   DateTime @default(now())
+  updatedAt   DateTime @updatedAt
+}
+
+model MetroStation {
+  id          Int      @id @default(autoincrement())
+  name        String
+  status      String
+  progress    Int      @default(0)
+  description String?
+  order       Int      @default(0)
+  createdAt   DateTime @default(now())
+  updatedAt   DateTime @updatedAt
+}
+
+model LiveStream {
+  id        Int      @id @default(autoincrement())
+  url       String
+  title     String?
+  active    Boolean  @default(false)
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+}
+
+model Message {
+  id        Int      @id @default(autoincrement())
+  name      String
+  email     String
+  phone     String
+  subject   String
+  type      String
+  message   String
+  read      Boolean  @default(false)
+  date      String
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+}
+
+model FAQ {
+  id        Int      @id @default(autoincrement())
+  question  String
+  answer    String
+  order     Int      @default(0)
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+}
+
+model Camera {
+  id        Int      @id @default(autoincrement())
+  name      String
+  location  String
+  videoUrl  String
+  status    String   @default("online")
+  viewers   Int      @default(0)
+  order     Int      @default(0)
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+}
+
+model SiteSettings {
+  id        Int      @id @default(autoincrement())
+  key       String   @unique
+  value     String
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+}
diff --git a/prisma/seed.js b/prisma/seed.js
new file mode 100644
index 0000000..db71402
--- /dev/null
+++ b/prisma/seed.js
@@ -0,0 +1,173 @@
+const { PrismaClient } = require('@prisma/client');
+const { hash } = require('bcryptjs');
+
+const prisma = new PrismaClient();
+
+async function main() {
+  console.log('Seeding database...');
+
+  // Admin kullanıcı oluştur
+  const adminPassword = await hash(
+    process.env.ADMIN_DEFAULT_PASSWORD || 'admin123',
+    10
+  );
+
+  const admin = await prisma.user.upsert({
+    where: { username: 'admin' },
+    update: {},
+    create: {
+      username: 'admin',
+      password: adminPassword,
+    },
+  });
+
+  console.log('✓ Admin kullanıcı oluşturuldu:', admin.username);
+
+  // Slider items
+  const sliderItems = [
+    {
+      title: 'Ankara Metro Altyapı Projelerinde Öncü Çözümler',
+      description:
+        'Ankara Büyükşehir Belediyesi ile birlikte, modern teknoloji ve mühendislik uzmanlığımızla başkentin ulaşım ağını inşa ediyor, geleceğin metro sistemlerini bugünden hayata geçiriyoruz.',
+      buttonText: 'Detayları Gör',
+      buttonLink: '#proje-detay',
+      active: true,
+    },
+    {
+      title: 'A2 Metro Hattı İnşaatında Son Aşamaya Gelindi',
+      description:
+        '15 istasyonlu A2 Metro Hattı projemiz %75 tamamlandı. 2026 yılında hizmete açılacak modern metro hattımız, günlük 300 bin yolcuya hizmet verecek.',
+      buttonText: 'İlerlemeyi İzle',
+      buttonLink: '#metro-hatti',
+      active: true,
+    },
+    {
+      title: 'Çevre Dostu Metro Teknolojileri',
+      description:
+        'Yenilenebilir enerji kaynakları ve sürdürülebilir inşaat teknikleri ile çevre dostu metro projelerine imza atıyoruz. Karbon emisyonunu %40 azaltan yenilikçi çözümlerimiz.',
+      buttonText: 'Yeşil Projeler',
+      buttonLink: '#cevre',
+      active: true,
+    },
+  ];
+
+  for (const item of sliderItems) {
+    await prisma.sliderItem.create({ data: item });
+  }
+
+  console.log('✓ Slider items oluşturuldu:', sliderItems.length);
+
+  // FAQs
+  const faqs = [
+    {
+      question: 'Metro inşaat çalışmaları ne zaman başladı?',
+      answer:
+        'A2 Metro Hattı inşaat çalışmalarımız 2021 yılında başlamış olup, proje 2026 yılında tamamlanacaktır.',
+      order: 1,
+    },
+    {
+      question: 'Hangi metro hatlarında çalışıyorsunuz?',
+      answer:
+        'Şu anda A2 Metro Hattı, Keçiören-Gölbaşı Metro Hattı ve Batıkent-Sincan Metro Hattı projelerinde aktif olarak çalışmaktayız.',
+      order: 2,
+    },
+    {
+      question: 'Çevreye olan etkiniz nedir?',
+      answer:
+        'Tüm projelerimizde çevre dostu teknolojiler kullanıyor, karbon emisyonunu en aza indirmeye özen gösteriyoruz. Ayrıca geri dönüşüm programlarımızla inşaat atıklarını azaltıyoruz.',
+      order: 3,
+    },
+  ];
+
+  for (const faq of faqs) {
+    await prisma.fAQ.create({ data: faq });
+  }
+
+  console.log('✓ FAQs oluşturuldu:', faqs.length);
+
+  // Cameras
+  const cameras = [
+    {
+      name: 'A2 Metro - Ana Şantiye',
+      location: 'Kızılay İstasyonu',
+      videoUrl: 'https://www.youtube.com/embed/dQw4w9WgXcQ',
+      status: 'online',
+      viewers: 1245,
+      order: 1,
+    },
+    {
+      name: 'Keçiören Hattı - Tünel Kazı',
+      location: 'Keçiören İstasyonu',
+      videoUrl: 'https://www.youtube.com/embed/dQw4w9WgXcQ',
+      status: 'online',
+      viewers: 892,
+      order: 2,
+    },
+    {
+      name: 'Gölbaşı İstasyonu İnşaatı',
+      location: 'Gölbaşı',
+      videoUrl: 'https://www.youtube.com/embed/dQw4w9WgXcQ',
+      status: 'offline',
+      viewers: 0,
+      order: 3,
+    },
+  ];
+
+  for (const camera of cameras) {
+    await prisma.camera.create({ data: camera });
+  }
+
+  console.log('✓ Cameras oluşturuldu:', cameras.length);
+
+  // Site Settings
+  await prisma.siteSettings.create({
+    data: {
+      key: 'main',
+      value: JSON.stringify({
+        contact: {
+          phone: '+90 (312) 555 00 00',
+          email: 'info@gulermakmetro.com.tr',
+          address:
+            'Ankara Büyükşehir Belediyesi İş Merkezi, Çankaya/Ankara',
+          kep: 'gulermak@hs01.kep.tr',
+        },
+        social: {
+          facebook: 'https://facebook.com/gulermakmetro',
+          twitter: 'https://twitter.com/gulermakmetro',
+          instagram: 'https://instagram.com/gulermakmetro',
+          youtube: 'https://youtube.com/@gulermakmetro',
+          linkedin: 'https://linkedin.com/company/gulermakmetro',
+        },
+        companyInfo: {
+          name: 'Gülermak Metro',
+          fullName: 'Gülermak Ankara Metro Yapım A.Ş.',
+          foundedYear: '2020',
+        },
+      }),
+    },
+  });
+
+  console.log('✓ Site settings oluşturuldu');
+
+  // Live Stream
+  await prisma.liveStream.create({
+    data: {
+      url: 'https://www.youtube.com/embed/jfKfPfyJRdk',
+      active: true,
+      title: 'A2 Metro Hattı Canlı Yayını',
+    },
+  });
+
+  console.log('✓ Live stream oluşturuldu');
+
+  console.log('✅ Seeding tamamlandı!');
+}
+
+main()
+  .catch((e) => {
+    console.error('Seeding hatası:', e);
+    process.exit(1);
+  })
+  .finally(async () => {
+    await prisma.$disconnect();
+  });
diff --git a/prisma/seed.mts b/prisma/seed.mts
new file mode 100644
index 0000000..8361dff
--- /dev/null
+++ b/prisma/seed.mts
@@ -0,0 +1,173 @@
+import { PrismaClient } from '@prisma/client';
+import { hash } from 'bcryptjs';
+
+const prisma = new PrismaClient();
+
+async function main() {
+  console.log('Seeding database...');
+
+  // Admin kullanıcı oluştur
+  const adminPassword = await hash(
+    process.env.ADMIN_DEFAULT_PASSWORD || 'admin123',
+    10
+  );
+
+  const admin = await prisma.user.upsert({
+    where: { username: 'admin' },
+    update: {},
+    create: {
+      username: 'admin',
+      password: adminPassword,
+    },
+  });
+
+  console.log('✓ Admin kullanıcı oluşturuldu:', admin.username);
+
+  // Slider items
+  const sliderItems = [
+    {
+      title: 'Ankara Metro Altyapı Projelerinde Öncü Çözümler',
+      description:
+        'Ankara Büyükşehir Belediyesi ile birlikte, modern teknoloji ve mühendislik uzmanlığımızla başkentin ulaşım ağını inşa ediyor, geleceğin metro sistemlerini bugünden hayata geçiriyoruz.',
+      buttonText: 'Detayları Gör',
+      buttonLink: '#proje-detay',
+      active: true,
+    },
+    {
+      title: 'A2 Metro Hattı İnşaatında Son Aşamaya Gelindi',
+      description:
+        '15 istasyonlu A2 Metro Hattı projemiz %75 tamamlandı. 2026 yılında hizmete açılacak modern metro hattımız, günlük 300 bin yolcuya hizmet verecek.',
+      buttonText: 'İlerlemeyi İzle',
+      buttonLink: '#metro-hatti',
+      active: true,
+    },
+    {
+      title: 'Çevre Dostu Metro Teknolojileri',
+      description:
+        'Yenilenebilir enerji kaynakları ve sürdürülebilir inşaat teknikleri ile çevre dostu metro projelerine imza atıyoruz. Karbon emisyonunu %40 azaltan yenilikçi çözümlerimiz.',
+      buttonText: 'Yeşil Projeler',
+      buttonLink: '#cevre',
+      active: true,
+    },
+  ];
+
+  for (const item of sliderItems) {
+    await prisma.sliderItem.create({ data: item });
+  }
+
+  console.log('✓ Slider items oluşturuldu:', sliderItems.length);
+
+  // FAQs
+  const faqs = [
+    {
+      question: 'Metro inşaat çalışmaları ne zaman başladı?',
+      answer:
+        'A2 Metro Hattı inşaat çalışmalarımız 2021 yılında başlamış olup, proje 2026 yılında tamamlanacaktır.',
+      order: 1,
+    },
+    {
+      question: 'Hangi metro hatlarında çalışıyorsunuz?',
+      answer:
+        'Şu anda A2 Metro Hattı, Keçiören-Gölbaşı Metro Hattı ve Batıkent-Sincan Metro Hattı projelerinde aktif olarak çalışmaktayız.',
+      order: 2,
+    },
+    {
+      question: 'Çevreye olan etkiniz nedir?',
+      answer:
+        'Tüm projelerimizde çevre dostu teknolojiler kullanıyor, karbon emisyonunu en aza indirmeye özen gösteriyoruz. Ayrıca geri dönüşüm programlarımızla inşaat atıklarını azaltıyoruz.',
+      order: 3,
+    },
+  ];
+
+  for (const faq of faqs) {
+    await prisma.fAQ.create({ data: faq });
+  }
+
+  console.log('✓ FAQs oluşturuldu:', faqs.length);
+
+  // Cameras
+  const cameras = [
+    {
+      name: 'A2 Metro - Ana Şantiye',
+      location: 'Kızılay İstasyonu',
+      videoUrl: 'https://www.youtube.com/embed/dQw4w9WgXcQ',
+      status: 'online' as const,
+      viewers: 1245,
+      order: 1,
+    },
+    {
+      name: 'Keçiören Hattı - Tünel Kazı',
+      location: 'Keçiören İstasyonu',
+      videoUrl: 'https://www.youtube.com/embed/dQw4w9WgXcQ',
+      status: 'online' as const,
+      viewers: 892,
+      order: 2,
+    },
+    {
+      name: 'Gölbaşı İstasyonu İnşaatı',
+      location: 'Gölbaşı',
+      videoUrl: 'https://www.youtube.com/embed/dQw4w9WgXcQ',
+      status: 'offline' as const,
+      viewers: 0,
+      order: 3,
+    },
+  ];
+
+  for (const camera of cameras) {
+    await prisma.camera.create({ data: camera });
+  }
+
+  console.log('✓ Cameras oluşturuldu:', cameras.length);
+
+  // Site Settings
+  await prisma.siteSettings.create({
+    data: {
+      key: 'main',
+      value: JSON.stringify({
+        contact: {
+          phone: '+90 (312) 555 00 00',
+          email: 'info@gulermakmetro.com.tr',
+          address:
+            'Ankara Büyükşehir Belediyesi İş Merkezi, Çankaya/Ankara',
+          kep: 'gulermak@hs01.kep.tr',
+        },
+        social: {
+          facebook: 'https://facebook.com/gulermakmetro',
+          twitter: 'https://twitter.com/gulermakmetro',
+          instagram: 'https://instagram.com/gulermakmetro',
+          youtube: 'https://youtube.com/@gulermakmetro',
+          linkedin: 'https://linkedin.com/company/gulermakmetro',
+        },
+        companyInfo: {
+          name: 'Gülermak Metro',
+          fullName: 'Gülermak Ankara Metro Yapım A.Ş.',
+          foundedYear: '2020',
+        },
+      }),
+    },
+  });
+
+  console.log('✓ Site settings oluşturuldu');
+
+  // Live Stream
+  await prisma.liveStream.create({
+    data: {
+      url: 'https://www.youtube.com/embed/jfKfPfyJRdk',
+      active: true,
+      title: 'A2 Metro Hattı Canlı Yayını',
+    },
+  });
+
+  console.log('✓ Live stream oluşturuldu');
+
+  console.log('✅ Seeding tamamlandı!');
+}
+
+main()
+  .catch((e) => {
+    console.error('Seeding hatası:', e);
+    process.exit(1);
+  })
+  .finally(async () => {
+    await prisma.$disconnect();
+  });
diff --git a/prisma/seed.ts b/prisma/seed.ts
new file mode 100644
index 0000000..502c499
--- /dev/null
+++ b/prisma/seed.ts
@@ -0,0 +1,173 @@
+import { hash } from 'bcryptjs';
+import { PrismaClient } from '@prisma/client';
+
+const prisma = new PrismaClient();
+
+async function main() {
+  console.log('Seeding database...');
+
+  // Admin kullanıcı oluştur
+  const adminPassword = await hash(
+    process.env.ADMIN_DEFAULT_PASSWORD || 'admin123',
+    10
+  );
+
+  const admin = await prisma.user.upsert({
+    where: { username: 'admin' },
+    update: {},
+    create: {
+      username: 'admin',
+      password: adminPassword,
+    },
+  });
+
+  console.log('✓ Admin kullanıcı oluşturuldu:', admin.username);
+
+  // Slider items
+  const sliderItems = [
+    {
+      title: 'Ankara Metro Altyapı Projelerinde Öncü Çözümler',
+      description:
+        'Ankara Büyükşehir Belediyesi ile birlikte, modern teknoloji ve mühendislik uzmanlığımızla başkentin ulaşım ağını inşa ediyor, geleceğin metro sistemlerini bugünden hayata geçiriyoruz.',
+      buttonText: 'Detayları Gör',
+      buttonLink: '#proje-detay',
+      active: true,
+    },
+    {
+      title: 'A2 Metro Hattı İnşaatında Son Aşamaya Gelindi',
+      description:
+        '15 istasyonlu A2 Metro Hattı projemiz %75 tamamlandı. 2026 yılında hizmete açılacak modern metro hattımız, günlük 300 bin yolcuya hizmet verecek.',
+      buttonText: 'İlerlemeyi İzle',
+      buttonLink: '#metro-hatti',
+      active: true,
+    },
+    {
+      title: 'Çevre Dostu Metro Teknolojileri',
+      description:
+        'Yenilenebilir enerji kaynakları ve sürdürülebilir inşaat teknikleri ile çevre dostu metro projelerine imza atıyoruz. Karbon emisyonunu %40 azaltan yenilikçi çözümlerimiz.',
+      buttonText: 'Yeşil Projeler',
+      buttonLink: '#cevre',
+      active: true,
+    },
+  ];
+
+  for (const item of sliderItems) {
+    await prisma.sliderItem.create({ data: item });
+  }
+
+  console.log('✓ Slider items oluşturuldu:', sliderItems.length);
+
+  // FAQs
+  const faqs = [
+    {
+      question: 'Metro inşaat çalışmaları ne zaman başladı?',
+      answer:
+        'A2 Metro Hattı inşaat çalışmalarımız 2021 yılında başlamış olup, proje 2026 yılında tamamlanacaktır.',
+      order: 1,
+    },
+    {
+      question: 'Hangi metro hatlarında çalışıyorsunuz?',
+      answer:
+        'Şu anda A2 Metro Hattı, Keçiören-Gölbaşı Metro Hattı ve Batıkent-Sincan Metro Hattı projelerinde aktif olarak çalışmaktayız.',
+      order: 2,
+    },
+    {
+      question: 'Çevreye olan etkiniz nedir?',
+      answer:
+        'Tüm projelerimizde çevre dostu teknolojiler kullanıyor, karbon emisyonunu en aza indirmeye özen gösteriyoruz. Ayrıca geri dönüşüm programlarımızla inşaat atıklarını azaltıyoruz.',
+      order: 3,
+    },
+  ];
+
+  for (const faq of faqs) {
+    await prisma.fAQ.create({ data: faq });
+  }
+
+  console.log('✓ FAQs oluşturuldu:', faqs.length);
+
+  // Cameras
+  const cameras = [
+    {
+      name: 'A2 Metro - Ana Şantiye',
+      location: 'Kızılay İstasyonu',
+      videoUrl: 'https://www.youtube.com/embed/dQw4w9WgXcQ',
+      status: 'online',
+      viewers: 1245,
+      order: 1,
+    },
+    {
+      name: 'Keçiören Hattı - Tünel Kazı',
+      location: 'Keçiören İstasyonu',
+      videoUrl: 'https://www.youtube.com/embed/dQw4w9WgXcQ',
+      status: 'online',
+      viewers: 892,
+      order: 2,
+    },
+    {
+      name: 'Gölbaşı İstasyonu İnşaatı',
+      location: 'Gölbaşı',
+      videoUrl: 'https://www.youtube.com/embed/dQw4w9WgXcQ',
+      status: 'offline',
+      viewers: 0,
+      order: 3,
+    },
+  ];
+
+  for (const camera of cameras) {
+    await prisma.camera.create({ data: camera });
+  }
+
+  console.log('✓ Cameras oluşturuldu:', cameras.length);
+
+  // Site Settings
+  await prisma.siteSettings.create({
+    data: {
+      key: 'main',
+      value: JSON.stringify({
+        contact: {
+          phone: '+90 (312) 555 00 00',
+          email: 'info@gulermakmetro.com.tr',
+          address:
+            'Ankara Büyükşehir Belediyesi İş Merkezi, Çankaya/Ankara',
+          kep: 'gulermak@hs01.kep.tr',
+        },
+        social: {
+          facebook: 'https://facebook.com/gulermakmetro',
+          twitter: 'https://twitter.com/gulermakmetro',
+          instagram: 'https://instagram.com/gulermakmetro',
+          youtube: 'https://youtube.com/@gulermakmetro',
+          linkedin: 'https://linkedin.com/company/gulermakmetro',
+        },
+        companyInfo: {
+          name: 'Gülermak Metro',
+          fullName: 'Gülermak Ankara Metro Yapım A.Ş.',
+          foundedYear: '2020',
+        },
+      }),
+    },
+  });
+
+  console.log('✓ Site settings oluşturuldu');
+
+  // Live Stream
+  await prisma.liveStream.create({
+    data: {
+      url: 'https://www.youtube.com/embed/jfKfPfyJRdk',
+      active: true,
+      title: 'A2 Metro Hattı Canlı Yayını',
+    },
+  });
+
+  console.log('✓ Live stream oluşturuldu');
+
+  console.log('✅ Seeding tamamlandı!');
+}
+
+main()
+  .catch((e) => {
+    console.error('Seeding hatası:', e);
+    process.exit(1);
+  })
+  .finally(async () => {
+    await prisma.$disconnect();
+  });