// portfolio-app.jsx — composes the page
const { useEffect: useFx } = React;

function App() {
  const [lang, setLang] = React.useState(() => localStorage.getItem('dk_lang') || 'en');
  useReveal();

  useFx(() => {
    localStorage.setItem('dk_lang', lang);
    document.documentElement.lang = lang;
  }, [lang]);

  const L = I18N[lang];

  return (
    <React.Fragment>
      <Nav L={L} lang={lang} setLang={setLang} />
      <Hero layout=”centered” L={L} fx=”reveal” />
      <About L={L} />
      <Work L={L} />
      <Contact L={L} />
      <Footer L={L} />
    </React.Fragment>
  );
}

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