/* global React, ReactDOM,
   TopBar, SubNav, Marquee, Hero, Sobre, MaratonaPacode, Conquistas, Membros,
   Biblioteca, Noticias, Footer, useScrollReveal */

const { useState: useStateA, useEffect: useEffectA } = React;

function App() {
  const [lang, setLang] = useStateA("pt");
  useScrollReveal();
  return (
    <>
      <TopBar lang={lang} onToggleLang={() => setLang((l) => (l === "pt" ? "en" : "pt"))} />
      <SubNav />
      <Marquee />
      <Hero />
      <Sobre />
      <Conquistas />
      <MaratonaPacode />
      <Membros />
      {/* <HallFama /> */}
      <Biblioteca />
      <Noticias />
      <Footer />
    </>
  );
}

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