// AlignSpace landing — App composition
function App() {
  const scrollTo = (id) => {
    const el = document.querySelector(id);
    if (el) window.scrollTo({ top: el.getBoundingClientRect().top + window.scrollY - 76, behavior: 'smooth' });
  };

  // (Re)draw Lucide icons after each render
  React.useEffect(() => {
    if (window.lucide) window.lucide.createIcons();
  });

  return (
    <React.Fragment>
      <Header />
      <Hero />
      <OfferSection onRequestAudit={() => scrollTo('#intake')} onBookSession={() => scrollTo('#contact')} />
      <IntakeForm />
      <ContactSection />
      <Footer />
    </React.Fragment>
  );
}

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