// App principal
function App() {
  const [lang, setLang] = React.useState("fr");
  const [openWork, setOpenWork] = React.useState(null);

  const handlePlayReel = () => {
    // ouvre la première réalisation en showreel équivalent
    setOpenWork(window.WORKS[0]);
  };

  return (
    <>
<window.Nav lang={lang} setLang={setLang} />
      <window.Hero lang={lang} onPlayReel={handlePlayReel} />
      <window.Work lang={lang} onOpen={setOpenWork} />
      <window.Clients lang={lang} />
      <window.Footer lang={lang} />
      <window.Modal work={openWork} lang={lang} onClose={() => setOpenWork(null)} />
    </>
  );
}

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