// Results + testimonials
const PROOF_STATS = [
  { n: '18 000+', l: 'раз помогли водителям' },
  { n: '500+',    l: 'водителей переведены в СМЗ через бота' },
  { n: '92%',     l: 'точность ответов' },
  { n: '10 000+', l: 'ночных обращений закрыты без оператора' },
];

const TESTIMONIALS = [
  {
    initials: 'АМ',
    name: 'Алексей М.',
    role: 'Руководитель таксопарка, Москва',
    text: '«Водитель в час ночи написал, что не понимает, как стать самозанятым. Бот провёл его по шагам, скинул ссылки, объяснил, что делать дальше. Утром водитель уже выехал на смену с оформленным СМЗ.»',
  },
  {
    initials: 'ЕК',
    name: 'Елена К.',
    role: 'Операционный директор, Казань',
    text: '«Раньше теряли до 15% новых водителей на этапе подключения — не успевали отвечать. Сейчас бот сам ведёт их от первого вопроса до первой поездки. Операторы наконец-то занимаются реальными проблемами.»',
  },
];

function Proof() {
  return (
    <section id="proof">
      <div className="wrap">
        <div className="section-head">
          <h2>Мы уже помогли <em>18 000+ водителям</em> и десяткам таксопарков по всей стране</h2>
        </div>
        <div className="proof-stats">
          {PROOF_STATS.map((s, i) => (
            <div key={i} className="proof-stat">
              <div className="proof-stat-n">{s.n}</div>
              <div className="proof-stat-l">{s.l}</div>
            </div>
          ))}
        </div>
        <div className="proof-reviews">
          {TESTIMONIALS.map((t, i) => (
            <div key={i} className="proof-review">
              <div className="proof-review-head">
                <div className="proof-avatar">{t.initials}</div>
                <div>
                  <div className="proof-name">{t.name}</div>
                  <div className="proof-role">{t.role}</div>
                </div>
              </div>
              <p className="proof-text">{t.text}</p>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}
window.Proof = Proof;
