/* ============================================================
   BMUN — App root
   ============================================================ */
const { useRef: useRefA } = React;

function App() {
  const regRef = useRefA(null);
  const goRegister = (e) => {
    if (e && e.preventDefault) e.preventDefault();
    const el = document.getElementById("register");
    if (el) window.scrollTo({ top: el.getBoundingClientRect().top + window.scrollY - 60, behavior: "smooth" });
  };
  return (
    <>
      <Navbar onRegister={goRegister} />
      <Hero onRegister={goRegister} />
      <About />
      <StatsBand />
      <Committees />
      <Agenda />
      <Team />
      <Gallery />
      <CodeOfConduct />
      <Sponsors />
      <Registration innerRef={regRef} />
      <PaymentPortal />
      <Faq />
      <Contact onRegister={goRegister} />
      <Footer onRegister={goRegister} />
    </>
  );
}

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

/* Dismiss the branded loader once the app has painted. */
requestAnimationFrame(() => {
  const l = document.getElementById("loader");
  if (!l) return;
  l.classList.add("hidden");
  setTimeout(() => l.remove(), 700);
});