/* global React, ReactDOM, useReveal, TopNav, Footer, PageHero, AboutGreeting, AboutVision, AboutHistory, AboutOrg, AboutCerts, AboutLocation, AboutCTA, LangProvider, useT */

function AboutApp() {
  useReveal();
  const t = useT();
  return (
    <>
      <TopNav active="about" />
      <main>
        <PageHero
          title={t("about_pagehero.title")}
        />
        <AboutGreeting />
        <AboutVision />
        <AboutHistory />
        <AboutOrg />
        <AboutCerts />
        <AboutLocation />
        <AboutCTA />
      </main>
      <Footer />
    </>
  );
}

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