/* ===== pages/ParcoMacchine — reparti + tabella tecnica ===== */
const REPARTI = [
["R1", "Centri orizzontali", "Heller MC12 e Mori Seiki NHX5000 con doppio pallet e morse multigrip su tutti i lati dei cubi."],
["R2", "Centri verticali", "Stama MC326/S a doppia tavola con 32 utensili per lavorazioni di precisione."],
["R3", "Taglio", "Sega a nastro automatica MEP Shark 2500 per il taglio di barre fino a Ø 250 mm."],
["R4", "Controllo", "Ogni componente viene sbavato e controllato da personale qualificato prima della spedizione."]];


function PageParcoMacchine() {
  const scope = MT.useGsap(() => {MT.revealUp(scope.current, { stagger: 0.09 });}, []);
  return (
    <React.Fragment>
      <PageHero
        eyebrow="Parco macchine"
        title="Tecnologia di ultima generazione"
        sub="Un parco macchine costantemente aggiornato che copre l'intero ciclo produttivo internamente."
        img="assets/mectec-110.jpg" />


      <section className="section" ref={scope} data-screen-label="Reparti">
        <div className="wrap">
          <div className="proc-head">
            <div className="eyebrow accent-eyebrow section-animate">I reparti</div>
            <h2 className="sec-title section-animate">Quattro reparti, un unico flusso</h2>
          </div>
          <div className="rep-grid">
            {REPARTI.map(([k, t, d]) =>
            <div className="rep-card section-animate" key={k}>
                <div className="rep-k">{k}</div>
                <h3>{t}</h3>
                <p>{d}</p>
              </div>
            )}
          </div>
        </div>
      </section>

      <ParcoMacchine compact />
    </React.Fragment>);

}
window.PageParcoMacchine = PageParcoMacchine;