// Root composition — deploy build (no Tweaks panel)
const DEFAULTS = { theme: 'deep', lang: 'zh' };

function App() {
  // Persist language to localStorage so returning visitors keep their choice
  const [lang, setLang] = React.useState(() => {
    try { return localStorage.getItem('ln-lang') || DEFAULTS.lang; } catch { return DEFAULTS.lang; }
  });
  React.useEffect(() => {
    document.documentElement.setAttribute('lang', lang);
    try { localStorage.setItem('ln-lang', lang); } catch {}
  }, [lang]);

  React.useEffect(() => {
    document.body.setAttribute('data-theme', DEFAULTS.theme);
  }, []);

  return (
    <>
      <Nav lang={lang} setLang={setLang}/>
      <Hero lang={lang}/>
      <LiveDemo lang={lang}/>
      <Flow lang={lang}/>
      <Gallery lang={lang}/>
      <Agent lang={lang}/>
      <Pricing lang={lang}/>
      <Privacy lang={lang}/>
      <Faq lang={lang}/>
      <Footer lang={lang}/>
    </>
  );
}

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