/* Clara v2 — App composition */

function AppV2() {
  return (
    <React.Fragment>
      <TopNavV2 />
      <GuideV2 />
      <BackgroundFlowV2 />

      <main className="page-root">
        <HeroBanner />
        <Bridge narrative text="LAS PREGUNTAS EXISTEN PORQUE CADA SISTEMA TIENE SU PROPIA VERDAD." />
        <Act02ChaosV2 />
        <Bridge narrative text="ESA PREGUNTA TIENE RESPUESTA. TIENE NOMBRE." />
        <Act03ClaraEntersV2 />
        <Bridge narrative text="Y LO HACE SIN PEDIRTE QUE CAMBIES NADA." />
        <Act04HowV2 />
        <Bridge narrative text="ESTO ES LO QUE SE SIENTE CUANDO LE PREGUNTAS ALGO." />
        <Act05AssistantV2 />
        <Bridge narrative text="CADA RESPUESTA TIENE UNA FUENTE. AQUÍ ESTÁN LAS TUYAS." />
        <Act06SourcesV2 />
        <Bridge narrative text="Y TODO ESO SE CONVIERTE EN UNA SOLA VISTA." />
        <Act07DashboardV2 />
        <Bridge narrative accent text="UN DASHBOARD TE MUESTRA EL QUÉ." text2="CLARA TE DICE EL POR QUÉ." />
        <Act08AgentsV2 />
        <Bridge narrative text="Y ENTRE TODOS RESUELVEN PREGUNTAS QUE SOLÍAN TOMAR SEMANAS." />
        <Act09UseCasesV2 />
        <Bridge narrative text="Y CUANDO TODO ESO LO TIENES CLARO, QUEDA SOLO UNA COSA POR HACER." />
        <Act10CTAV2 />
      </main>
    </React.Fragment>
  );
}

const rootV2 = ReactDOM.createRoot(document.getElementById('app'));
rootV2.render(<AppV2 />);