<!doctype html>
<html lang="id">
  <head>
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link rel="dns-prefetch" href="https://firebasestorage.googleapis.com" />
    <link rel="dns-prefetch" href="https://firestore.googleapis.com" />
    <base href="/" />

    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- Primary Meta Tags -->
    <title>Ruang Development - Web & Mobile Development Services</title>
    <meta
      name="title"
      content="Ruang Development - Web & Mobile Development Services"
    />
    <meta
      name="description"
      content="Professional web development, mobile app development, and digital solutions. Build your dream project with us."
    />
    <meta
      name="keywords"
      content="web development, mobile app, flutter, landing page, website design, aplikasi mobile, jasa pembuatan aplikasi, jasa web bandung"
    />
    <meta name="author" content="Ruang Development" />
    <meta name="robots" content="index, follow" />
    <meta name="language" content="Indonesian" />
    <meta name="revisit-after" content="7 days" />

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://ruangdevelopment.my.id/" />
    <meta
      property="og:title"
      content="Ruang Development - Web & Mobile Development Services"
    />
    <meta
      property="og:description"
      content="Professional web development, mobile app development, and digital solutions."
    />
    <meta
      property="og:image"
      content="https://ruangdevelopment.my.id/og-image.jpg"
    />
    <meta property="og:locale" content="id_ID" />

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image" />
    <meta property="twitter:url" content="https://ruangdevelopment.my.id/" />
    <meta
      property="twitter:title"
      content="Ruang Development - Web & Mobile Development Services"
    />
    <meta
      property="twitter:description"
      content="Professional web development, mobile app development, and digital solutions."
    />
    <meta
      property="twitter:image"
      content="https://ruangdevelopment.my.id/og-image.jpg"
    />

    <!-- Favicon -->
    <link rel="icon" type="image/png" href="favicon.png" />
    <link rel="apple-touch-icon" href="icons/Icon-192.png" />

    <!-- Canonical URL -->
    <link rel="canonical" href="https://ruangdevelopment.my.id/" />

    <!-- Sitemap Reference -->
    <link rel="sitemap" type="application/xml" href="/sitemap.xml" />

    <!-- Schema Markup -->
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "Organization",
        "name": "Ruang Development",
        "url": "https://ruangdevelopment.my.id",
        "logo": "https://ruangdevelopment.my.id/icons/Icon-192.png",
        "description": "Professional web development, mobile app development, and digital solutions.",
        "address": {
          "@type": "PostalAddress",
          "addressLocality": "Bandung",
          "addressRegion": "Jawa Barat",
          "addressCountry": "ID"
        },
        "contactPoint": {
          "@type": "ContactPoint",
          "contactType": "customer service",
          "availableLanguage": "Indonesian"
        },
        "sameAs": ["https://instagram.com/ruangdevelopment"],
        "offers": {
          "@type": "Offer",
          "description": "Web & Mobile Development Services"
        }
      }
    </script>

    <script>
      const serviceWorkerVersion = "2957215114";
      var scriptLoaded = false;
      function loadMainDartJs() {
        if (scriptLoaded) return;
        scriptLoaded = true;
        var scriptTag = document.createElement("script");
        scriptTag.src = "main.dart.js";
        scriptTag.type = "application/javascript";
        document.body.append(scriptTag);
      }

      if ("serviceWorker" in navigator) {
        window.addEventListener("load", function () {
          var serviceWorkerUrl =
            "flutter_service_worker.js?v=" + serviceWorkerVersion;
          navigator.serviceWorker.register(serviceWorkerUrl).then((reg) => {
            function waitForActivation(serviceWorker) {
              serviceWorker.addEventListener("statechange", () => {
                if (serviceWorker.state == "activated") {
                  console.log("Installed new service worker.");
                  loadMainDartJs();
                }
              });
            }
            if (!reg.active && (reg.installing || reg.waiting)) {
              waitForActivation(reg.installing || reg.waiting);
            } else if (!reg.active.scriptURL.endsWith(serviceWorkerVersion)) {
              reg.unregister().then(() => window.location.reload());
            } else {
              loadMainDartJs();
            }
          });
        });
      } else {
        loadMainDartJs();
      }
    </script>
  </head>
  <body>
    <script src="flutter.js" defer></script>
  </body>
</html>
