<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/favicon.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <!-- Google Fonts - Arimo -->
    <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=Arimo:ital,wght@0,400..700;1,400..700&display=swap"
      rel="stylesheet"
    />

    <!-- Cache Control Meta Tags -->
    <meta
      http-equiv="Cache-Control"
      content="no-cache, no-store, must-revalidate"
    />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />

    <meta
      http-equiv="Content-Security-Policy"
      content="default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval' https://static.klaviyo.com https://www.googletagmanager.com https://www.google.com https://www.gstatic.com https://apis.google.com https://js.stripe.com https://www.youtube.com https://www.youtube.com/iframe_api http://www.youtube.com http://www.youtube.com/iframe_api https://www.noupe.com https://connect.facebook.net blob:; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com https://cdn.jotfor.ms; font-src 'self' https://fonts.gstatic.com https://cdn.jotfor.ms data:; img-src 'self' data: blob: https:; connect-src 'self' https://*.firebaseapp.com https://*.firebaseio.com https://*.cloudfunctions.net https://firebase.googleapis.com https://firebasestorage.googleapis.com https://*.firebasestorage.googleapis.com https://identitytoolkit.googleapis.com https://securetoken.googleapis.com https://www.googleapis.com https://firestore.googleapis.com https://ipapi.co https://api.emailjs.com https://api.stripe.com https://billing.stripe.com https://www.googletagmanager.com https://*.google-analytics.com https://www.google-analytics.com https://www.youtube.com https://www.youtubei.googleapis.com wss://*.firebaseio.com https://www.google.com https://www.gstatic.com https://www.facebook.com https://graph.facebook.com https://www.noupe.com; frame-src 'self' https://*.firebaseapp.com https://www.google.com https://apis.google.com https://www.facebook.com https://www.youtube.com https://js.stripe.com https://hooks.stripe.com https://billing.stripe.com https://www.noupe.com; media-src 'self' blob: data: https://firebasestorage.googleapis.com https://*.firebasestorage.googleapis.com; worker-src 'self' blob:; child-src 'self' blob:; object-src 'none'; base-uri 'self'; form-action 'self' https://js.stripe.com https://hooks.stripe.com;"
    />

    <!-- Google Tag Manager - Initialize dataLayer before GTM script -->
    <script>
      window.dataLayer = window.dataLayer || []

      // Set default consent mode to 'denied' (will be updated when user gives consent)
      window.dataLayer.push({
        consent: 'default',
        ad_storage: 'denied',
        ad_user_data: 'denied',
        ad_personalization: 'denied',
        analytics_storage: 'denied',
        functionality_storage: 'denied',
        personalization_storage: 'denied',
        security_storage: 'granted'
      })
    </script>

    <!-- Google Tag Manager -->
    <!-- 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-N2SR4LKR')
    </script>
    <!-- End Google Tag Manager -->

    <script type="text/javascript">
      ;(function () {
        var _learnq = (window._learnq = window._learnq || [])
        _learnq.push(['account', 'WjYD5m'])
        var b = document.createElement('script')
        b.type = 'text/javascript'
        b.async = true
        b.src = 'https://static.klaviyo.com/onsite/js/klaviyo.js'
        var a = document.getElementsByTagName('script')[0]
        a.parentNode.insertBefore(b, a)
      })()
    </script>

    <title>Digipalz</title>

    <!-- Preload critical NewLandingPage images (public assets) -->
    <link
      rel="preload"
      href="/assets/icons/mic.webp"
      as="image"
      type="image/webp"
    />
    <link
      rel="preload"
      href="/assets/icons/mirror.webp"
      as="image"
      type="image/webp"
    />
    <link
      rel="preload"
      href="/assets/icons/chat.webp"
      as="image"
      type="image/webp"
    />
    <link
      rel="preload"
      href="/assets/educators/updated/high1.webp"
      as="image"
      type="image/webp"
    />
    <link
      rel="preload"
      href="/assets/educators/updated/high2.webp"
      as="image"
      type="image/webp"
    />
    <link
      rel="preload"
      href="/assets/educators/updated/high3.webp"
      as="image"
      type="image/webp"
    />
    <script type="module" crossorigin src="/assets/index-BpZJqa-y.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/landing-vendor-AY4zt8Ou.js">
    <link rel="modulepreload" crossorigin href="/assets/landing-components-Cm2ll-5U.js">
    <link rel="modulepreload" crossorigin href="/assets/pdf-generation-CkPsq5hq.js">
    <link rel="stylesheet" crossorigin href="/assets/landing-components-BuZzQUvH.css">
    <link rel="stylesheet" crossorigin href="/assets/index-C8ZegfPy.css">
  </head>
  <body>
    <noscript>
      <iframe
        src="https://www.googletagmanager.com/ns.html?id=GTM-WZ23R6L2"
        height="0"
        width="0"
        style="display: none; visibility: hidden"
      ></iframe>
    </noscript>
    <footer style="display: none">
      <a href="https://digipalz.io/privacy-policy-en">Privacy Policy</a>
      <a href="https://digipalz.io/terms-of-service-en">Terms of Service</a>
      <a href="https://digipalz.io/cookie-policy-en">Cookie Policy</a>
    </footer>
    <div id="root"></div>

  </body>
</html>
