function Manifesto() {
  const creed = [
    ['01', 'We visit every producer. On foot, in their cellar.'],
    ['02', 'If we wouldn\'t pour it at home, it\'s not in the book.'],
    ['03', 'No minimum order. A single box is fine.'],
    ['04', 'No six-month payment terms. Honest margins on both sides.'],
    ['05', 'No intermediate warehouse. Cellar to your door.'],
    ['06', 'No corporate listings. No industrial wineries. Ever.'],
  ];

  return (
    <article className="manifesto">
      <div className="manifesto__top">
        <img src="assets/logo-enovia.png" alt="Enovia Selections"/>
        <span>Reeuwijk · NL · since 2014</span>
      </div>

      <div className="manifesto__body">
        <h1>
          <span className="strike">Brokers.</span><br/>
          <span className="strike">Gatekeepers.</span><br/>
          <em>Growers.</em>
        </h1>
        <p className="lead">
          We are an independent wine export agency. We work with 44 family producers in Italy and ship directly to importers who care where the bottle comes from.
        </p>
        <div className="manifesto__creed">
          {creed.map(([n, t]) => (
            <span key={n} data-n={n}>{t}</span>
          ))}
        </div>
      </div>

      <footer className="manifesto__foot">
        <div className="manifesto__foot-left">
          Buy wine from the<br/>people who grow it.
        </div>
        <div className="manifesto__foot-right">
          Exclusive Benelux agent<br/>
          Marc de Grazia Selections<br/>
          <a href="mailto:info@enoviaselections.com">info@enoviaselections.com →</a>
        </div>
      </footer>
    </article>
  );
}

window.Manifesto = Manifesto;
