/* global React */
function TrustGrid() {
  const items = [
    { icon: '🏷', title: 'Knallhart kalkuliert', body: 'Direkt vom Großhändler. Keine Zwischenhändler, keine Aufschläge.' },
    { icon: '✓', title: 'Geprüfte Qualität', body: 'Jeder Posten wird geprüft. Originalverpackt, mängelfrei.' },
    { icon: '🚚', title: 'Sofort verfügbar', body: 'Ab Lager. Speditionsversand DE/AT/CH innerhalb 48h.' },
    { icon: '🤝', title: 'Faire B2B-Konditionen', body: 'Mengenrabatte, Sammelrechnung, persönliche Betreuung.' },
  ];
  return (
    <section className="dp-section dp-section--warm" id="vorteile">
      <div className="dp-container">
        <div className="dp-section-head">
          <span className="dp-eyebrow">Warum DiePostenProfis</span>
          <h2 className="dp-h2">Vier Gründe, die zählen.</h2>
        </div>
        <div className="dp-trust__grid">
          {items.map((it, i) => (
            <div className="dp-trust__card" key={i}>
              <div className="icon">{it.icon}</div>
              <h4>{it.title}</h4>
              <p>{it.body}</p>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}
window.TrustGrid = TrustGrid;