// App shell — simple client-side routing via state
const { useState, useEffect } = React;

const PAGE_TITLES = {
  home:       "Flight Reconstruction Group — Aviation Reconstruction & Analysis",
  services:   "Services — Flight Reconstruction Group",
  work:       "Work — Flight Reconstruction Group",
  industries: "Industries — Flight Reconstruction Group",
  contact:    "Contact — Flight Reconstruction Group",
};

function App() {
  const [page, setPage] = useState(() => {
    try { return localStorage.getItem("mt-page") || "home"; } catch { return "home"; }
  });

  useEffect(() => {
    document.title = PAGE_TITLES[page] || PAGE_TITLES.home;
  }, [page]);

  const go = (p) => {
    setPage(p);
    try { localStorage.setItem("mt-page", p); } catch {}
    window.scrollTo({ top: 0, behavior: "instant" });
  };

  const pages = {
    home: <Home go={go}/>,
    services: <Services go={go}/>,
    work: <Work go={go}/>,
    industries: <Industries go={go}/>,
    contact: <Contact go={go}/>,
  };

  return (
    <>
      <Nav page={page} go={go}/>
      <div key={page}>{pages[page]}</div>
      <Footer go={go}/>
    </>
  );
}

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