// "Bir avukatın günü" — kronolojik anlatı. Özellik listesi yerine hayatın
// nasıl değiştiğini gösterir. Features ile HowItWorks arasında durur.
function Day() {
  const moments = [
    {
      time: '09:00',
      title: 'Tebligatlar sizi bekliyor',
      desc: 'Gece UETS\'e düşen e-tebligatlar Tebligatlar sayfasında, yasal yanıt süreleri hesaplanmış olarak. Hangi dosya, ne kadar süre — tek bakışta.',
      icon: <svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4 4h16a2 2 0 012 2v12a2 2 0 01-2 2H4a2 2 0 01-2-2V6a2 2 0 012-2z" stroke="currentColor" strokeWidth="1.6"/><path d="M22 6l-10 7L2 6" stroke="currentColor" strokeWidth="1.6"/></svg>,
    },
    {
      time: '10:30',
      title: 'Duruşmaya hazır giriyorsunuz',
      desc: 'Salona girmeden önce AI\'ın dosya evraklarından çıkardığı hazırlık notu telefonunuzda: taraf iddiaları, kritik deliller, son bilirkişi tespiti.',
      icon: <svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M12 3l9 4.5-9 4.5L3 7.5 12 3z" stroke="currentColor" strokeWidth="1.6" strokeLinejoin="round"/><path d="M7 10v5c0 1.5 2.2 3 5 3s5-1.5 5-3v-5" stroke="currentColor" strokeWidth="1.6"/></svg>,
    },
    {
      time: '14:00',
      title: 'İçtihadı saniyeler içinde buluyorsunuz',
      desc: '"İşçinin fazla mesaisi tanıkla ispatlanabilir mi" yazdınız — gerçek alıntılı Yargıtay kararları kart kart aktı. Gerekirse tek tık: lehe/aleyhe derin rapor.',
      icon: <svg width="20" height="20" viewBox="0 0 24 24" fill="none"><circle cx="11" cy="11" r="7" stroke="currentColor" strokeWidth="1.6"/><path d="M21 21l-4.3-4.3" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round"/></svg>,
    },
    {
      time: '16:00',
      title: 'Dilekçe kendiliğinden imzalanıyor',
      desc: 'Dilekçeyi yüklediniz, "Gönder"e bastınız. Ofisteki USB e-imza sizin yerinize imzaladı, UYAP\'a iletti. Siz hâlâ koltuğunuzdasınız.',
      icon: <svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M12 19l7-7 3 3-7 7-3-3z" stroke="currentColor" strokeWidth="1.6" strokeLinejoin="round"/><path d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z" stroke="currentColor" strokeWidth="1.6" strokeLinejoin="round"/></svg>,
    },
    {
      time: '17:30',
      title: 'Zincir yarını kendisi kuruyor',
      desc: 'Günün görevini kapattınız; zincirin sonraki halkası otomatik doğdu ve yarına düştü. Hiçbir iş "akılda tutulmaya" emanet değil.',
      icon: <svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M9 11l3 3L22 4" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"/><path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round"/></svg>,
    },
  ];
  return (
    <section className="section container" id="gun" style={{paddingTop:0}}>
      <div className="section-head">
        <span className="kicker">bir avukatın günü</span>
        <h2>Butona basmazsınız — gün kendi kendine akar</h2>
        <p className="lede">Titan'ın tasarım ilkesi tek cümle: avukat sonucu görür, mekanik işi yazılım yapar.</p>
      </div>
      <div className="day-stage">
        {moments.map((m, i) => (
          <React.Fragment key={i}>
            {i > 0 && (
              <div className="imza-arrow">
                <svg width="14" height="14" viewBox="0 0 24 24" fill="none"><path d="M12 4v16M6 14l6 6 6-6" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"/></svg>
              </div>
            )}
            <div className={`imza-node ${i === 2 ? 'center' : ''}`}>
              <div className="imza-node-icon">{m.icon}</div>
              <div className="imza-node-main">
                <div className="imza-node-title">{m.title}</div>
                <div className="imza-node-meta">{m.desc}</div>
              </div>
              <span className="day-time mono">{m.time}</span>
            </div>
          </React.Fragment>
        ))}
      </div>
    </section>
  );
}
window.Day = Day;