// Marquee.jsx
function Marquee() {
  const words = [
    'DISCIPLINA','CONSTÂNCIA','IDENTIDADE','TRANSFORMAÇÃO',
    'CORPO','MENTE','ESPÍRITO','MÉTODO','RESULTADOS REAIS',
    'FÉ','DESTRAVAR','CONECTADAS',
  ];

  // Duplicate for seamless loop
  const items = [...words, ...words];

  return (
    <div className="marquee-section" aria-hidden="true">
      <div className="marquee-track">
        {items.map((w, i) => (
          <span key={i} className="marquee-item">
            <span className="marquee-dot" />
            {w}
          </span>
        ))}
      </div>
    </div>
  );
}

Object.assign(window, { Marquee });
