<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
  <title>Estivex · The operating system for collision repair</title>
  <meta name="description" content="Six surfaces. One shared record. Body shops, insurance carriers, customers, and fleets — synchronized in real time, with a verified, forgery-resistant change history. Patent pending."/>
  <link rel="icon" href="assets/estivex-mark.svg"/>
  <link rel="stylesheet" href="site.css"/>
  <link rel="preconnect" href="https://fonts.googleapis.com"/>
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
  <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet"/>

  <script src="https://unpkg.com/react@18.3.1/umd/react.development.js" integrity="sha384-hD6/rw4ppMLGNu3tX5cjIb+uRZ7UkRJ6BPkLpg4hAu/6onKUg4lLsHAs9EBPT82L" crossorigin="anonymous"></script>
  <script src="https://unpkg.com/react-dom@18.3.1/umd/react-dom.development.js" integrity="sha384-u6aeetuaXnQ38mYT8rp6sbXaQe3NL9t+IBXmnYxwkUI2Hw4bsp2Wvmx4yRQF1uAm" crossorigin="anonymous"></script>
  <script src="https://unpkg.com/@babel/standalone@7.29.0/babel.min.js" integrity="sha384-m08KidiNqLdpJqLq95G/LEi8Qvjl/xUYll3QILypMoQ65QorJ9Lvtp2RXYGBFj1y" crossorigin="anonymous"></script>
</head>
<body>
  <a id="top"></a>
  <div id="cursor-spot-mount"></div>
  <div id="root"></div>
  <div id="diag-mount"></div>

  <script type="text/babel" src="shared/site-shared.jsx"></script>
  <script type="text/babel" src="shared/home-hero-platform.jsx"></script>
  <script type="text/babel" src="shared/home-surfaces-tools.jsx"></script>
  <script type="text/babel" src="shared/home-rest.jsx"></script>

  <script type="text/babel">
    function HomePage() {
      useReveal();
      return (
        <>
          <CursorSpot/>
          <SiteNav active="home"/>
          <main>
            <SafeSection name="hero"><Hero/></SafeSection>
            <SafeSection name="platform-diagram"><PlatformDiagram/></SafeSection>
            <SafeSection name="surfaces"><SurfacesShowcase/></SafeSection>
            <SafeSection name="proof"><SocialProof/></SafeSection>
            <SafeSection name="capabilities"><FeatureMatrix/></SafeSection>
            <SafeSection name="philosophy"><Philosophy/></SafeSection>
            <SafeSection name="simulator"><WorkflowSimulator/></SafeSection>
            <SafeSection name="integrations"><IntegrationsGrid/></SafeSection>
            <SafeSection name="architecture"><Architecture/></SafeSection>
            <SafeSection name="roi"><ROICalculator/></SafeSection>
            <SafeSection name="faq"><FAQ/></SafeSection>
            <SafeSection name="cta"><FinalCTA/></SafeSection>
          </main>
          <SiteFooter/>
          <AIAssistantBubble/>
          <DiagPanel/>
        </>
      );
    }
    ReactDOM.createRoot(document.getElementById('root')).render(<HomePage/>);
  </script>
</body>
</html>
