function Hero() {
  return (
    <section className="hero" data-screen-label="01 Hero">
      <div className="hero-inner stagger">
        <div className="hero-logo-wrap">
          <img className="hero-logo" src="./assets/logo.png" alt="Traffic Bears Logo" />
        </div>
        <h1 className="wordmark">
          <span className="white">TRAFFIC</span>{' '}
          <span className="gold">BEARS</span>
        </h1>
        <p className="subhead">
          Арбитражная команда направления <span className="hi">iGaming</span>.<br />
          Качаем трафик словно нефть с 2019 года
        </p>
        <div className="stats">
          <div className="stat-card glass">
            <div className="lbl">AVERAGE CONVERSIONS</div>
            <div className="num">2500+</div>
            <div className="ft">↗ SEO TRAFFIC</div>
          </div>
          <div className="stat-card glass elevated">
            <div className="lbl">MONTHLY VOLUME</div>
            <div className="num">$200K+</div>
            <div className="ft">PAYOUT CAPACITY</div>
          </div>
          <div className="stat-card glass blue">
            <div className="lbl">ACTIVE STACK</div>
            <div className="num">SEO / PPC</div>
            <div className="ft" style={{ color: 'var(--blue)' }}>RU / CIS FLUIDITY</div>
          </div>
        </div>
        <a className="cta" href="https://t.me/sansaplay" target="_blank" rel="noopener noreferrer">
          Стать частью стаи
        </a>
      </div>
    </section>
  );
}
window.Hero = Hero;