/* Studio Twenty Six — app assembly + scroll reveal */
function App(){
  const home = window.S26.HOME;
  React.useEffect(() => {
    const root = document.querySelector(".site");
    root.classList.add("js");
    const io = new IntersectionObserver(
      (es) => es.forEach((e) => { if(e.isIntersecting){ e.target.classList.add("in"); io.unobserve(e.target); } }),
      { threshold: 0.12 }
    );
    document.querySelectorAll(".reveal").forEach((el) => io.observe(el));
    return () => io.disconnect();
  }, []);
  return (
      <React.Fragment>
      <window.Nav />
      <window.Hero />
      <window.Marquee variant="mag" items={home.topMarquee} />
      <window.Mission />
      <window.TessTeaser />
      <window.Make />
      <window.Marquee variant="dark" items={home.classMarquee} />
      <window.Calendar />
      <window.Signup />
      <window.Footer />
    </React.Fragment>
  );
}
ReactDOM.createRoot(document.getElementById("root")).render(<App />);