const KNOWN = ["/", "/sectors", "/about", "/journal", "/contact", "/coming-soon"];

const Router = () => {
  const { path, go } = useRoute();
  React.useEffect(() => {
    if (path === "/technology") go("/coming-soon");
  }, [path]);
  if (path === "/technology") return null;
  let El = window.PageNotFound;
  if (path === "/")                   El = window.PageHome;
  else if (path.startsWith("/sectors")) El = window.PageSectors;
  else if (path === "/about")         El = window.PageAbout;
  else if (path === "/journal")       El = window.PageJournal;
  else if (path === "/contact")       El = window.PageContact;
  else if (path === "/coming-soon")   El = window.PageComingSoon;
  return <div key={path} className="mr-page"><El/></div>;
};

const App = () => (
  <LangProvider>
    <RouterProvider>
      <SeoHead/>
      <Header/>
      <Router/>
      <Footer/>
    </RouterProvider>
  </LangProvider>
);

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