// Band.jsx — scrolling marquee of value props
function Band() {
  const items = [
    'Marketing con ética médica',
    'Pacientes reales · No vanity likes',
    'Estrategia 360° para consultorios',
    'Contenido que respeta tu autoridad',
    'Tampico · Ciudad de México · Toda LATAM',
    'Diseño · Copy · Pauta · Métricas',
  ];
  // Repeat track twice for seamless marquee
  const track = [...items, ...items, ...items];
  return (
    <div className="band" aria-hidden="true">
      <div className="band__track">
        {track.map((t, i) => (
          <span key={i} className="band__item">
            <span className="band__dot"></span>
            {t}
          </span>
        ))}
      </div>
    </div>
  );
}

window.Band = Band;