// page-legal.jsx — Gizlilik, Kullanım Şartları, İptal Politikası, KVKK

// ─── Ortak Layout ───────────────────────────────────────────────
const LegalLayout = ({ title, subtitle, eyebrow, children, breadNav }) => (
  <div>
    {/* Hero */}
    <section style={{
      background: "linear-gradient(180deg,var(--navy-900) 0%,var(--navy-950) 100%)",
      color: "white", padding: "60px 32px 48px",
    }}>
      <div className="container">
        {/* Breadcrumb */}
        <div style={{ display:"flex", alignItems:"center", gap:8, marginBottom:20,
                      fontFamily:"var(--font-mono)", fontSize:12, color:"rgba(255,255,255,.5)" }}>
          <span style={{ cursor:"pointer", color:"rgba(255,255,255,.5)" }}
                onClick={() => breadNav && breadNav("home")}>Ana Sayfa</span>
          <span>/</span>
          <span style={{ color:"var(--red-bright)" }}>{title}</span>
        </div>
        <div style={{ fontFamily:"var(--font-mono)", fontSize:11.5, letterSpacing:".14em",
                      color:"var(--red-bright)", textTransform:"uppercase", marginBottom:12 }}>
          {eyebrow}
        </div>
        <h1 style={{ fontFamily:"var(--font-display)", fontSize:44, letterSpacing:"-.03em",
                     lineHeight:1.1, margin:"0 0 14px", fontWeight:700 }}>
          {title}
        </h1>
        <p style={{ fontSize:15, color:"var(--gray-300)", margin:0 }}>{subtitle}</p>
      </div>
    </section>

    {/* İçerik */}
    <section className="section section-light" style={{ paddingTop:48 }}>
      <div className="container" style={{ maxWidth:860 }}>
        {children}
      </div>
    </section>
  </div>
);

// Bölüm başlığı
const LSection = ({ title, children }) => (
  <div style={{ marginBottom:40 }}>
    <h2 style={{ fontFamily:"var(--font-display)", fontSize:22, fontWeight:700,
                 letterSpacing:"-.02em", color:"var(--ink)", marginBottom:12,
                 paddingBottom:10, borderBottom:"2px solid var(--gray-100)" }}>
      {title}
    </h2>
    <div style={{ fontSize:15, lineHeight:1.75, color:"var(--gray-700)" }}>
      {children}
    </div>
  </div>
);

// Vurgulu bilgi kutusu
const InfoBox = ({ color="#0B3D91", bg="rgba(11,61,145,.06)", children }) => (
  <div style={{ padding:"16px 20px", background:bg, borderLeft:`4px solid ${color}`,
                borderRadius:"0 10px 10px 0", margin:"16px 0", fontSize:14.5,
                color:"var(--gray-700)", lineHeight:1.6 }}>
    {children}
  </div>
);

// Son güncelleme chipı
const UpdateBadge = ({ date }) => (
  <div style={{ display:"inline-flex", alignItems:"center", gap:8, padding:"6px 14px",
                background:"var(--gray-100)", borderRadius:999, marginBottom:32,
                fontFamily:"var(--font-mono)", fontSize:11.5, color:"var(--gray-600)" }}>
    <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
      <circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/>
    </svg>
    Son güncelleme: {date}
  </div>
);

// ═══════════════════════════════════════════════════════════════
// 1. GİZLİLİK POLİTİKASI
// ═══════════════════════════════════════════════════════════════
const PrivacyPage = ({ onNav }) => (
  <LegalLayout
    eyebrow="Yasal · Gizlilik"
    title="Gizlilik Politikası"
    subtitle="Kişisel verilerinizi nasıl topladığımızı, kullandığımızı ve koruduğumuzu açıklıyoruz."
    breadNav={onNav}>

    <UpdateBadge date="1 Ocak 2026"/>

    <LSection title="1. Veri Sorumlusu">
      <p>Bu Gizlilik Politikası, <strong>ENG Transfer</strong> (Oba Mah. Fabrika Cad. Seven Trio Park Sit. No:11/B, Alanya / Antalya, Türkiye) tarafından sunulan hizmetlerde geçerlidir. Veri sorumlusu sıfatıyla kişisel verilerinizi 6698 sayılı Kişisel Verilerin Korunması Kanunu (KVKK) ve ilgili mevzuat çerçevesinde işlemekteyiz.</p>
    </LSection>

    <LSection title="2. Toplanan Kişisel Veriler">
      <p>Rezervasyon ve hizmet süreçlerinde aşağıdaki veriler toplanabilir:</p>
      <ul style={{ paddingLeft:20, marginTop:10, display:"flex", flexDirection:"column", gap:8 }}>
        <li><strong>Kimlik bilgileri:</strong> Ad, soyad, hitap (Bay/Bayan)</li>
        <li><strong>İletişim bilgileri:</strong> E-posta adresi, telefon numarası</li>
        <li><strong>Yolculuk bilgileri:</strong> Alış/bırakış noktaları, tarih, saat, yolcu sayısı</li>
        <li><strong>Uçuş bilgileri:</strong> Uçuş numarası, hava yolu kodu (isteğe bağlı)</li>
        <li><strong>Konaklama bilgileri:</strong> Otel adı, adres (isteğe bağlı)</li>
        <li><strong>Ödeme bilgileri:</strong> Yalnızca işlem sonucu alınır; kart numarası saklanmaz</li>
        <li><strong>Teknik veriler:</strong> IP adresi, tarayıcı türü, çerez verileri</li>
      </ul>
    </LSection>

    <LSection title="3. Verilerin İşlenme Amaçları">
      <p>Kişisel verileriniz şu amaçlarla işlenir:</p>
      <ul style={{ paddingLeft:20, marginTop:10, display:"flex", flexDirection:"column", gap:6 }}>
        <li>Transfer rezervasyonunun oluşturulması ve yönetilmesi</li>
        <li>Şoför ataması ve yolculuk koordinasyonu</li>
        <li>Rezervasyon onay, hatırlatma ve bilgilendirme e-postaları gönderimi</li>
        <li>Müşteri hizmetleri ve şikayet yönetimi</li>
        <li>Yasal yükümlülüklerin yerine getirilmesi</li>
        <li>Hizmet kalitesinin iyileştirilmesi ve analiz</li>
      </ul>
    </LSection>

    <LSection title="4. Hukuki Dayanak">
      <InfoBox>
        Verilerinizi KVKK'nın 5. maddesi kapsamında; sözleşme kurulması ve ifası, yasal yükümlülüklerin yerine getirilmesi ve meşru menfaatimiz dahilinde işlemekteyiz. Doğrudan pazarlama faaliyetleri için açık rızanız alınmaktadır.
      </InfoBox>
    </LSection>

    <LSection title="5. Veri Güvenliği">
      <p>Kişisel verilerinizin güvenliği için teknik ve idari tedbirler uygulamaktayız:</p>
      <ul style={{ paddingLeft:20, marginTop:10, display:"flex", flexDirection:"column", gap:6 }}>
        <li>SSL/TLS şifreleme (256-bit) ile veri iletimi</li>
        <li>PCI-DSS uyumlu ödeme altyapısı</li>
        <li>Erişim yetkilendirmesi ve güvenli sunucu altyapısı</li>
        <li>Düzenli güvenlik denetimleri</li>
      </ul>
    </LSection>

    <LSection title="6. Veri Saklama Süreleri">
      <p>Rezervasyon kayıtları yasal düzenlemeler gereği <strong>5 yıl</strong> süreyle saklanır. Pazarlama amaçlı veriler, onayın geri alınmasından itibaren 30 gün içinde silinir.</p>
    </LSection>

    <LSection title="7. Haklarınız">
      <p>KVKK kapsamındaki haklarınız:</p>
      <ul style={{ paddingLeft:20, marginTop:10, display:"flex", flexDirection:"column", gap:6 }}>
        <li>Verilerinizin işlenip işlenmediğini öğrenme</li>
        <li>İşlenen verileriniz hakkında bilgi talep etme</li>
        <li>Verilerin düzeltilmesini isteme</li>
        <li>Verilerin silinmesini veya yok edilmesini talep etme</li>
        <li>Veri işlemeye itiraz etme</li>
        <li>Veri taşınabilirliği hakkı</li>
      </ul>
      <InfoBox color="#16A34A" bg="rgba(22,163,74,.06)">
        Haklarınızı kullanmak için: <strong>info@engtransfer.com</strong> adresine yazılı başvuru yapabilirsiniz.
      </InfoBox>
    </LSection>

    <LSection title="8. Çerezler (Cookies)">
      <p>Sitemiz teknik zorunluluk çerezleri ve analitik çerezler kullanmaktadır. Tarayıcı ayarlarınızdan çerez tercihlerinizi yönetebilirsiniz.</p>
    </LSection>

    <LSection title="9. İletişim">
      <p>Gizlilik politikamız hakkında sorularınız için:<br/>
      <strong>E-posta:</strong> info@engtransfer.com<br/>
      <strong>Adres:</strong> Oba Mah. Fabrika Cad. Seven Trio Park Sit. No:11/B, Alanya / Antalya</p>
    </LSection>
  </LegalLayout>
);

// ═══════════════════════════════════════════════════════════════
// 2. KULLANIM ŞARTLARI
// ═══════════════════════════════════════════════════════════════
const TermsPage = ({ onNav }) => (
  <LegalLayout
    eyebrow="Yasal · Kullanım Şartları"
    title="Kullanım Şartları"
    subtitle="ENG Transfer hizmetlerini kullanarak bu şartları kabul etmiş sayılırsınız."
    breadNav={onNav}>

    <UpdateBadge date="1 Ocak 2026"/>

    <LSection title="1. Hizmet Tanımı">
      <p>ENG Transfer, Antalya Havalimanı başta olmak üzere Antalya ili genelinde özel ve paylaşımlı yolcu transferi hizmetleri sunmaktadır. Hizmetlerimiz shuttle, taksi, VIP araç ve minivan kategorilerini kapsamaktadır.</p>
    </LSection>

    <LSection title="2. Rezervasyon Koşulları">
      <ul style={{ paddingLeft:20, marginTop:10, display:"flex", flexDirection:"column", gap:8 }}>
        <li>Rezervasyon, sistemden onay e-postası alındıktan sonra kesinleşir.</li>
        <li>Rezervasyon sahibinin 18 yaşını doldurmuş olması gerekmektedir.</li>
        <li>Verilen iletişim bilgilerinin doğruluğundan müşteri sorumludur.</li>
        <li>Yolcu sayısı araç kapasitesini aşamaz; ek bagaj için önceden bildirim yapılmalıdır.</li>
        <li>Uçuş numarası girilmesi halinde, uçuş gecikmelerinde 90 dakikaya kadar bekleme ücretsiz sağlanır.</li>
      </ul>
    </LSection>

    <LSection title="3. Fiyatlandırma ve Ödeme">
      <InfoBox>
        <strong>Sabit fiyat garantisi:</strong> Rezervasyon anında gösterilen fiyat değiştirilemez. Gece, tatil veya trafik yoğunluğu için ek ücret talep edilmez.
      </InfoBox>
      <ul style={{ paddingLeft:20, marginTop:10, display:"flex", flexDirection:"column", gap:6 }}>
        <li>Fiyatlar KDV dahildir.</li>
        <li>Ödeme; kredi/banka kartı, PayPal veya şoföre nakit olarak yapılabilir.</li>
        <li>Kart ödemeleri PCI-DSS uyumlu güvenli altyapı üzerinden gerçekleştirilir.</li>
        <li>Dövizle gösterilen fiyatlar bilgi amaçlıdır; tahsilat TRY olarak yapılabilir.</li>
      </ul>
    </LSection>

    <LSection title="4. Sorumluluk ve Sınırlamalar">
      <ul style={{ paddingLeft:20, marginTop:10, display:"flex", flexDirection:"column", gap:8 }}>
        <li>ENG Transfer, rezervasyon bilgilerindeki hatalar nedeniyle oluşan gecikme veya kayıplardan sorumlu tutulamaz.</li>
        <li>Mücbir sebep (doğal afet, siyasi kargaşa, salgın vb.) durumlarında yükümlülüklerimiz askıya alınabilir.</li>
        <li>Araçlarımız sigortalıdır; ancak yolcunun bagajındaki kıymetli eşyalar şirketimizin sorumluluğu dışındadır.</li>
        <li>Müşterinin hatalı konum veya zaman bilgisi nedeniyle oluşan transferin gerçekleşmemesi durumunda ücret iadesi yapılmaz.</li>
      </ul>
    </LSection>

    <LSection title="5. Şoför ve Araç Standartları">
      <p>Tüm şoförlerimiz lisanslı ve sigortalıdır. Araçlarımız düzenli bakıma tabi tutulur, sigortası geçerli ve Türk Trafik Mevzuatı'na uygunluğu denetlenir. Şoförlerin tüm iletişim bilgileri ve araç plakası, yolculuktan 2 saat önce müşteriye iletilir.</p>
    </LSection>

    <LSection title="6. Uygulanacak Hukuk">
      <p>Bu şartlar Türk Hukuku'na tabidir. Anlaşmazlıklarda Alanya Mahkemeleri ve İcra Daireleri yetkilidir.</p>
    </LSection>

    <LSection title="7. Değişiklikler">
      <p>ENG Transfer, kullanım şartlarını önceden haber vermeksizin güncelleme hakkını saklı tutar. Güncel şartlar her zaman web sitemizde yayımlanır.</p>
    </LSection>
  </LegalLayout>
);

// ═══════════════════════════════════════════════════════════════
// 3. İPTAL POLİTİKASI
// ═══════════════════════════════════════════════════════════════
const CancellationPage = ({ onNav }) => (
  <LegalLayout
    eyebrow="Yasal · İptal & Değişiklik"
    title="İptal Politikası"
    subtitle="Rezervasyonunuzu ne zaman ve nasıl iptal edebileceğinizi, iade koşullarını açıklıyoruz."
    breadNav={onNav}>

    <UpdateBadge date="1 Ocak 2026"/>

    {/* Özet tablo */}
    <div style={{ display:"grid", gridTemplateColumns:"1fr 1fr 1fr", gap:12, marginBottom:40 }}>
      {[
        { zaman:"24 saat öncesi", iade:"Tam iade", color:"var(--green, #16A34A)", bg:"rgba(22,163,74,.06)", border:"rgba(22,163,74,.3)" },
        { zaman:"12–24 saat",     iade:"%50 iade",  color:"#D97706", bg:"rgba(217,119,6,.06)", border:"rgba(217,119,6,.3)" },
        { zaman:"12 saat içi",    iade:"İade yok",  color:"var(--red)", bg:"rgba(185,28,28,.06)", border:"rgba(185,28,28,.3)" },
      ].map((row, i) => (
        <div key={i} style={{ padding:"20px 18px", background:row.bg,
                              border:`1px solid ${row.border}`, borderRadius:14, textAlign:"center" }}>
          <div style={{ fontFamily:"var(--font-mono)", fontSize:11, color:row.color,
                        textTransform:"uppercase", letterSpacing:".1em", marginBottom:8 }}>
            {row.zaman}
          </div>
          <div style={{ fontFamily:"var(--font-display)", fontSize:24, fontWeight:700, color:row.color }}>
            {row.iade}
          </div>
        </div>
      ))}
    </div>

    <LSection title="1. Ücretsiz İptal">
      <InfoBox color="#16A34A" bg="rgba(22,163,74,.06)">
        <strong>Yolculuk başlangıcından 24 saat öncesine kadar</strong> yapılan iptallerde tam ücret iadesi yapılır. Hafta sonu ve resmi tatil fark etmeksizin bu politika geçerlidir.
      </InfoBox>
    </LSection>

    <LSection title="2. Kısmi İade">
      <p>Yolculuk başlangıcından <strong>12 ile 24 saat</strong> arasında yapılan iptallerde toplam ücretin <strong>%50'si</strong> iade edilir. Kalan tutar hizmet bedeli olarak alınır.</p>
    </LSection>

    <LSection title="3. İade Yapılmayan Durumlar">
      <ul style={{ paddingLeft:20, marginTop:10, display:"flex", flexDirection:"column", gap:8 }}>
        <li>Yolculuk başlangıcından <strong>12 saatten az</strong> süre kala yapılan iptaller</li>
        <li>Yolcunun belirtilen adreste / havalimanında bulunmaması (no-show)</li>
        <li>Rezervasyon bilgilerindeki hata (yanlış tarih, saat, lokasyon) nedeniyle transferin gerçekleşmemesi</li>
        <li>Aracı beklemeden ayrılan yolcular (şoförün bekleme süresi dolmadan)</li>
      </ul>
    </LSection>

    <LSection title="4. Değişiklik Talebi">
      <p>Rezervasyon detaylarında (tarih, saat, lokasyon) değişiklik talebi, yolculuk başlangıcından en az <strong>4 saat</strong> önce iletilmelidir. Değişiklik talepleri müsaitlik durumuna göre değerlendirilir ve fiyat farkı oluşabilir.</p>
    </LSection>

    <LSection title="5. İptal Nasıl Yapılır?">
      <p>İptal taleplerinizi aşağıdaki kanallardan iletebilirsiniz:</p>
      <div style={{ display:"flex", flexDirection:"column", gap:12, marginTop:12 }}>
        {[
          { icon:"phone", title:"Telefon", val:"+90 539 431 13 08", href:"tel:+905394311308" },
          { icon:"whatsapp", title:"WhatsApp", val:"+90 539 431 13 08", href:"https://wa.me/905394311308" },
          { icon:"mail", title:"E-posta", val:"rezervasyon@engtransfer.com", href:"mailto:rezervasyon@engtransfer.com" },
        ].map((c,i) => (
          <a key={i} href={c.href} style={{ display:"flex", gap:14, alignItems:"center",
                                            padding:"14px 18px", background:"var(--gray-50)",
                                            border:"1px solid var(--gray-200)", borderRadius:12,
                                            textDecoration:"none", color:"var(--ink)" }}>
            <span style={{ width:42,height:42,borderRadius:10,background:"var(--navy-900)",
                           display:"grid",placeItems:"center",flexShrink:0 }}>
              <Icon name={c.icon} size={18} style={{ color:"white" }}/>
            </span>
            <div>
              <div style={{ fontFamily:"var(--font-mono)", fontSize:11, color:"var(--gray-500)",
                            textTransform:"uppercase", letterSpacing:".1em" }}>{c.title}</div>
              <div style={{ fontWeight:700, marginTop:3 }}>{c.val}</div>
            </div>
          </a>
        ))}
      </div>
      <InfoBox style={{ marginTop:16 }}>
        İptal talebiniz için rezervasyon numaranızı (ENG-XXXX-0000) hazır bulundurunuz.
      </InfoBox>
    </LSection>

    <LSection title="6. İade Süresi">
      <p>Onaylanan iadeler, ödeme yönteminize göre işleme alınır:</p>
      <ul style={{ paddingLeft:20, marginTop:10, display:"flex", flexDirection:"column", gap:6 }}>
        <li><strong>Kredi/banka kartı:</strong> 5–10 iş günü içinde kartınıza yansır</li>
        <li><strong>PayPal:</strong> 3–5 iş günü</li>
        <li><strong>Nakit ödeme:</strong> IBAN bilginize havale yapılır (3–5 iş günü)</li>
      </ul>
    </LSection>
  </LegalLayout>
);

// ═══════════════════════════════════════════════════════════════
// 4. KVKK — KİŞİSEL VERİLERİN KORUNMASI
// ═══════════════════════════════════════════════════════════════
const KvkkPage = ({ onNav }) => (
  <LegalLayout
    eyebrow="Yasal · KVKK"
    title="Kişisel Verilerin Korunması"
    subtitle="6698 Sayılı Kişisel Verilerin Korunması Kanunu kapsamında aydınlatma metni."
    breadNav={onNav}>

    <UpdateBadge date="1 Ocak 2026"/>

    <InfoBox color="var(--blue)" bg="rgba(11,61,145,.06)">
      Bu metin, 6698 sayılı Kişisel Verilerin Korunması Kanunu'nun (KVKK) 10. maddesi kapsamında
      <strong> veri sorumlusu sıfatıyla ENG Transfer</strong> tarafından hazırlanmış aydınlatma metnidir.
    </InfoBox>

    <LSection title="1. Veri Sorumlusu">
      <div style={{ background:"var(--gray-50)", border:"1px solid var(--gray-200)", borderRadius:12,
                    padding:"20px 24px", display:"grid", gap:10 }}>
        {[
          ["Ticaret Unvanı", "ENG Transfer"],
          ["Adres", "Oba Mah. Fabrika Cad. Seven Trio Park Sit. No:11/B, Alanya / Antalya"],
          ["Telefon", "+90 539 431 13 08"],
          ["E-posta", "info@engtransfer.com"],
        ].map(([k,v]) => (
          <div key={k} style={{ display:"flex", gap:12 }}>
            <span style={{ fontFamily:"var(--font-mono)", fontSize:12, color:"var(--gray-500)",
                           fontWeight:600, minWidth:120, textTransform:"uppercase", letterSpacing:".06em" }}>{k}</span>
            <span style={{ color:"var(--ink)", fontWeight:500 }}>{v}</span>
          </div>
        ))}
      </div>
    </LSection>

    <LSection title="2. İşlenen Kişisel Veriler ve Amaçları">
      <div style={{ overflowX:"auto" }}>
        <table style={{ width:"100%", borderCollapse:"collapse", fontSize:14, marginTop:8 }}>
          <thead>
            <tr style={{ background:"var(--navy-900)", color:"white" }}>
              <th style={{ padding:"12px 14px", textAlign:"left", borderRadius:"8px 0 0 0", fontFamily:"var(--font-mono)", fontSize:11, letterSpacing:".08em" }}>VERİ KATEGORİSİ</th>
              <th style={{ padding:"12px 14px", textAlign:"left", fontFamily:"var(--font-mono)", fontSize:11, letterSpacing:".08em" }}>VERİLER</th>
              <th style={{ padding:"12px 14px", textAlign:"left", borderRadius:"0 8px 0 0", fontFamily:"var(--font-mono)", fontSize:11, letterSpacing:".08em" }}>AMAÇ</th>
            </tr>
          </thead>
          <tbody>
            {[
              ["Kimlik", "Ad, soyad", "Rezervasyon & sözleşme"],
              ["İletişim", "Telefon, e-posta", "Bildirim & destek"],
              ["Yolculuk", "Lokasyon, tarih, saat", "Transfer planlaması"],
              ["Uçuş", "Uçuş no, havayolu", "Uçuş takibi"],
              ["Ödeme", "İşlem sonucu (kart no saklanmaz)", "Tahsilat"],
              ["Teknik", "IP, çerez, tarayıcı", "Güvenlik & analitik"],
            ].map(([k,v,a], i) => (
              <tr key={i} style={{ background: i%2===0 ? "white" : "var(--gray-50)" }}>
                <td style={{ padding:"11px 14px", fontWeight:600, color:"var(--ink)", borderBottom:"1px solid var(--gray-100)" }}>{k}</td>
                <td style={{ padding:"11px 14px", color:"var(--gray-700)", borderBottom:"1px solid var(--gray-100)" }}>{v}</td>
                <td style={{ padding:"11px 14px", color:"var(--gray-700)", borderBottom:"1px solid var(--gray-100)" }}>{a}</td>
              </tr>
            ))}
          </tbody>
        </table>
      </div>
    </LSection>

    <LSection title="3. Kişisel Verilerin İşlenme Hukuki Sebepleri">
      <ul style={{ paddingLeft:20, marginTop:10, display:"flex", flexDirection:"column", gap:8 }}>
        <li><strong>Sözleşme kurulması ve ifası:</strong> Transfer rezervasyonunun oluşturulması ve yönetilmesi</li>
        <li><strong>Yasal yükümlülük:</strong> Muhasebe ve vergi mevzuatı gereklilikleri</li>
        <li><strong>Meşru menfaat:</strong> Hizmet kalitesinin iyileştirilmesi, güvenlik</li>
        <li><strong>Açık rıza:</strong> Pazarlama ve promosyon iletişimi (onay vermeniz halinde)</li>
      </ul>
    </LSection>

    <LSection title="4. Kişisel Verilerin Aktarımı">
      <p>Verileriniz aşağıdaki taraflarla yasal sınırlar dahilinde paylaşılabilir:</p>
      <ul style={{ paddingLeft:20, marginTop:10, display:"flex", flexDirection:"column", gap:6 }}>
        <li>Rezervasyon sürecini yürüten şoförlerimiz (ad, telefon, yolculuk bilgisi)</li>
        <li>Ödeme altyapısı sağlayıcıları (güvenli ödeme işlemi için)</li>
        <li>Yasal zorunluluk halinde yetkili kamu kuruluşları</li>
      </ul>
      <InfoBox>
        Yurt dışına veri aktarımı yapılmamaktadır. Üçüncü taraflarla reklam amaçlı veri paylaşımı yapılmamaktadır.
      </InfoBox>
    </LSection>

    <LSection title="5. Kişisel Verilerin Saklanma Süresi">
      <div style={{ display:"grid", gap:10, marginTop:10 }}>
        {[
          ["Rezervasyon kayıtları", "5 yıl (vergi mevzuatı)"],
          ["İletişim kayıtları", "3 yıl"],
          ["Ödeme bilgileri", "10 yıl (muhasebe mevzuatı)"],
          ["Pazarlama onayı", "Onay geri alınana kadar"],
          ["Teknik log kayıtları", "2 yıl"],
        ].map(([k,v], i) => (
          <div key={i} style={{ display:"flex", justifyContent:"space-between", alignItems:"center",
                                padding:"12px 16px", background:i%2===0?"var(--gray-50)":"white",
                                border:"1px solid var(--gray-100)", borderRadius:8 }}>
            <span style={{ fontWeight:600, color:"var(--ink)" }}>{k}</span>
            <span style={{ fontFamily:"var(--font-mono)", fontSize:12, color:"var(--blue)",
                           fontWeight:700, padding:"4px 10px", background:"rgba(11,61,145,.08)",
                           borderRadius:6 }}>{v}</span>
          </div>
        ))}
      </div>
    </LSection>

    <LSection title="6. KVKK Kapsamındaki Haklarınız">
      <p>KVKK'nın 11. maddesi kapsamında aşağıdaki haklara sahipsiniz:</p>
      <div style={{ display:"grid", gridTemplateColumns:"1fr 1fr", gap:10, marginTop:14 }}>
        {[
          ["📋", "Verilerinizin işlenip işlenmediğini öğrenme"],
          ["ℹ", "İşlenen veriler hakkında bilgi talep etme"],
          ["✏", "Eksik/yanlış verilerin düzeltilmesini isteme"],
          ["🗑", "Verilerin silinmesini veya yok edilmesini talep etme"],
          ["📢", "Üçüncü kişilere bildirimi isteme"],
          ["🚫", "Veri işlemeye itiraz etme"],
          ["⚖", "Zararın giderilmesini talep etme"],
          ["📦", "Veri taşınabilirliği"],
        ].map(([emoji, text], i) => (
          <div key={i} style={{ display:"flex", gap:12, alignItems:"start", padding:"12px 14px",
                                background:"var(--gray-50)", border:"1px solid var(--gray-100)",
                                borderRadius:10 }}>
            <span style={{ fontSize:18, lineHeight:1 }}>{emoji}</span>
            <span style={{ fontSize:13.5, color:"var(--gray-700)", lineHeight:1.5 }}>{text}</span>
          </div>
        ))}
      </div>
    </LSection>

    <LSection title="7. Başvuru Yolu">
      <p>Haklarınızı kullanmak için aşağıdaki yollarla başvurabilirsiniz:</p>
      <InfoBox color="var(--red)" bg="rgba(185,28,28,.06)">
        <strong>Yazılı başvuru:</strong> Oba Mah. Fabrika Cad. Seven Trio Park Sit. No:11/B, Alanya / Antalya<br/>
        <strong>E-posta:</strong> kvkk@engtransfer.com (ıslak imzalı form ile)<br/>
        <strong>Yanıt süresi:</strong> En geç 30 gün içinde yanıtlanır
      </InfoBox>
      <p style={{ marginTop:12 }}>Başvurunuzda; adınız, soyadınız, TC kimlik numaranız (veya pasaport) ve talebinizin açık ifadesi yer almalıdır.</p>
    </LSection>
  </LegalLayout>
);

// ═══════════════════════════════════════════════════════════════
// EXPORT
// ═══════════════════════════════════════════════════════════════
window.PrivacyPage      = PrivacyPage;
window.TermsPage        = TermsPage;
window.CancellationPage = CancellationPage;
window.KvkkPage         = KvkkPage;