function App() {
  React.useEffect(() => {
    const io = new IntersectionObserver((es) => {
      es.forEach((e) => {
        if (e.isIntersecting) {
          const d = e.target.getAttribute('data-rv-delay');
          if (d) e.target.style.transitionDelay = d + 'ms';
          e.target.classList.add('rv-in');
          io.unobserve(e.target);
        }
      });
    }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });
    document.querySelectorAll('[data-rv]').forEach((el) => io.observe(el));
    return () => io.disconnect();
  }, []);
  return (
    <React.Fragment>
      <MxNav />
      <Hero />
      <Trust />
      <Lanzamientos />
      <Problema />
      <Proceso />
      <EsParaTi />
      <Sistema />
      <Servicios />
      <Proyectos />
      <Equipo />
      <PorQue />
      {/* <Testimonios /> — oculta hasta tener el video listo */}
      <FAQ />
      <CtaFinal />
      <MxFooter />
      <MxQuiz />
    </React.Fragment>);

}
ReactDOM.createRoot(document.getElementById('root')).render(<App />);