function Services() {
  const services = [
    { n:'01', t:'Laitetoimitus',        d:'Aulanäytöt, opastenäytöt, totemit ja ulkonäytöt. Globaalin laitevalmistajan tuki takana.', icon:'monitor' },
    { n:'02', t:'Asennukset & sähköurakointi', d:'Mekaaninen asennus, sähköistys ja datayhteydet aulaan tai sisäänkäynnille. Koko Suomen partneriverkosto.', icon:'wrench' },
    { n:'03', t:'Sisältö & hallintapääte', d:'Opasteet, yrityshakemisto, tapahtumat, HSL ja sää — yhdestä selaimesta. Yksi pääkäyttäjä, kymmeniä kohteita.', icon:'pen-tool' },
    { n:'04', t:'Ylläpito',              d:'Etovalvonta, päivitykset ja takuun käsittely. Pidämme näytöt päällä vaihtuvista olosuhteista riippumatta.', icon:'shield-check' },
    { n:'05', t:'Projektisuunnittelu',   d:'Yhdestä kiinteistöstä koko kiinteistökantaan. Sijoittelu, lupahakemukset, kohäiset asennukset.', icon:'route' },
    { n:'06', t:'Avaimet käteen',        d:'Yksi tilaus, yksi yhteyshenkilö, yksi lasku. Sinä päätät — me hoidamme loput.', icon:'key-round' },
  ];

  return (
    <section id="palvelut" className="services surface-paper-2">
      <div className="container">
        <div className="services__head">
          <p className="eyebrow">KAIKKI PALVELUT — VALITSE OSA TAI KOKONAISUUS</p>
          <h2 className="services__h">Kuusi palvelua. Yksi sopimus. Niin monta kiinteistöä kuin tarvitset.</h2>
        </div>
        <div className="services__grid">
          {services.map(s => (
            <article key={s.n} className="service-card">
              <header className="service-card__head">
                <span className="service-card__num mono">{s.n}</span>
                <i data-lucide={s.icon} className="service-card__icon" style={{ width: 22, height: 22, strokeWidth: 1.5 }}></i>
              </header>
              <h3 className="service-card__t">{s.t}</h3>
              <p className="service-card__d">{s.d}</p>
              <a href="#tarjous" className="service-card__link">Pyydä tähän tarjous →</a>
            </article>
          ))}
        </div>
      </div>
    </section>
  );
}

window.Services = Services;