/* App.jsx — composes the page */

function App() {
  function onJump(id) {
    const el = document.getElementById(id);
    if (!el) return;
    const y = el.getBoundingClientRect().top + window.scrollY - 56;
    window.scrollTo({ top: y, behavior: 'smooth' });
  }
  return (
    <I18nProvider>
      <Header onJump={onJump} />
      <main>
        <Hero onJump={onJump} />
        <About />
        {/* <FieldStudies /> and <SampleChapter /> hidden for now */}
        <Praise />
        <Authors />
        <ChapterAuthors />
        <OpenAccess />
        <Retailers />
        <Subscribe />
      </main>
      <div className="weave-band" aria-hidden="true"></div>
      <Footer />
      <SiteTweaks />
    </I18nProvider>
  );
}

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