// Marquee strip between hero and "how it works"
function Marquee() {
  const items = [
    'Essayage virtuel', '·', 'Styliste IA', '·', 'Photo réaliste',
    '·', 'Centaines de marques', '·', 'Sans rendez-vous', '·',
    'Sans cabine', '·', 'Sans regret', '·',
  ];
  // duplicate for seamless loop
  const track = [...items, ...items];
  return (
    <div className="marquee" aria-hidden="true">
      <div className="marquee-track">
        {track.map((t, i) => (
          t === '·'
            ? <span key={i} className="dot">·</span>
            : <span key={i}>{t}</span>
        ))}
      </div>
    </div>
  );
}

window.Marquee = Marquee;