function App() {
  const [view, setView] = React.useState('home');
  const [lang, setLang] = React.useState('bg');
  const t = window.CORNER_I18N[lang];

  // Setting lang on the root is what activates the Cyrillic type tokens and
  // the Bulgarian localized letterforms (see tokens/i18n-type.css).
  React.useEffect(() => { document.documentElement.lang = lang; }, [lang]);

  return (
    <div style={{ minHeight: '100vh', background: 'var(--surface-page)' }}>
      <Header view={view} onNav={setView} t={t} lang={lang} onLang={setLang} />
      {view === 'home' && (
        <>
          <Hero onShopMenu={() => setView('menu')} t={t} />
          <AboutStrip t={t} />
          <LocationMap t={t} lang={lang} />
          <PartnerStrip t={t} />
        </>
      )}
      {view === 'menu' && <MenuScreen t={t} lang={lang} />}
      {view === 'about' && <AboutScreen t={t} />}
      {view === 'contact' && <ContactScreen t={t} lang={lang} />}
    </div>
  );
}
window.App = App;