function Faq() {
  const [open, setOpen] = React.useState(0);
  const items = [
    { q:'Deneme mümkün mü?', a:'Demo talep edin, birlikte büronuza uygun bir deneme planı oluşturalım. İhtiyaçlarınıza göre paket ve süre özelleştirilebilir.' },
    { q:'Kurulum ne kadar sürüyor?', a:'VPS kurulumda aynı gün başlayabilirsiniz; demo sonrası hesap açılışı kısa sürede tamamlanır. On-prem kurulum için ekibimiz yerinde veya uzaktan müdahaleyle birkaç iş günü içinde tamamlar.' },
    { q:'Müvekkil verisi sizin sunucunuza gidiyor mu?', a:'Hayır, şart değil. Şirket içi (on-prem) kurulumda tüm veri kendi altyapınızda kalır; VPS kurulumda ise güçlü şifreleme ile güvenli biçimde saklanır. Evrak içerikleri yapay zeka modeline gönderilirken ara sunucudan geçer; isterseniz kendi modelinize yönlendirebilirsiniz.' },
    { q:'USB e-imza paylaşımı yasal mı?', a:'E-imzanın büronun ortak altyapısında tutulması ve yetkili avukatlar tarafından kendi hesaplarından kullanılması yaygın bir uygulamadır. Her imzalama işlemi 90 gün süreyle iz kaydına (kullanıcı, dosya hash\'i, zaman) işlenir; böylece iz tutma ve denetim yükümlülükleri karşılanır.' },
    { q:'UYAP ile bağlantı nasıl kuruluyor?', a:'Titan Agent ofis ağındaki bir bilgisayarda çalışır, USB e-imza üzerinden 5 eş zamanlı UYAP oturumu yönetir. Büronuzdaki avukatlar kendi bilgisayarlarından Chrome ile ofis IP\'sine girerek UYAP\'ı kullanır.' },
    { q:'Karar Arama hangi yargı birimlerini tarıyor?', a:'Türk yargı sistemindeki tüm temel karar mercileri: Yargıtay, BAM Hukuk, Yerel Hukuk Mahkemeleri, Danıştay, Anayasa Mahkemesi, Uyuşmazlık Mahkemesi, KİK, Sayıştay, Rekabet Kurumu, KVKK, Sigorta Tahkim, BDDK, KYB ve UYAP emsal kararları. Ajan, bu birimleri tezinize göre paralel tarar ve sonuçları tek bir içtihat raporunda birleştirir.' },
    { q:'Hangi yapay zeka modelini kullanıyorsunuz?', a:'Anthropic Claude ailesi (analiz + rapor) ve Google Gemini ailesi (özet + keyword) kullanılır. Dilerseniz kendi API anahtarınızı girip model seçimini değiştirebilirsiniz — açık kaynak modeller dahil.' },
    { q:'Veri tabanım taşınabilir mi?', a:'Tamamen. Veri tek bir dosyada tutulur, başka bir sunucuya taşınması dakikalar alır. Lock-in yoktur.' },
  ];
  return (
    <section className="section container" id="faq">
      <div className="section-head">
        <span className="kicker">sık sorulan sorular</span>
        <h2>Anlaşmadan önce bilinmesi gerekenler</h2>
      </div>
      <div className="faq-grid">
        {items.map((it,i) => (
          <div key={i} className="faq-item" data-open={open === i}>
            <button className="faq-q" onClick={() => setOpen(open === i ? -1 : i)}>
              <span>{it.q}</span>
              <span className="faq-q-icon">+</span>
            </button>
            <div className="faq-a"><p>{it.a}</p></div>
          </div>
        ))}
      </div>
    </section>
  );
}
window.Faq = Faq;