/* app.jsx — root, mounts router — Claremont Orthodontics */

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

  const Page = (() => {
    switch (route) {
      case 'home':         return HomePage;
      case 'about':        return AboutPage;
      case 'new-patients': return NewPatientsPage;
      case 'contact':      return ContactPage;
      case 'braces':       return BracesPage;
      case 'ceramic':      return CeramicPage;
      case 'aligners':     return AlignersPage;
      case 'preteen':      return PreteenPage;
      case 'adult':        return AdultPage;
      case 'dr-stewart':   return StewartPage;
      case 'dr-kylie':     return KyliePage;
      case 'referral':     return ReferralPage;
      case 'assessment':   return AssessmentPage;
      default:             return HomePage;
    }
  })();

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

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<App />);