<!-- client/index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />

    <!-- Block all crawlers until the landing page is ready to launch -->
    <meta name="robots" content="noindex, nofollow" />

    <!-- Professional Branding & SEO -->
    <title>Mxrs — The First AI-Native CRM for Restoration</title>
    <meta name="description" content="Mxrs is the first AI-native CRM built for water damage restoration. Manage jobs, crews, invoices, and customer communication through an intelligent platform that thinks for you." />
    <meta name="author" content="Modern Restoration Software, Inc." />
    <meta name="keywords" content="restoration CRM, water damage software, AI CRM, restoration management, job management, contractor CRM, restoration technology" />
    <link rel="canonical" href="https://modernrestoration.co" />

    <!-- Open Graph Tags for Social Sharing -->
    <meta property="og:title" content="Mxrs — The First AI-Native CRM for Restoration" />
    <meta property="og:description" content="Stop managing jobs from spreadsheets. Mxrs is an intelligent platform that understands your restoration operation and acts on your behalf." />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://modernrestoration.co" />
    <meta property="og:site_name" content="Mxrs" />

    <!-- Twitter Card Tags -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Mxrs — The First AI-Native CRM for Restoration" />
    <meta name="twitter:description" content="Stop managing jobs from spreadsheets. Mxrs is an intelligent platform that understands your restoration operation and acts on your behalf." />

    <!-- Structured Data (JSON-LD) -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "SoftwareApplication",
      "name": "Mxrs",
      "applicationCategory": "BusinessApplication",
      "operatingSystem": "Web",
      "description": "The first AI-native CRM built for water damage restoration. Manage jobs, crews, invoices, and customer communication through an intelligent platform.",
      "url": "https://modernrestoration.co",
      "author": {
        "@type": "Organization",
        "name": "Modern Restoration Software, Inc.",
        "url": "https://modernrestoration.co",
        "email": "hello@mxrs.app"
      },
      "offers": {
        "@type": "Offer",
        "availability": "https://schema.org/PreOrder",
        "description": "Join the waitlist for early access"
      }
    }
    </script>

    <!-- Favicon & Icons -->
    <link rel="icon" type="image/png" href="/favicon.png" />
    <link rel="apple-touch-icon" href="/favicon.png" />

    <!-- Fonts -->
    <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=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap" rel="stylesheet">
    <script type="module" crossorigin src="/assets/index-Csb5okqn.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-B9woiXqY.css">
  </head>
  <body>
    <script>
      // Register service worker for offline support (disabled in development)
      if ('serviceWorker' in navigator && window.location.hostname !== 'localhost' && !window.location.hostname.includes('replit.dev')) {
        window.addEventListener('load', () => {
          navigator.serviceWorker.register('/sw.js')
            .then((registration) => {
              console.log('SW registered: ', registration);
            })
            .catch((registrationError) => {
              console.log('SW registration failed: ', registrationError);
            });
        });
      } else {
        // Unregister any existing service worker in development
        if ('serviceWorker' in navigator) {
          navigator.serviceWorker.getRegistrations().then(function(registrations) {
            for(let registration of registrations) {
              registration.unregister();
              console.log('SW unregistered for development:', registration);
            }
          });
        }
      }
    </script>
    <div id="root"></div>
    <noscript>
      <div style="display:flex;align-items:center;justify-content:center;height:100vh;font-family:sans-serif;padding:20px;text-align:center;">
        <p>Please enable JavaScript to use this application.</p>
      </div>
    </noscript>
    <script>
      window.addEventListener('error', function(e) {
        var root = document.getElementById('root');
        if (root && !root.hasChildNodes()) {
          root.innerHTML = '<div style="display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;font-family:sans-serif;padding:20px;text-align:center;">' +
            '<h2 style="margin-bottom:12px;">Something went wrong</h2>' +
            '<p style="color:#666;margin-bottom:16px;">Please try refreshing the page or updating your browser.</p>' +
            '<button onclick="location.reload()" style="padding:8px 20px;border:1px solid #ccc;border-radius:6px;background:#fff;cursor:pointer;">Refresh</button>' +
            '</div>';
        }
      });
    </script>
  </body>
</html>