<!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 https://www.clarity.ms https://clarity.ms https://scripts.clarity.ms https://*.clarity.ms blob:; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com https://cdn.jotfor.ms https://www.googletagmanager.com; font-src 'self' https://fonts.gstatic.com https://cdn.jotfor.ms data:; img-src 'self' data: blob: https: https://www.clarity.ms https://clarity.ms https://c.clarity.ms https://*.clarity.ms https://www.google-analytics.com https://*.google-analytics.com https://www.googletagmanager.com; 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 https://www.clarity.ms https://clarity.ms https://c.clarity.ms https://scripts.clarity.ms https://*.clarity.ms; 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 https://www.clarity.ms https://clarity.ms https://*.clarity.ms https://www.googletagmanager.com https://*.googletagmanager.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 - production only: digipalz.io, www.digipalz.io -->
    <script>
      ;(function () {
        var h = window.location.hostname
        var allowed = h === 'digipalz.io' || h === 'www.digipalz.io'
        window.dataLayer = window.dataLayer || []
        if (!allowed) return

        function getConsentFromCookie() {
          try {
            var match = document.cookie.match(
              /\bdigipalz_consent_prefs=([^;]*)/
            )
            if (!match) return null
            var decoded = decodeURIComponent(match[1])
            return JSON.parse(decoded)
          } catch (e) {
            return null
          }
        }
        var prefs = getConsentFromCookie()
        if (
          prefs &&
          (prefs.performance || prefs.functional || prefs.marketing)
        ) {
          window.dataLayer.push({
            consent: 'update',
            ad_storage: prefs.marketing ? 'granted' : 'denied',
            ad_user_data: prefs.marketing ? 'granted' : 'denied',
            ad_personalization: prefs.marketing ? 'granted' : 'denied',
            analytics_storage: prefs.performance ? 'granted' : 'denied',
            functionality_storage: prefs.functional ? 'granted' : 'denied',
            personalization_storage: prefs.functional ? 'granted' : 'denied',
            security_storage: 'granted'
          })
        } else {
          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'
          })
        }

        ;(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-CsXG6gOH.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/landing-vendor-AY4zt8Ou.js">
    <link rel="modulepreload" crossorigin href="/assets/landing-components-CGUgOZ62.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-U0PhgNsc.css">
  </head>
  <body>
    <script>
      ;(function () {
        var h = window.location.hostname
        var allowed = h === 'digipalz.io' || h === 'www.digipalz.io'
        if (!allowed) return
        var n = document.createElement('noscript')
        var i = document.createElement('iframe')
        i.src = 'https://www.googletagmanager.com/ns.html?id=GTM-N2SR4LKR'
        i.height = '0'
        i.width = '0'
        i.style.display = 'none'
        i.style.visibility = 'hidden'
        n.appendChild(i)
        document.body.insertBefore(n, document.body.firstChild)
      })()
    </script>
    <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>
