/* global React */
function CertificatesSection() {
  const images = [
    window.__r('cert01','certificates/01.png'),
    window.__r('cert02','certificates/02.png'),
    window.__r('cert03','certificates/03.png'),
    window.__r('cert04','certificates/04.png'),
    window.__r('cert05','certificates/05.png'),
    window.__r('cert06','certificates/06.png'),
  ];
  const loop = [...images, ...images];
  return (
    <section className="acmp-certs">
      <div className="acmp-certs-head">
        <h2 className="acmp-certs-title">Certificados para tu CV &amp; LinkedIn</h2>
        <p className="acmp-certs-sub">¡Todos nuestros cursos incluyen un certificado que podés compartir en LinkedIn y nosotros te lo validamos!</p>
      </div>
      <div className="acmp-certs-marquee">
        <div className="acmp-certs-track">
          {loop.map((src, i) => (
            <div className="acmp-certs-card" key={i}>
              <img src={src} alt="" loading="lazy" />
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}
Object.assign(window, { CertificatesSection });