personalsite/app/misyon/page.tsx

import type { Metadata } from "next";

export const metadata: Metadata = { title: "Misyon" };

export default function MisyonPage() {
  return (
    <div style={{ maxWidth: "100%" }}>
      <div className="page-title">Misyon</div>
      <p style={{ fontSize: "0.8rem", color: "var(--text-muted)", marginBottom: "2rem" }}>
        Neden yapıyorum, ne yapıyorum
      </p>

      <div className="card prose">
        <h2>Neden?</h2>
        <p>
          Siber güvenlik sadece teknik bir alan değil. Sistemleri anlama, onları koruma ve
          dijital dünyayı daha güvenli hale getirme misyonu. Bu misyon beni her sabah
          bilgisayar başına getiriyor.
        </p>

        <h2>Ne Yapıyorum?</h2>
        <p>
          Saldırgan bakış açısıyla sistemleri test ediyorum. Red team operasyonları, penetrasyon
          testleri, güvenlik değerlendirmeleri... Amacım açıkları bulmak — savunmadan önce.
        </p>

        <h2>Bu Sitenin Misyonu</h2>
        <ul>
          <li><strong>Belgelemek:</strong> Öğrendiklerimi kayıt altına almak</li>
          <li><strong>Paylaşmak:</strong> Türkçe teknik içerik üretmek</li>
          <li><strong>İlham vermek:</strong> Bu alana girmek isteyenlere yol göstermek</li>
          <li><strong>Şeffaf olmak:</strong> Yolculuğumu, başarıları ve başarısızlıkları ile açık paylaşmak</li>
        </ul>

        <h2>Değerler</h2>
        <ul>
          <li><strong>Etik:</strong> Sadece izinli sistemlerde çalışıyorum. Kötü niyetli aktörlere karşıyım.</li>
          <li><strong>Açık kaynak:</strong> Topluluğa geri vermek önemli</li>
          <li><strong>Sürekli öğrenme:</strong> Bu alan durmadan değişiyor; ben de duruyorum</li>
          <li><strong>Kalite:</strong> Az ama öz içerik</li>
        </ul>

        <blockquote>
          &quot;Hack the planet — but with ethics.&quot;
        </blockquote>
      </div>
    </div>
  );
}