// site-app.jsx — wires it all together

const App = () => {
  const [lb, setLb] = React.useState(null);
  const { Masthead, Hero, About, Work, Photography } = window.SiteParts1;
  const { Artwork, CV, Foot, Lightbox, Progress } = window.SiteParts2;

  return (
    <>
      <Progress />
      <Masthead />
      <Hero />
      <About />
      <Work />
      <Photography onOpen={setLb} />
      <Artwork onOpen={setLb} />
      <CV />
      <Foot />
      <Lightbox open={lb} onClose={() => setLb(null)} />
    </>
  );
};

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