// KAIJA — root app
function App() {
  const formRef = React.useRef(null);
  const onJoinBeta = () => {
    if (formRef.current) {
      const top = formRef.current.getBoundingClientRect().top + window.scrollY - 80;
      window.scrollTo({ top, behavior: "smooth" });
    }
  };
  return (
    <>
      <Header onJoinBeta={onJoinBeta}/>
      <main>
        <Hero onJoinBeta={onJoinBeta}/>
        <ProblemSection/>
        <SolutionSection/>
        <HowItWorks/>
        <Architecture/>
        <JiraNative/>
        <BetaSignup formRef={formRef}/>
        <DeveloperPreview/>
      </main>
      <Footer/>
    </>
  );
}

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