import type { Metadata } from 'next'
import Link from 'next/link'
import Image from 'next/image'
import { ArrowLeft, ShieldCheck } from 'lucide-react'

export const metadata: Metadata = {
  title: 'Gizlilik Politikası (Chrome Eklentisi) | AyrisLegal',
  description: 'AyrisLegal UYAP Evrak İndirici Chrome eklentisi gizlilik ve veri güvenliği taahhütleri.',
}

export default async function PrivacyPolicyPage({
  params,
}: {
  params: Promise<{ locale: string }>
}) {
  const { locale } = await params

  return (
    <div className="min-h-[100dvh] bg-white text-zinc-900 flex flex-col justify-between selection:bg-[#FDEEEC] selection:text-[#B8140F]">
      {/* ══════════════════════════════ TOP NAV ═════════════════════════════ */}
      <header className="sticky top-0 z-30 border-b border-zinc-100 bg-white/90 px-5 py-4 backdrop-blur-md md:px-16">
        <div className="mx-auto flex max-w-[1400px] items-center justify-between">
          <Link href={`/${locale}`} className="flex items-center gap-2">
            <Image src="/logo.png" alt="AyrisLegal" width={120} height={24} className="h-6 w-auto object-contain" priority />
          </Link>
          <Link
            href={`/${locale}`}
            className="inline-flex items-center gap-1.5 text-sm font-semibold text-zinc-600 transition-colors hover:text-zinc-950"
          >
            <ArrowLeft size={15} strokeWidth={2} aria-hidden="true" />
            Ana Sayfaya Dön
          </Link>
        </div>
      </header>

      {/* ══════════════════════════════ MAIN CONTENT ════════════════════════ */}
      <main className="mx-auto w-full max-w-[860px] px-5 py-12 md:px-8 md:py-20 flex-1">
        <div className="mb-10 border-b border-zinc-100 pb-8">
          <span className="inline-flex items-center gap-1.5 rounded-full px-3.5 py-1 text-xs font-mono font-semibold bg-zinc-100 text-zinc-700">
            <ShieldCheck size={14} className="text-zinc-600" aria-hidden="true" />
            UYAP Evrak İndirici Chrome Eklentisi
          </span>
          <h1 className="mt-4 text-[clamp(28px,3.8vw,42px)] font-extrabold leading-[1.1] tracking-tight text-zinc-950">
            Gizlilik Politikası
          </h1>
          <p className="mt-2.5 font-mono text-xs text-zinc-500">
            Son Güncelleme: 10 Ağustos 2026
          </p>
        </div>

        <div className="space-y-10 text-sm leading-relaxed text-zinc-600">
          <section>
            <h2 className="text-lg font-bold text-zinc-950 mb-3">1. Giriş</h2>
            <p>
              AyrisLegal (&quot;biz&quot;, &quot;bizim&quot; veya &quot;bize&quot;), gizliliğinize saygı duymakta ve kişisel verilerinizi korumayı taahhüt etmektedir. Bu Gizlilik Politikası, AyrisLegal UYAP Evrak İndirici Chrome eklentisini ve ilgili hizmetlerimizi (&quot;Eklenti&quot;) kullandığınızda kişisel bilgilerinizi nasıl işlediğimizi ve koruduğumuzu açıklar.
            </p>
          </section>

          <section>
            <h2 className="text-lg font-bold text-zinc-950 mb-3">2. Toplanan Veriler ve Kullanımı</h2>
            <p className="mb-3">
              Eklentimiz, Google hesabınızla giriş yapmanızı (OAuth) gerektirir. Bu bağlamda yalnızca aşağıdaki temel bilgiler işlenir:
            </p>
            <ul className="space-y-3 pl-4 list-disc marker:text-zinc-400">
              <li>
                <strong className="text-zinc-900 font-semibold">Google Kullanıcı Verileri:</strong> E-posta adresi ve temel profil bilgileriniz yalnızca kimlik doğrulama amacıyla kullanılır. Bu bilgiler dış sunucularımıza kaydedilmez, yalnızca oturum yönetimi için istemci (tarayıcı) tarafında tutulur.
              </li>
              <li>
                <strong className="text-zinc-900 font-semibold">UYAP Evrak Verileri:</strong> Eklenti, UYAP portalından indirdiğiniz belgeleri <strong className="text-zinc-900 font-semibold">sadece kendi bilgisayarınıza (yerel ağınıza)</strong> kaydeder veya aktarır. Hiçbir yasal belge, dosya detayı veya kişisel veri AyrisLegal sunucularına gönderilmez, saklanmaz veya üçüncü taraflarla paylaşılmaz.
              </li>
            </ul>
          </section>

          <section>
            <h2 className="text-lg font-bold text-zinc-950 mb-3">3. Veri Paylaşımı ve İfşası (Chrome Web Store Beyanları)</h2>
            <p className="mb-3">Google Chrome Web Mağazası politikaları gereği şunları taahhüt ederiz:</p>
            <ul className="space-y-2 pl-4 list-disc marker:text-zinc-400">
              <li>Kullanıcı verilerini üçüncü şahıslara satmıyoruz veya aktarmıyoruz.</li>
              <li>Kullanıcı verilerini onaylanmış (single purpose) kullanım amacı dışında kullanmıyor veya aktarmıyoruz.</li>
              <li>Kullanıcı verilerini kredi notu belirlemek veya borç verme amaçlarıyla kullanmıyor veya aktarmıyoruz.</li>
            </ul>
          </section>

          <section>
            <h2 className="text-lg font-bold text-zinc-950 mb-3">4. Veri Güvenliği</h2>
            <p>
              Eklentinin tüm veri alışverişi doğrudan sizin bilgisayarınız (tarayıcınız) ile resmi hedefler (UYAP vb.) arasında gerçekleşir. Kişisel bilgilerinizin güvenliğini korumak için endüstri standartlarında teknik ve idari güvenlik önlemleri uygulanmaktadır.
            </p>
          </section>

          <section>
            <h2 className="text-lg font-bold text-zinc-950 mb-3">5. Değişiklikler</h2>
            <p>
              Bu Gizlilik Politikasını zaman zaman güncelleyebiliriz. Herhangi bir değişiklik durumunda bu sayfada yeni tarihi belirterek sizi bilgilendireceğiz.
            </p>
          </section>

          <section className="rounded-2xl border border-zinc-200/80 bg-zinc-50/70 p-6">
            <h2 className="text-base font-bold text-zinc-950 mb-2">6. İletişim</h2>
            <p className="text-xs leading-relaxed text-zinc-600">
              Bu Gizlilik Politikası hakkında veya veri güvenliği ile ilgili her türlü sorunuz için lütfen{' '}
              <a href="mailto:info@ayris.tech" className="font-semibold text-zinc-900 underline underline-offset-4 hover:text-[#E61919]">
                info@ayris.tech
              </a>{' '}
              adresi üzerinden bizimle iletişime geçin.
            </p>
          </section>
        </div>
      </main>

      {/* ══════════════════════════════ FOOTER ══════════════════════════════ */}
      <footer className="border-t border-zinc-100 bg-white py-8 px-5 md:px-16 text-xs text-zinc-500">
        <div className="mx-auto flex max-w-[1400px] flex-col items-center justify-between gap-3 sm:flex-row">
          <span>© {new Date().getFullYear()} AyrisLegal — Ayris Tech&apos;in bir ürünüdür.</span>
          <a
            href="https://ayris.tech"
            target="_blank"
            rel="noopener noreferrer"
            className="font-medium text-zinc-700 underline-offset-4 hover:underline"
          >
            Created by ayris.tech
          </a>
        </div>
      </footer>
    </div>
  )
}
