// PHAROS — root app
const { useState, useEffect } = React;

function App() {
  const [lang, setLang] = useState(window.__DEFAULT_LANG__ || "ua");

  useEffect(() => { document.documentElement.lang = lang; }, [lang]);

  const t = window.I18N[lang];

  return (
    <LangCtx.Provider value={{ t, lang, setLang }}>
      <Utility lang={lang} />
      <Nav lang={lang} setLang={setLang} />
      <main id="main" tabIndex="-1">
        <Hero />
        <Context />
        <Reality />
        <Approach layout="timeline" />
        <Industries />
        <Team />
        <Cases />
        <FAQ />
        <Contact />
      </main>
      <Footer brand="pharos" lang={lang} setLang={setLang} />
    </LangCtx.Provider>
  );
}

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