/* ===== App composition + mount ===== */
function App() {
  useEffect(() => {
    initReveals();
    if (window.lucide && window.lucide.createIcons) {
      // run after first paint so React-rendered <i data-lucide> nodes exist
      requestAnimationFrame(() => window.lucide.createIcons());
    }
  }, []);

  return (
    <React.Fragment>
      <Hero />
      <Press />
      <HowItWorks />
      <Product />
      <Features />
      <Stats />
      <Testimonials />
      <Pricing />
      <FAQ />
      <CTA />
      <Footer />
    </React.Fragment>
  );
}

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