function Showcase() {
  const points = [
    "Interfaccia pulita, leggibile da qualsiasi distanza",
    "Personalizzabile con logo, colori e messaggio del punto vendita",
    "Scansione rapida da fotocamera o lettore esterno Bluetooth",
    "Configurazione operatore protetta con accesso dedicato",
  ];
  return (
    <section className="pad showcase" id="programma">
      <div className="container">
        <div className="showcase-grid">
          <div className="showcase-copy">
            <span className="eyebrow">Il programma</span>
            <h2 className="h-section">Pensato per chi sta dietro al banco.</h2>
            <p>
              Niente menu nascosti, niente passaggi inutili. Un solo campo di ricerca, una sola schermata, le informazioni che servono in primo piano. Il personale lo usa al primo turno, senza formazione.
            </p>
            <ul>
              {points.map((p, i) => (
                <li key={i}><span className="check"><Icon.Check size={12}/></span>{p}</li>
              ))}
            </ul>
          </div>
          <div className="showcase-frame">
            <img src="assets/screenshot-lettore.jpg" alt="Schermata del programma Controllo Prezzi" />
          </div>
        </div>
      </div>
    </section>
  );
}
window.Showcase = Showcase;
