// ============================================================
// Tribeca Lisboa — RESPONSIVE homepage app (bilingual)
// Uses shared SiteHeader / SiteMenuDrawer + global lang.
// ============================================================
function RApp() {
  const [menu, setMenu] = React.useState(false);
  const [lang] = useLang();
  React.useEffect(() => {
    if (location.hash === '#whats-new') {
      const el = document.getElementById('whats-new');
      if (el) {
        window.scrollTo(0, 0);
        setTimeout(() => {
          const hdr = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--hdr-h')) || 82;
          smoothScrollTo(el.getBoundingClientRect().top + window.scrollY - hdr, 1000);
        }, 220);
      }
    }
  }, []);
  return (
    <LangContext.Provider value={lang}>
      <div>
        <SiteHeader onMenu={() => setMenu(true)} />
        <RHero />
        <RMoreThanFestival />
        <RWhatsNew />
        {/* TEMPORARILY HIDDEN — restore on request: <RScheduleList /> */}
        <RNoticias />
        {/* TEMPORARILY HIDDEN — restore on request: <RFromTheFeed /> <RNewsletter /> */}
        <RFooter />
        <SiteMenuDrawer open={menu} onClose={() => setMenu(false)} />
      </div>
    </LangContext.Provider>
  );
}

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