/* Erdem Holdings — App entry */
const { useState: useApp, useEffect: useAppEff } = React;

function App() {
  const [route, go] = useRoute();

  let Page;
  switch (route) {
    case "about":     Page = <PageAbout go={go} />; break;
    case "portfolio": Page = <PagePortfolio go={go} />; break;
    case "team":      Page = <PageTeam go={go} />; break;
    case "investors": Page = <PageInvestors go={go} />; break;
    case "criteria":  Page = <PageCriteria go={go} />; break;
    case "careers":   Page = <PageCareers go={go} />; break;
    case "contact":   Page = <PageContact go={go} />; break;
    case "home":
    default:          Page = <PageHome go={go} />; break;
  }

  return (
    <div className="palette-gold-green">
      <NavBar route={route} go={go} />
      {Page}
      <Footer go={go} />
    </div>
  );
}

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