<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/bitnaps-logo-sign.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="Licensed technology company in UAE providing Blockchain, AI/IoT, and Web Development solutions for government and enterprise clients." />
    
    <!-- Critical CSS -->
    <style>
      /* Minimal styles needed for initial render */
      :root {
        --primary: rgb(37 99 235);
        --secondary: rgb(59 130 246);
      }
      body {
        margin: 0;
        background: rgb(17 24 39);
        color: rgb(255 255 255);
      }
      #root {
        min-height: 100vh;
      }
      .loading {
        position: fixed;
        inset: 0;
        display: flex;
        align-items: center;
        justify-center: center;
        background: rgb(17 24 39);
      }
      /* Critical above-the-fold styles */
      .hero {
        min-height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
      }
      .hero-content {
        text-align: center;
        max-width: 64rem;
        padding: 1rem;
      }
      .hero-title {
        font-size: 2.25rem;
        font-weight: 700;
        line-height: 1.2;
      }
      @media (min-width: 768px) {
        .hero-title {
          font-size: 3.75rem;
        }
      }
    </style>
    
    <!-- Preload critical assets -->
    <link 
      rel="preload" 
      href="/assets/index-CCyefkcz.css" 
      as="style" 
      onload="this.onload=null;this.rel='stylesheet'"
    >
    <noscript>
      <link rel="stylesheet" href="/assets/index-CCyefkcz.css">
    </noscript>
    
    <!-- Preload critical JavaScript -->
    <link rel="modulepreload" href="/assets/react-vendor-CBwoKWot.js">
    <link rel="modulepreload" href="/assets/index-D5_r7y9l.js">
    
    <!-- Security Headers -->
    <meta http-equiv="X-Content-Type-Options" content="nosniff" />
    
    <title>BitNaps - Enterprise Technology Solutions | UAE Licensed</title>
    
    <!-- Analytics -->
    <script async defer src="/stats.js" data-website-id="80035cb2-c2fa-4969-93e8-aeea305446a3"></script>
    
    <!-- Structured Data -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "BitNaps Technology",
      "url": "https://bitnaps.com",
      "logo": "https://bitnaps.com/bitnaps-logo-sign.svg",
      "description": "Licensed technology company in UAE providing Blockchain, AI/IoT, and Web Development solutions for government and enterprise clients.",
      "address": [
        {
          "@type": "PostalAddress",
          "addressLocality": "Dubai",
          "addressRegion": "Dubai",
          "addressCountry": "UAE",
          "streetAddress": "Business Bay, Royal Continental Suites, 103"
        }
      ],
      "contactPoint": {
        "@type": "ContactPoint",
        "contactType": "customer service"
      },
      "sameAs": [
        "https://linkedin.com/company/bitnaps",
        "https://twitter.com/bitnaps"
      ]
    }
    </script>
    <script type="module" crossorigin src="/assets/index-BX6uKgCO.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/react-vendor-C16vo8Vx.js">
    <link rel="modulepreload" crossorigin href="/assets/lucide-BUKvyerZ.js">
    <link rel="stylesheet" crossorigin href="/assets/styles.JITw1xBl.css">
  </head>
  <body>
    <div id="root">
      <div class="loading">
        <div class="hero">
          <div class="hero-content">
            <h1 class="hero-title">
              Building AI and Web3 Tech for Government & Enterprise
            </h1>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>