/* App.jsx — top-level composition.
 * Mounts every section in order. To rearrange, swap, or remove sections,
 * edit this file (the components themselves stay where they are).
 */

function App() {
  const [section, setSection] = React.useState("research");
  return (
    <div style={{ position: "relative" }}>
      <Nav active={section} onNavigate={setSection} />
      <HeroEditorial />
      <TelemetryStrip />
      <ManifestoBlock />
      <ResearchList />
      <ContactBlock />
      <div style={{ position: "relative", height: 80, background: "var(--paper)" }}>
        <Footer />
      </div>
    </div>
  );
}

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