function YHero() {
  return (
    <section className="sft-hero y-hero">
      <div className="sft-hero__inner" style={{ display: "block", maxWidth: 1320 }}>
        <div className="y-hero__crumbs">
          <a href={window.langHref("etusivu")}>{window.L("Etusivu","Home")}</a>
          <i data-lucide="chevron-right"></i>
          <span>{window.L("Yritys","Company")}</span>
        </div>
        <div className="sft-hero__eyebrow">{window.L("Softera Oy — perustettu 1999","Softera Oy — founded 1999")}</div>
        <h1 className="sft-hero__h" style={{ maxWidth: "20ch" }}>
          {window.L(<>Rakennamme ohjelmistoja, joiden varaan <em>liiketoiminta</em> voidaan laskea.</>, <>We build software a <em>business</em> can be run on.</>)}
        </h1>
        <p className="y-hero__sub">
          {window.L("Softera kehittää ja ylläpitää liiketoiminnan tukijärjestelmiä asiakaskohtaamisten, asiakashallinnan ja laskutuksen tarpeisiin. Autamme suomalaisia valokuitu-, ympäristöhuolto-, kiinteistövuokraus- ja energiatoimialan yrityksiä menestymään monikanavaisen asiakaspalvelun ja myynnin parissa.","Softera develops and maintains business support systems for customer interactions, customer management and billing. We help Finnish companies in fiber, waste management, rental housing and energy succeed in omnichannel customer service and sales.")}
        </p>
        <div className="sft-hero__ctas">
          <a className="sft-btn sft-btn--primary" href="#liity">{window.L("Liity joukkoon","Join us")}</a>
          <a className="sft-btn sft-btn--ghost-light" href="#tuotteet">{window.L("Tutustu tuotteisiin","Explore products")}</a>
        </div>

        <div className="y-hero__stats">
          <div>
            <div className="y-stat__lbl">{window.L("Perustettu","Founded")}</div>
            <div className="y-stat__val">1999</div>
            <div className="y-stat__note">{window.L("Yli 25 vuotta toimialalla","Over 25 years in the industry")}</div>
          </div>
          <div>
            <div className="y-stat__lbl">{window.L("Toimipisteet","Offices")}</div>
            <div className="y-stat__val">3</div>
            <div className="y-stat__note">Espoo · Kuopio · Seinäjoki</div>
          </div>
          <div>
            <div className="y-stat__lbl">{window.L("Tuoteperhettä","Product families")}</div>
            <div className="y-stat__val">2</div>
            <div className="y-stat__note">Softera 360° &amp; Softera Horizon</div>
          </div>
          <div>
            <div className="y-stat__lbl">{window.L("Toimialat","Industries")}</div>
            <div className="y-stat__val">4</div>
            <div className="y-stat__note">{window.L("Valokuitu, ympäristöhuolto, energia, kiinteistö","Fiber, waste management, energy, real estate")}</div>
          </div>
        </div>
      </div>
    </section>
  );
}