<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-37G1H53R7C"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'G-37G1H53R7C');
    </script>
    <!-- Google Ads (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=AW-18045403113"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'AW-18045403113');
    </script>
    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-KGGTHC7M');</script>
    <!-- End Google Tag Manager -->
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Sproxil: Unlocking the Value of Real-World Data</title>
    <meta name="description" content="Sproxil empowers brands with real-time channel intelligence, product authentication, and consumer engagement solutions across Africa and emerging markets.">
    <meta name="keywords" content="channel intelligence, consumer engagement, product authentication, supply chain visibility, brand protection, Sproxil, market intelligence, Africa">
    <meta name="google-site-verification" content="OWiuovItlAt2Bj3phu-VJR7AXoLs4cV8nU7e630r9wU" />
    
    <!-- Open Graph / Social Sharing -->
    
    
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://www.sproxil.com/" />
    <meta property="og:image" content="https://www.sproxil.com/og-image.png" />
    <meta property="og:site_name" content="Sproxil" />
    
    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image" />
    
    
    <meta name="twitter:image" content="https://www.sproxil.com/og-image.png" />
    
    <link rel="canonical" href="https://www.sproxil.com/" />
    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
    
    <!-- Preconnect for performance -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    
    <!-- Hreflang -->
    <link rel="alternate" hreflang="en" href="https://www.sproxil.com/" />
    <link rel="alternate" hreflang="x-default" href="https://www.sproxil.com/" />
  <!-- LinkedIn Insight Tag -->
  <script type="text/javascript">
  _linkedin_partner_id = "1017291";
  window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
  window._linkedin_data_partner_ids.push(_linkedin_partner_id);
  </script>
  <script type="text/javascript">
  (function(l) {
  if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])};
  window.lintrk.q=[]}
  var s = document.getElementsByTagName("script")[0];
  var b = document.createElement("script");
  b.type = "text/javascript";b.async = true;
  b.src = "https://snap.licdn.com/li.lms.js?px=" + _linkedin_partner_id;
  s.parentNode.insertBefore(b, s);})(window.lintrk);
  </script>
  <script type="module" crossorigin src="/assets/index-Dlp3S78R.js"></script>
  <link rel="stylesheet" crossorigin href="/assets/index-BkUkaiBa.css">
<script defer src="/~flock.js" data-proxy-url="/~api/analytics"></script><script defer src="/__l5e/events.js" data-artifact-kind="preview_commit_sha" data-artifact-id="cbf1cc0a67d27fada5ad7d7ca06c609a81fd126e" data-commit-sha="cbf1cc0a67d27fada5ad7d7ca06c609a81fd126e" data-context-token="v1.eyJwcm9qZWN0X2lkIjoiYmVmNWI5ZTItMmEyNC00YTUxLTgzYjMtYTRiMDk5NzAwMjlkIiwiYXJ0aWZhY3Rfa2luZCI6InByZXZpZXdfY29tbWl0X3NoYSIsImFydGlmYWN0X2lkIjoiY2JmMWNjMGE2N2QyN2ZhZGE1YWQ3ZDdjYTA2YzYwOWE4MWZkMTI2ZSIsImNvbW1pdF9zaGEiOiJjYmYxY2MwYTY3ZDI3ZmFkYTVhZDdkN2NhMDZjNjA5YTgxZmQxMjZlIiwiZXhwIjoxNzgxMDI3OTUyfQ.UhhGJ3nPxj3dJsFFVG2RZKFN5AjlRfrd2akRea_g_Oo"></script></head>
  <body>
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KGGTHC7M"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
    <noscript>
    <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=1017291&fmt=gif" />
    </noscript>
    <!-- Initial loader before React mounts -->
    <div id="initial-loader" style="
      position: fixed;
      inset: 0;
      z-index: 9999;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background: linear-gradient(135deg, hsl(0, 0%, 100%) 0%, hsl(0, 99%, 37%, 0.05) 100%);
    ">
      <img src="/favicon.ico" alt="Sproxil" style="height: 48px; width: auto; animation: initialFloat 2s ease-in-out infinite;" />
      <p style="margin-top: 24px; color: hsl(0, 0%, 46%); font-size: 14px; font-family: system-ui, sans-serif;">Loading...</p>
      <div style="margin-top: 16px; display: flex; gap: 8px;">
        <span style="width: 10px; height: 10px; border-radius: 50%; background: hsl(0, 99%, 37%); animation: initialBounce 0.8s ease-in-out infinite;"></span>
        <span style="width: 10px; height: 10px; border-radius: 50%; background: hsl(0, 99%, 37%); animation: initialBounce 0.8s ease-in-out 0.15s infinite;"></span>
        <span style="width: 10px; height: 10px; border-radius: 50%; background: hsl(0, 99%, 37%); animation: initialBounce 0.8s ease-in-out 0.3s infinite;"></span>
      </div>
    </div>
    <style>
      @keyframes initialFloat {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-8px); }
      }
      @keyframes initialBounce {
        0%, 100% { transform: translateY(0); opacity: 0.5; }
        50% { transform: translateY(-10px); opacity: 1; }
      }
    </style>
    <div id="root"></div>
    <script>
      // Hide initial loader once React mounts
      window.addEventListener('DOMContentLoaded', () => {
        const observer = new MutationObserver(() => {
          const root = document.getElementById('root');
          if (root && root.children.length > 0) {
            const loader = document.getElementById('initial-loader');
            if (loader) {
              loader.style.opacity = '0';
              loader.style.transition = 'opacity 0.3s ease-out';
              setTimeout(() => loader.remove(), 300);
            }
            observer.disconnect();
          }
        });
        observer.observe(document.getElementById('root'), { childList: true, subtree: true });
      });
    </script>
  </body>
</html>
