function App() {
  const route = useRoute();

  // Apply defaults on mount
  useEffect(() => {
    document.documentElement.setAttribute("data-theme", "warm");
    document.documentElement.setAttribute("data-font", "classic");
  }, []);

  let Page;
  switch (route) {
    case "/about": Page = About; break;
    case "/calendar": Page = Calendar; break;
    case "/bands": Page = Bands; break;
    case "/listen": Page = Listen; break;
    case "/watch": Page = Watch; break;
    case "/gallery": Page = Gallery; break;
    case "/contact": Page = Contact; break;
    default: Page = Home;
  }

  return (
    <>
      <Nav route={route} />
      <main>
        <Page />
      </main>
      <Footer />
      <Tweaks />
    </>
  );
}

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