function Values() {
  const values = [
    { t: 'Yhteistyö', d: 'Laaja partneriverkostomme kattaa asennukset, toimitukset, mainostoimiston palvelut ja suunnittelut sekä sähköurakoinnit. Yksi yhteyshenkilö, ei kolmea eri laskua.' },
    { t: 'Kustannustehokkuus', d: 'Pyrimme aina maksimoimaan kustannustehokkuuden ja siten pitämään hinnat asiakasystävällisinä, palvelun laadusta tinkimättä.' },
    { t: 'Laatu', d: 'Ajatuksemme on aina laadukas lopputulos. Laadunseurantakehyksemme avulla pyrimme ylläpitämään laatukirimme vaihtuvista olosuhteista riippumatta.' },
    { t: 'Innovaatiot', d: 'Seuraamme alan trendejä ja ylläpidämme osaamistamme jatkuvien koulutusten merkeissä. Asiantuntijamme ylläpitävät osaamistaan myös valmistajan sertifikaattikoulutuksien kautta.' },
  ];

  return (
    <section id="yritys" className="values surface-paper-2">
      <div className="container">
        <div className="values__head">
          <p className="eyebrow">ARVOMME</p>
          <h2 className="values__h">Neljä asiaa, jotka pidämme.</h2>
        </div>
        <div className="values__grid">
          {values.map((v, i) => (
            <article key={i} className="value">
              <div className="value__rule" />
              <span className="value__num mono">0{i + 1}</span>
              <h3 className="value__t">{v.t}</h3>
              <p className="value__d">{v.d}</p>
            </article>
          ))}
        </div>
      </div>
    </section>
  );
}

window.Values = Values;