// fairfarms.com — certification trust bar, directly under the hero
const { CertBadge } = window.FF;

function TrustBar() {
  const certs = [
    { name: 'Fair for Life', art: 'assets/certifications/fair-for-life-mark.png', number: 'Certified partner since 2018', date: 'Last audit 25 May 2026' },
    { name: 'USDA NOP Organic', number: '7880187533', date: 'Issued 6 February 2026' },
    { name: 'EU Organic · TRACES', number: '2018-848TC', date: 'Ecocert' },
    { name: 'Kampot Pepper PGI', number: 'Registered packager', date: 'KPPA' },
  ];
  return (
    <section style={{ borderTop: '1px solid var(--border-hairline)', borderBottom: '1px solid var(--border-hairline)', background: 'var(--surface-card)' }}>
      <div style={{ maxWidth: 'var(--container)', margin: '0 auto', padding: 'var(--space-6)', display: 'grid', gridTemplateColumns: 'repeat(4, 1fr)', gap: 'var(--space-6)' }}>
        {certs.map((c) => (
          <CertBadge key={c.name} {...c} height={40} assetBase="../../" />
        ))}
      </div>
    </section>
  );
}
window.TrustBar = TrustBar;