// Agência ART, App entry
// Mounts the full one-page site.

const { useEffect: useEffectApp } = React;

function App() {
  // Reveal-on-scroll effect, light, opt-in via class .reveal
  useEffectApp(() => {
    const els = document.querySelectorAll(".reveal");
    const io = new IntersectionObserver((entries) => {
      entries.forEach((e) => {
        if (e.isIntersecting) {
          e.target.classList.add("in");
          io.unobserve(e.target);
        }
      });
    }, { threshold: 0.12 });
    els.forEach((el) => io.observe(el));
    return () => io.disconnect();
  }, []);

  return (
    <>
      <Nav />
      <main data-screen-label="01 Home">
        <Hero />
        <Marquee />
        <Manifesto />
        <Stats />
        <Services />
        <Methodology />
        <Cases />
        <Quiz />
        <Testimonials />
        <Team />
        <FAQ />
        <Contact />
      </main>
      <Footer />
    </>
  );
}

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(<App />);