/* ============================================================
   BRITO · NOESIS — app root
   ============================================================ */
const { useState: aState, useEffect: aEffect } = React;

function App() {
  const [lang, setLang] = aState(() => {
    try { return localStorage.getItem('brito-lang') || 'pt'; } catch (e) { return 'pt'; }
  });
  const t = CONTENT[lang];

  aEffect(() => {
    try { localStorage.setItem('brito-lang', lang); } catch (e) {}
    document.documentElement.lang = lang === 'pt' ? 'pt-BR' : 'en';
  }, [lang]);

  useRevealRoot();

  return (
    <div className="app">
      <Constellation />
      <CustomCursor />
      <Progress />
      <TopBar t={t} lang={lang} setLang={setLang} />
      <main>
        <Hero t={t} />
        <ObserverMark t={t} />
        <hr className="divider" />
        <BritoIntro t={t} />
        <Manifesto t={t} />
        <Identity t={t} />
        <Pipeline t={t} />
        <Principles t={t} />
        <Gallery t={t} />
        <Closing t={t} />
        <Declaration t={t} />
      </main>
      <Footer t={t} />
    </div>
  );
}

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