// Trusted-by logo strip — typographic only, no real logos.
const logosStyles = {
  wrap: { padding: '48px 0', borderBottom: '1px solid var(--line)' },
  label: {
    textAlign: 'center',
    fontFamily: "'JetBrains Mono', monospace",
    fontSize: 11, letterSpacing: '.2em', textTransform: 'uppercase',
    color: 'var(--ink-3)', marginBottom: 28,
  },
  row: {
    display: 'grid',
    gridTemplateColumns: 'repeat(6, 1fr)',
    alignItems: 'center',
    gap: 24,
  },
  logo: {
    textAlign: 'center',
    fontFamily: "'Instrument Serif', serif",
    fontSize: 26,
    color: 'var(--ink-2)',
    letterSpacing: '-0.01em',
    opacity: .85,
  },
};
const LOGOS = [
  { t: 'Armoir',        style: { fontStyle: 'italic' } },
  { t: 'NEXA',          style: { fontFamily: "'Inter Tight', sans-serif", fontWeight: 700, letterSpacing: '.12em' } },
  { t: 'Maison&Cie',    style: { fontFamily: "'Inter Tight', sans-serif", fontWeight: 500 } },
  { t: 'RénovPlus',     style: { fontStyle: 'italic' } },
  { t: 'Clairval',      style: {} },
  { t: 'ORSYS',         style: { fontFamily: "'JetBrains Mono', monospace", fontSize: 20, letterSpacing: '.2em' } },
];
function Logos() {
  return (
    <section style={logosStyles.wrap}>
      <div className="wrap">
        <div style={logosStyles.label}>Ils nous confient leur acquisition</div>
        <div style={logosStyles.row} className="logos-row">
          {LOGOS.map((l, i) => (
            <div key={i} style={{...logosStyles.logo, ...l.style}}>{l.t}</div>
          ))}
        </div>
      </div>
    </section>
  );
}
Object.assign(window, { Logos });