function MitaTeemme() {
  return (
    <section className="sft-section y-section-light" id="mita-teemme" data-screen-label="Mitä teemme">
      <div className="sft-section__inner">
        <div className="y-twocol">
          <div>
            <div className="sft-section__head" style={{ marginBottom: 24 }}>
              <div className="sft-eyebrow">{window.L("Mitä teemme","What we do")}</div>
              <h2 className="sft-section__title">{window.L("Liiketoiminnan ydintä tukevia järjestelmiä","Systems that support the core of your business")}</h2>
            </div>
            <div className="y-prose">
              <p>
                {window.L("Softeran ohjelmistot ovat asiakkaidemme liiketoiminnan kriittinen selkäranka: ne pyörittävät tilauksia, asiakaskohtaamisia, sopimuksia ja laskutusta päivästä toiseen. Siksi teemme työmme pitkäjänteisesti, huolellisesti ja yhdessä asiakkaan kanssa.","Softera's software is the critical backbone of our customers' business: it runs orders, customer interactions, contracts and billing day after day. That's why we work for the long term, carefully and together with the customer.")}
              </p>
              <p>
                {window.L("Erikoisalaamme ovat monikanavaisen asiakaskohtaamisen ja myynnin tietojärjestelmät sekä toiminnanohjaus. Yhdistämme syvän toimialaosaamisen ja vakaan teknologian. Ratkaisumme on suunniteltu kestämään käyttöä vuosiksi eteenpäin.","Our specialities are information systems for omnichannel customer interaction and sales, and operational management. We combine deep industry expertise with solid technology. Our solutions are designed to last for years of use.")}
              </p>
            </div>
          </div>
          <div className="y-ind">
            <div className="y-ind__h">{window.L("Toimialat, jotka tunnemme","Industries we know")}</div>
            <ul className="y-ind__list">
              <li>
                <span className="y-ind__icon"><i data-lucide="cable"></i></span>
                <span className="y-ind__name">{window.L("Valokuitu","Fiber")}</span>
                <span className="y-ind__count"></span>
              </li>
              <li>
                <span className="y-ind__icon"><i data-lucide="recycle"></i></span>
                <span className="y-ind__name">{window.L("Ympäristöhuolto","Waste management")}</span>
                <span className="y-ind__count"></span>
              </li>
              <li>
                <span className="y-ind__icon"><i data-lucide="zap"></i></span>
                <span className="y-ind__name">{window.L("Energiayhtiöt","Energy companies")}</span>
                <span className="y-ind__count"></span>
              </li>
              <li>
                <span className="y-ind__icon"><i data-lucide="building-2"></i></span>
                <span className="y-ind__name">{window.L("Kiinteistövuokraus","Rental housing")}</span>
                <span className="y-ind__count"></span>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </section>);

}