// App entry. Clean Institutional system.

function App() {
  // Scroll reveal: sections fade-up when they enter the viewport.
  React.useEffect(() => {
    const io = new IntersectionObserver((entries) => {
      entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('in'); });
    }, { threshold: 0, rootMargin: '0px 0px -12% 0px' });
    document.querySelectorAll('.reveal').forEach(el => io.observe(el));
    return () => io.disconnect();
  }, []);

  return (
    <>
      <Nav/>
      <Hero/>
      <MissionStatement/>
      <WhatWeBuild/>
      <Work/>
      <Process/>
      <HowWeWork/>
      <WhoWeAre/>
      <FAQ/>
      <FinalCTA/>
      <Footer/>
    </>
  );
}

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