// Production app — tweaks locked, panel removed.

const { useState, useEffect } = React;

function App() {
  const [lang, setLang] = useState(() => {
    const saved = localStorage.getItem("oscar.lang");
    if (saved) return saved;
    const nav = (navigator.language || "es").toLowerCase();
    if (nav.startsWith("ca") || nav.startsWith("va")) return "val";
    if (nav.startsWith("en")) return "en";
    return "es";
  });
  useEffect(() => {
    localStorage.setItem("oscar.lang", lang);
    document.documentElement.lang = lang === "val" ? "ca" : lang;
  }, [lang]);

  const sectionInView = useSectionInView(["bio","media","awards","education","teaching","contact"]);

  return (
    <React.Fragment>
      <TopBar lang={lang} setLang={setLang} sectionInView={sectionInView} />
      <main>
        <Hero lang={lang} heroLayout="bleed" />
        <Bio lang={lang} />
        <Media lang={lang} />
        <Awards lang={lang} />
        <Education lang={lang} />
        <Teaching lang={lang} />
        <Contact lang={lang} />
      </main>
    </React.Fragment>
  );
}

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