<!DOCTYPE html>
<html lang="ar" dir="rtl" class="overflow-x-hidden w-full max-w-full">

<head>
  <script>
    (function () {
      var emptyMatches = [];
      window.$_TSR = window.$_TSR || {
        buffer: [],
        matches: emptyMatches,
        router: {
          manifest: { routes: {} },
          matches: emptyMatches
        },
        dehydratedData: {},
        t: new Map(),
        h: function () { },
        clean: function () { }
      };
      window.__TSR = window.$_TSR;
      window.__TSS_START_OPTIONS__ = {
        serializationAdapters: []
      };
    })();
  </script>
  <meta charset="UTF-8" />
  <meta name="build-version" content="v2-spa-no-hydration-force" />
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
  <title>عقارات زون | زون العقارات</title>
  <meta name="description" content="المنظومة السحابية المتكاملة لإدارة المكاتب العقارية، العقود، والأرشفة الذكية" />
  <meta name="theme-color" content="#0f172a" />
  <meta name="mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="default" />
  <meta property="og:type" content="website" />
  <meta property="og:site_name" content="عقارات زون" />
  <meta property="og:title" content="عقارات زون | زون العقارات" />
  <meta property="og:description"
    content="المنظومة السحابية المتكاملة لإدارة المكاتب العقارية، العقود، والأرشفة الذكية" />
  <meta property="og:url" content="https://zoneaqarat.com" />
  <meta property="og:image" content="/icons/icon-192.png" />
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:title" content="عقارات زون | زون العقارات" />
  <meta name="twitter:description"
    content="المنظومة السحابية المتكاملة لإدارة المكاتب العقارية، العقود، والأرشفة الذكية" />
  <meta name="twitter:image" content="/icons/icon-192.png" />
  <link rel="icon" type="image/png" href="/icons/icon-192.png" />
  <link rel="icon" href="/favicon.ico" />
  <link rel="apple-touch-icon" href="/icons/icon-192.png" />
  <link rel="manifest" href="/manifest.webmanifest" />
  <link rel="manifest" href="/manifest.json" />
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous" />
  <link rel="stylesheet"
    href="https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800&family=Noto+Kufi+Arabic:wght@400;500;600;700;800&display=swap" />
    <link rel="stylesheet" href="/assets/styles-KE3z5iZ1.css" />
  </head>

<body class="overflow-x-hidden w-full max-w-full bg-[#f8fafc] text-slate-800">
  <div id="root" class="overflow-x-hidden w-full max-w-full">
    <div id="app-loading-splash" style="position: fixed; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #f8fafc; z-index: 99999;">
      <img src="/logo.png" alt="Zone Aqarat" style="width: 72px; height: 72px; object-fit: contain; animation: logoPulseFade 1.4s ease-in-out infinite;" />
      <style>
        @keyframes logoPulseFade {
          0%, 100% { opacity: 1; transform: scale(1); }
          50% { opacity: 0.25; transform: scale(0.96); }
        }
      </style>
    </div>
  </div>
  <script>
    if ("serviceWorker" in navigator && window.location.protocol.startsWith("http")) {
      window.addEventListener("load", () => {
        let refreshing = false;
        navigator.serviceWorker.addEventListener("controllerchange", () => {
          if (!refreshing) {
            refreshing = true;
            window.location.reload();
          }
        });

        navigator.serviceWorker
          .register("/sw.js", { scope: "/" })
          .then((registration) => {
            registration.update().catch(() => { });

            registration.onupdatefound = () => {
              const newWorker = registration.installing;
              if (newWorker) {
                newWorker.onstatechange = () => {
                  if (newWorker.state === "installed" && navigator.serviceWorker.controller) {
                    newWorker.postMessage({ type: "SKIP_WAITING" });
                  }
                };
              }
            };
          })
          .catch((err) => {
            console.warn("[PWA] Service Worker registration failed:", err);
          });
      });
    }
  </script>
  <script type="module" src="/assets/index-xhTH4rVY.js"></script>
<!-- Cloudflare Pages Analytics --><script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "8bc4598527a244608151481c5691de6b"}'></script><!-- Cloudflare Pages Analytics --></body>

</html>