// VisiO Tech — Hero
function Hero({ onCta, onSecondary }) {
  return (
    <section className="hero-section" id="home">
      <div className="hero-grid">
        <div className="hero-content">
          <div className="hero-eyebrow">
            <span className="dot"></span>
            <span>Praktická AI pro české malé a střední firmy</span>
          </div>
          <h1 className="hero-title">
            Cokoliv opakovaného,<br />
            to umíme <span className="grad">zautomatizovat.</span>
          </h1>
          <ul className="hero-pains">
            <li className="hero-pain">
              <span className="hero-pain-q">Přepisujete čísla z faktur?</span>
              <span className="hero-pain-a">Za 3 sekundy s přesností přes 95 % po fine-tune na vašich datech. Doplníme i odkazy na legislativu.</span>
            </li>
            <li className="hero-pain">
              <span className="hero-pain-q">Jste zahlceni e-maily?</span>
              <span className="hero-pain-a">Roztřídíme podle priority a připravíme koncept odpovědi — vy jen zkontrolujete.</span>
            </li>
            <li className="hero-pain">
              <span className="hero-pain-q">Plánujete řezy materiálu?</span>
              <span className="hero-pain-a">Spočítáme optimální plán včetně tloušťky pily a odchylek.</span>
            </li>
          </ul>
          <p className="hero-trust">
            <span className="hero-trust-dot"></span>
            Naše železo · náš AI model · vaše data v ČR — i v kalkulačce níže odpovídá naše lokální AI.
          </p>
          <div className="hero-cta">
            <button className="btn btn-primary btn-large" onClick={onCta}>
              Spustit AI analýzu zdarma
              <ArrowRight size={18} />
            </button>
            <button className="btn btn-secondary btn-large" onClick={onSecondary}>
              <Phone size={16} /> +420 725 634 153
            </button>
          </div>
          <div className="hero-meta">
            <span className="hero-meta-item"><Check size={14} /> Konzultace zdarma</span>
            <span className="hero-meta-item"><Check size={14} /> Odpověď do 24 hodin</span>
            <span className="hero-meta-item"><Check size={14} /> Pevná cena dopředu</span>
          </div>
        </div>
        <div className="hero-visual">
          <TerminalVisual />
        </div>
      </div>
    </section>
  );
}

Object.assign(window, { Hero });