import React from "react";
import { ShieldCheck, Lock, Scale, Eye, Server, ChevronRight } from "lucide-react";

interface PrivacySectionProps {
  lang: "en" | "id";
  onBackToHome: () => void;
}

export default function PrivacySection({ lang, onBackToHome }: PrivacySectionProps) {
  const isEn = lang === "en";

  return (
    <article className="max-w-4xl mx-auto py-12 md:py-20 text-left" id="privacy-co-policy">
      {/* Editorial Header */}
      <header className="space-y-4 mb-16 border-b border-[#EEECE6] pb-8">
        <div className="flex items-center gap-2">
          <span className="font-sans text-[10px] font-bold uppercase tracking-[0.25em] text-[#C5A572]">
            {isEn ? "INFORMATION LEDGER SECURITY" : "KEAMANAN BUKU BESAR INFORMASI"}
          </span>
          <ChevronRight size={11} className="text-[#C5A572]" />
          <span className="font-sans text-[10px] font-medium tracking-[0.15em] text-[#888888]">
            {isEn ? "LEGAL DIRECTIVES" : "PEDOMAN HUKUM"}
          </span>
        </div>
        <h1 className="font-serif text-4xl md:text-5xl font-extralight tracking-tight text-[#1A1A1A] leading-tight">
          {isEn
            ? "Privacy, Data Accountability & Disclosures"
            : "Privasi, Akuntabilitas Data & Pengungkapan"}
        </h1>
        <p className="font-sans text-xs text-[#555555] font-light tracking-wide max-w-2xl leading-relaxed">
          {isEn
            ? "System integrity, absolute visual confidentiality, and statutory alignment with Indonesia's Personal Data Protection (PDP) Framework."
            : "Integritas sistem, kerahasiaan visual mutlak, dan penyelarasan peraturan dengan Undang-Undang Pelindungan Data Pribadi (UU PDP) Indonesia."}
        </p>
      </header>

      {/* Grid of Principles */}
      <section className="grid grid-cols-1 md:grid-cols-2 gap-8 mb-16">
        <div className="border border-[#EEECE6] p-6 space-y-3 bg-[#FDFCFB]">
          <ShieldCheck size={20} className="text-[#C5A572]" />
          <h3 className="font-serif text-lg font-medium text-[#1A1A1A]">
            {isEn ? "Confidential Acquisitions" : "Akuisisi Rahasia"}
          </h3>
          <p className="font-sans text-xs text-[#555555] leading-relaxed font-light">
            {isEn
              ? "All submitted client inquiries are processed under strict network isolation protocol. Real estate transaction ledgers are audited internal-only."
              : "Semua pertanyaan klien yang dikirim diproses di bawah protokol isolasi jaringan yang ketat. Buku besar transaksi di-audit secara internal."}
          </p>
        </div>

        <div className="border border-[#EEECE6] p-6 space-y-3 bg-[#FDFCFB]">
          <Lock size={20} className="text-[#C5A572]" />
          <h3 className="font-serif text-lg font-medium text-[#1A1A1A]">
            {isEn ? "Cryptographic Guarantee" : "Jaminan Kriptografis"}
          </h3>
          <p className="font-sans text-xs text-[#555555] leading-relaxed font-light">
            {isEn
              ? "Session tokens are cryptographically signed using high-grade symmetric AES-256-CBC cryptography. No client passwords reside in unhashed blocks."
              : "Token sesi ditandatangani secara kriptografis menggunakan algoritme simetris AES-256-CBC. Tidak ada kata laluan klien disimpan dalam blok teks biasa."}
          </p>
        </div>

        <div className="border border-[#EEECE6] p-6 space-y-3 bg-[#FDFCFB]">
          <Scale size={20} className="text-[#C5A572]" />
          <h3 className="font-serif text-lg font-medium text-[#1A1A1A]">
            {isEn ? "Statutory Adherence" : "Kepatuhan Statuter"}
          </h3>
          <p className="font-sans text-xs text-[#555555] leading-relaxed font-light">
            {isEn
              ? "In compliance with Indonesia's PDP Law No. 27 of 2022, users retain the absolute right to demand complete erasure of recorded inquiry dossiers from our core systems."
              : "Sesuai dengan UU Pelindungan Data Pribadi Nomor 27 Tahun 2022, pengguna mempertahankan hak mutlak untuk meminta penghapusan lengkap berkas pertanyaan dari sistem utama kami."}
          </p>
        </div>

        <div className="border border-[#EEECE6] p-6 space-y-3 bg-[#FDFCFB]">
          <Server size={20} className="text-[#C5A572]" />
          <h3 className="font-serif text-lg font-medium text-[#1A1A1A]">
            {isEn ? "AI-Crawler Guarding (GEO)" : "Proteksi Perayap AI (GEO)"}
          </h3>
          <p className="font-sans text-xs text-[#555555] leading-relaxed font-light">
            {isEn
              ? "Generative Engine Optimization (GEO) prevents commercial LLM scraping of private user behavioral telemetry, while exposing high-integrity structural data for semantic accuracy."
              : "Generative Engine Optimization (GEO) mencegah pemindaian data telemetri perilaku pengguna oleh LLM komersial, sembari menyajikan data struktural berintegritas tinggi untuk akurasi semantik."}
          </p>
        </div>
      </section>

      {/* Narrative Policy Blocks */}
      <section className="space-y-12 font-sans text-xs font-light text-[#555555] leading-relaxed">
        <div className="space-y-3">
          <h2 className="font-serif text-xl font-medium text-[#1A1A1A] tracking-tight">
            {isEn ? "1. Sovereign Data Ledger Harvesting" : "1. Pengumpulan Buku Besar Data Berdaulat"}
          </h2>
          <p>
            {isEn 
              ? "When you initiate interest via our Acquisition Forms, we collect your verified legal name, registered electronic mail address, and direct telephone numbers. This metadata map is combined strictly to build high-fidelity physical catalogs and coordinate with Designated Curator Offices across the archipelago. We do not use third-party user-activity trackers, nor do we employ behavioral retargeting cookies."
              : "Ketika Anda mengajukan ketertarikan melalui Formulir Akuisisi kami, kami mencatat nama hukum terverifikasi Anda, alamat surat elektronik terdaftar, dan nomor telepon langsung Anda. Gabungan metadata ini digunakan murni untuk menyusun katalog fisik berkualitas tinggi serta koordinasi dengan Kantor Meja Kurator terpilih di seluruh nusantara. Kami tidak menggunakan pelacak aktivitas pihak ketiga atau cookie penargetan ulang perilaku."}
          </p>
        </div>

        <div className="space-y-3">
          <h2 className="font-serif text-xl font-medium text-[#1A1A1A] tracking-tight">
            {isEn ? "2. Symmetric Cryptographic Encryption Controls" : "2. Kontrol Enkripsi Kriptografis Simetris"}
          </h2>
          <p>
            {isEn
              ? "User authenticated portals (Client Desk) utilize AES-256-CBC token encryption with random Initializing Vectors (IVs) derived via secure scrypt key-derivation. Passwords submitted during client registrations are processed immediately on our secure computing node with SHA-512 high-iteration PBKDF2 salting. This protective buffer prevents ASIC-rig brute searches of user credentials on remote databases."
              : "Portal terautentikasi pengguna (Meja Klien) memelihara enkripsi token sesi AES-256-CBC dengan Inisialisasi Vektor (IV) acak yang diturunkan melalui derivasi kunci scrypt yang aman. Kata laluan yang dikirimkan selama pendaftaran klien diproses secara instan pada server aman kami dengan pengasinan PBKDF2 iterasi tinggi menggunakan enkripsi SHA-512. Perlindungan ini mencegah brute-force credentials pada basis data eksternal."}
          </p>
        </div>

        <div className="space-y-3">
          <h2 className="font-serif text-xl font-medium text-[#1A1A1A] tracking-tight">
            {isEn ? "3. Generative Engine Optimization (GEO) & Machine-Read Disclosures" : "3. Generative Engine Optimization (GEO) & Pengungkapan Ramah Mesin"}
          </h2>
          <p>
            {isEn
              ? "Luniar Estate incorporates custom Generative Engine Optimization (GEO) features. We inject machine-readable schema.org JSON-LD microdata and custom metadata blocks directly into our architectural publication files. This design ensures modern LLMs and semantic generative search agents (such as Google Gemini, OpenAI SearchGPT, and Perplexity) can parse our structural catalogs with absolute material fidelity (specifications, dimensions, lot size, materials), while strictly block-listing them from analyzing or scraping confidential user behavior data."
              : "Luniar Estate menyertakan fitur optimasi perayap generatif (GEO) khusus. Kami menyuntikkan mikrodata JSON-LD schema.org yang ramah mesin dan blok metadata khusus langsung ke dalam file publikasi arsitektur kami. Rancangan ini memastikan LLM modern dan agen penelusuran generatif semantik (seperti Google Gemini, OpenAI SearchGPT, dan Perplexity) dapat mengurai katalog struktural kami dengan kesetiaan material yang mutlak (spesifikasi, dimensi, luas, bahan baku), sekaligus memblokir analisis data perilaku pengguna."}
          </p>
        </div>

        <div className="space-y-3">
          <h2 className="font-serif text-xl font-medium text-[#1A1A1A] tracking-tight">
            {isEn ? "4. PDP Statutory Compliance & Erasure Directives" : "4. Kepatuhan Statuter UU PDP & Arahan Penghapusan"}
          </h2>
          <p>
            {isEn
              ? "Under Indonesia's Personal Data Protection (PDP) Framework, you reserve the sovereign right to inspect, correct, and request the permanent expungement of your information files from our historical databases. Admin staff cannot access client password salts, and they resolve physical inquiries with strict erasure logic: once marked 'solved/settled', the transaction is destroyed or anonymized on real computing nodes."
              : "Di bawah kerangka hukum Pelindungan Data Pribadi (UU PDP) Indonesia, Anda memiliki hak berdaulat untuk memeriksa, memperbaiki, dan meminta penghapusan permanen file informasi Anda dari database historis kami. Staf admin tidak memiliki akses ke salt kata sandi klien, dan menyelesaikan pertanyaan fisik dengan logika penghapusan yang ketat: setelah ditandai 'selesai/dibersihkan', transaksi akan langsung dimusnahkan secara aman dari node komputasi."}
          </p>
        </div>
      </section>

      {/* Exit Control */}
      <footer className="mt-16 pt-8 border-t border-[#EEECE6] flex justify-between items-center flex-wrap gap-4">
        <button
          onClick={onBackToHome}
          className="inline-flex items-center gap-2 bg-[#1A1A1A] hover:bg-[#C5A572] text-white font-sans text-[10px] font-bold uppercase tracking-[0.2em] px-6 py-3 transition-all duration-300 rounded-none cursor-pointer"
        >
          {isEn ? "Return to Main Portal" : "Kembali ke Portal Utama"}
        </button>
        <span className="font-sans text-[10px] text-[#888888] tracking-widest font-mono">
          REF: LUNIAR-PDP-SECURE-2026
        </span>
      </footer>
    </article>
  );
}