import type { Metadata } from "next";
import StaticPageLayout from "@/components/layout/StaticPageLayout";

export const metadata: Metadata = {
  title: "Çerez Politikası | yakınımda.tr",
  description: "yakınımda.tr çerez kullanımı ve tercihleriniz.",
};

export default function CerezPage() {
  return (
    <StaticPageLayout
      badge="Yasal"
      title="Çerez Politikası"
      subtitle="Son güncelleme: 5 Temmuz 2026"
      breadcrumbs={[{ label: "Çerez Politikası" }]}
    >
      <div className="prose-content">
        <h2>Çerez Nedir?</h2>
        <p>
          Çerezler, web sitesini ziyaret ettiğinizde cihazınıza kaydedilen küçük metin
          dosyalarıdır.
        </p>

        <h2>Kullandığımız Çerez Türleri</h2>
        <ul>
          <li>
            <strong>Zorunlu çerezler:</strong> Site işlevselliği için gerekli (oturum, konum
            tercihi).
          </li>
          <li>
            <strong>Analitik çerezler:</strong> Anonim kullanım istatistikleri (Google Analytics
            — planlanıyor).
          </li>
          <li>
            <strong>Tercih çerezleri:</strong> Dil, konum hatırlama.
          </li>
        </ul>

        <h2>Çerez Yönetimi</h2>
        <p>
          Tarayıcı ayarlarından çerezleri silebilir veya engelleyebilirsiniz. Zorunlu çerezlerin
          engellenmesi site işlevlerini kısıtlayabilir.
        </p>

        <h2>Üçüncü Taraf Çerezleri</h2>
        <p>
          Harita ve analitik entegrasyonları eklendiğinde ilgili sağlayıcıların çerez politikaları
          geçerli olacaktır.
        </p>
      </div>
    </StaticPageLayout>
  );
}