// app.jsx — Router. Loads after all page files. Mounts on #root.

function App() {
  const route = useHashRoute();
  usePageTitle(route);
  useScrollTopOnRoute(route);

  let Page;
  switch (route) {
    case 'about':      Page = AboutPage; break;
    case 'products':   Page = ProductsPage; break;
    case 'technology': Page = TechnologyPage; break;
    case 'enterprise': Page = EnterprisePage; break;
    case 'news':       Page = NewsPage; break;
    case 'contact':    Page = ContactPage; break;
    default:           Page = HomePage;
  }

  // Nav goes dark on technology page (deep blue hero)
  const navDark = route === 'technology';

  return (
    <div>
      {/* WIPBanner 拿掉 — EN/JP/TH 都已翻譯 99%+，banner.wip 文案「內容開發中」跟現況不符 */}
      <Nav route={route} dark={navDark} />
      <Page />
      <Footer />
    </div>
  );
}

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