/* ===== pages/Azienda — storia, processo, officina ===== */
const AZ_VALORI = [
  ["Qualità", "Produrre qualità è la nostra tradizione. Investiamo costantemente nei processi e nella sicurezza."],
  ["Affidabilità", "La qualità e l'affidabilità rappresentano i nostri valori fondamentali, in ogni fase della produzione."],
  ["Innovazione", "Aggiorniamo costantemente competenze e macchinari per rispondere alle esigenze del mercato oleodinamico."],
];

function PageAzienda() {
  const scope = MT.useGsap(() => { MT.revealUp(scope.current, { stagger: 0.1 }); }, []);
  return (
    <React.Fragment>
      <PageHero
        eyebrow="Azienda"
        title="Un'eredità di esperienza, uno sguardo al futuro"
        sub="La Pasini Tech s.r.l. nasce nel 2025 dall'acquisizione della storica Pasini F.lli snc, ereditando oltre quarant'anni di esperienza nella costruzione di distributori e blocchetti oleodinamici."
        img="assets/mectec-45.jpg"
        vlabel="Esperienza & Innovazione"
      />

      <ChiSiamo compact />

      <section className="section section-tint" ref={scope} data-screen-label="Valori">
        <div className="wrap">
          <div className="proc-head">
            <div className="eyebrow accent-eyebrow section-animate">I nostri valori</div>
            <h2 className="sec-title section-animate">Ciò che ci guida in officina</h2>
          </div>
          <div className="cards-3">
            {AZ_VALORI.map(([t, d], i) => (
              <div className="setd-card section-animate" key={t}>
                <div className="setd-idx">0{i + 1}</div>
                <h3>{t}</h3>
                <p>{d}</p>
                <div className="setd-bar"></div>
              </div>
            ))}
          </div>
        </div>
      </section>

      <Process dark compact />
      <Showcase />
    </React.Fragment>
  );
}
window.PageAzienda = PageAzienda;