// Top-level App + router (hash-based)

const App = () => {
  const route = useRoute();
  const top = route[0] || "home";

  let page;
  switch (top) {
    case "about": page = <AboutPage/>; break;
    case "services": page = <ServicesPage/>; break;
    case "work-with-me": page = <WorkWithMePage/>; break;
    case "contact": page = <ContactPage/>; break;
    case "faq": page = <FaqPage/>; break;
    case "free-workbook": page = <FreeWorkbookPage/>; break;
    case "blog":
      page = route[1] ? <BlogPostPage slug={route[1]}/> : <BlogPage/>;
      break;
    case "home":
    default: page = <HomePage/>;
  }

  // Splash only shows on home, first visit per session
  const showSplash = top === "home";

  return (
    <div>
      {showSplash ? <Splash/> : null}
      <Header/>
      {page}
      <Footer/>
    </div>
  );
};

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