// APP — composition
function App() {
  React.useEffect(() => {
    // attach scroll reveal after mount
    if (window.__attachReveal) window.__attachReveal();
    const t = setTimeout(() => window.__attachReveal && window.__attachReveal(), 600);
    return () => clearTimeout(t);
  }, []);

  return (
    <main>
      <Hero />
      <ProblemSection />
      <HybridSection />
      <StepsSection />
      <EditorDemo />
      <DashboardSection />
      <StackSection />
      <CompareSection />
      <PersonasSection />
      <SecuritySection />
      <PricingSection />
      <FAQSection />
      <CTASection />
      <Footer />
    </main>
  );
}

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