// App entry — mount all sections
const { useEffect } = React;

function App() {
  useEffect(() => {
    if (window.observeReveals) window.observeReveals();
  }, []);

  return (
    <>
      <Hero />
      <ProblemSection />
      <Features />
      <SelfHealing />
      <HowItWorks />
      <Organization />
      <Permissions />
      <Analytics />
      <Proof />
      <Tools />
      <Security />
      <Roadmap />
      <Founder />
      <Changelog />
      <FAQ />
      <Waitlist />
      <Footer />
    </>
  );
}

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

// re-scan reveals after mount
requestAnimationFrame(() => {
  if (window.observeReveals) window.observeReveals();
});