/* Alis AI — landing: App + reveal-on-scroll */

function App() {
  const [modal, setModal] = React.useState(false);
  const openSignup = React.useCallback(() => setModal(true), []);

  return (
    <div className="lp">
      <Nav onSignup={openSignup} />
      <Hero onSignup={openSignup} onDemo={openSignup} />
      <LogoBar />
      <Problem />
      <HowItWorks />
      <Features />
      <UseCases />
      <Comparison />
      <Pricing onSignup={openSignup} />
      <Testimonials />
      <FAQ />
      <FinalCTA onSignup={openSignup} />
      <Footer />
      <WhatsAppFab onClick={openSignup} />
      {modal && <SignupModal onClose={() => setModal(false)} />}
    </div>
  );
}

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