// App entry — assembles sections.
const { useState, useEffect } = React;

function App() {
  const [lang, setLang] = useState("RU");
  const t = window.COPY[lang];

  useEffect(() => {
    document.documentElement.lang = lang === "RU" ? "ru" : "en";
  }, [lang]);

  return (
    <>
      <Nav t={t} lang={lang} setLang={setLang} />
      <Hero t={t} hero="stars" starIntensity={1} />
      <Marquee t={t} />
      <Services t={t} />
      <Gallery t={t} />
      <Approach t={t} />
      <Contact t={t} />
      <Footer t={t} />
    </>
  );
}

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