// ─── App — assemble the site, wrapped in LangProvider ─────

function App() {
  React.useEffect(() => {
    document.documentElement.style.setProperty('--eso-accent', '#DCE21E');
  }, []);

  useRevealOnScroll();

  return (
    <LangProvider>
      <NavBar />
      <Hero marksShow={true} marksColor="#DCE21E" marksBleed={0.5} marksSize={380} />
      <Filosofie />
      <Pijlers />
      <Coaches />
      <Programma />
      <Testimonial />
      <OpenClinic />
      <FAQ />
      <Inschrijven />
      <Footer />
    </LangProvider>
  );
}

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