<!DOCTYPE html><html lang="en"><head><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
    <!-- amplitude script-->
    <!-- <script async src="https://cdn.amplitude.com/libs/amplitude-7.2.1-min.gz.js"></script> -->

    <!-- CleverTap Integration - start -->
    <script type="text/javascript">
      var clevertap = {
        event: [],
        profile: [],
        account: [],
        onUserLogin: [],
        notifications: [],
        privacy: [],
      };
      // replace with the CLEVERTAP_ACCOUNT_ID with the actual ACCOUNT ID value from your Dashboard -> Settings page
      clevertap.account.push({ id: "WRK-67K-457Z" });
      clevertap.privacy.push({ optOut: false }); //set the flag to true, if the user of the device opts out of sharing their data
      clevertap.privacy.push({ useIP: false }); //set the flag to true, if the user agrees to share their IP data
      (function () {
        var wzrk = document.createElement("script");
        wzrk.type = "text/javascript";
        wzrk.async = true;
        wzrk.src =
          ("https:" == document.location.protocol
            ? "https://d2r1yp2w7bby2u.cloudfront.net"
            : "http://static.clevertap.com") + "/js/clevertap.min.js";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(wzrk, s);
      })();
    </script>
    <!-- CleverTap Integration - end -->

    <!-- 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-MTSVHKW");
    </script>
    <!-- End Google Tag Manager -->
    <!-- Meta Pixel Code -->
    <meta name="facebook-domain-verification" content="r5a7v0huir6mcnp21wtvpvrmmh1oqi">
    <script>
      !(function (f, b, e, v, n, t, s) {
        if (f.fbq) return;
        n = f.fbq = function () {
          n.callMethod
            ? n.callMethod.apply(n, arguments)
            : n.queue.push(arguments);
        };
        if (!f._fbq) f._fbq = n;
        n.push = n;
        n.loaded = !0;
        n.version = "2.0";
        n.queue = [];
        t = b.createElement(e);
        t.async = !0;
        t.src = v;
        s = b.getElementsByTagName(e)[0];
        s.parentNode.insertBefore(t, s);
      })(
        window,
        document,
        "script",
        "https://connect.facebook.net/en_US/fbevents.js"
      );
      fbq("init", "684407839449932");
      fbq("track", "PageView");
    </script>
    <noscript><img
        height="1"
        width="1"
        style="display: none"
        src="https://www.facebook.com/tr?id=684407839449932&ev=PageView&noscript=1"
    /></noscript>
    <!-- End Meta Pixel Code -->

    <script type="text/javascript">
      (function (c, l, a, r, i, t, y) {
        c[a] =
          c[a] ||
          function () {
            (c[a].q = c[a].q || []).push(arguments);
          };
        t = l.createElement(r);
        t.async = 1;
        t.src = "https://www.clarity.ms/tag/" + i;
        y = l.getElementsByTagName(r)[0];
        y.parentNode.insertBefore(t, y);
      })(window, document, "clarity", "script", "h6bkrbyxc0");

      // Initialize Clarity Consent API
      window.clarity =
        window.clarity ||
        function () {
          (window.clarity.q = window.clarity.q || []).push(arguments);
        };

      // Set default consent to granted (since we need data for sure)
      clarity("consent", true);
    </script>

    <meta charset="utf-8">
    <title>Hoopr</title>

    <!-- DO NOT REMOVE startMeta and endMeta comments, these are used by loud function to overwrite meta for diff urls -->
    <!-- startMeta -->
    <link rel="preload" as="image" href="banner.webp" imagesrcset="https://hoopr.ai/assets/images/landing/new-default-landing-banner-bg-resp.webp 430w,
  https://hoopr.ai/assets/images/landing/new-default-landing-banner-bg.webp 1500w" imagesizes="100vw">
    <meta name="title" content="100% Royalty &amp; Copyright Free Music for Creators | Download No Copyright Music">
    <meta name="description" content="Download the best royalty free music. Use our 100% copyright free music for YouTube, social media &amp; more from our extensive library. Subscribe Now!">
    <meta name="keywords" content="song, tracks, sfx, playlist, license, entertainment, music, India">
    <meta name="image" property="og:image" itemprop="image" content="https://hoopr.ai/assets/images/hoopr_default_preview.webp">
    <meta property="og:image" itemprop="image" content="https://hoopr-stream-source-dev.hoopr.ai/assests/preview_logo.png">
    <meta property="og:title" content="100% Royalty &amp; Copyright Free Music for Creators | Download No Copyright Music">
    <meta property="og:url" content="hoopr.ai">
    <meta property="og:description" content="Download the best royalty free music. Use our 100% copyright free music for YouTube, social media &amp; more from our extensive library. Subscribe Now!">
    <meta property="og:type" content="article">
    <meta property="og:site_name" content="hoopr.ai">
    <!-- endMeta -->
    <!-- DO NOT REMOVE startMeta and endMeta comments, these are used by loud function to overwrite meta for diff urls -->
    <meta name="facebook-domain-verification" content="hw4835yb11k3vzo9sosonmae7fg0mz">
    <base href="/">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <link rel="preconnect" href="https://cdnjs.cloudflare.com">
    <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha512-SfTiTlX6kk+qitfevl/7LibUOeJWlt9rbyDn92a1DqWOw9vWG2MFoays0sgObmWazO5BQPiFucnnEAjpAB+/Sw==" crossorigin="anonymous" referrerpolicy="no-referrer">
    <style type="text/css">@font-face{font-family:'Urbanist';font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/urbanist/v18/L0x-DF02iFML4hGCyMqrbS1miXK2Z7s.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Urbanist';font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/urbanist/v18/L0x-DF02iFML4hGCyMqlbS1miXK2.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Urbanist';font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/urbanist/v18/L0x-DF02iFML4hGCyMqrbS1miXK2Z7s.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Urbanist';font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/urbanist/v18/L0x-DF02iFML4hGCyMqlbS1miXK2.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Urbanist';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/urbanist/v18/L0x-DF02iFML4hGCyMqrbS1miXK2Z7s.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Urbanist';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/urbanist/v18/L0x-DF02iFML4hGCyMqlbS1miXK2.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Urbanist';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/urbanist/v18/L0x-DF02iFML4hGCyMqrbS1miXK2Z7s.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Urbanist';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/urbanist/v18/L0x-DF02iFML4hGCyMqlbS1miXK2.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Urbanist';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/urbanist/v18/L0x-DF02iFML4hGCyMqrbS1miXK2Z7s.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Urbanist';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/urbanist/v18/L0x-DF02iFML4hGCyMqlbS1miXK2.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Urbanist';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/urbanist/v18/L0x-DF02iFML4hGCyMqrbS1miXK2Z7s.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Urbanist';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/urbanist/v18/L0x-DF02iFML4hGCyMqlbS1miXK2.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Urbanist';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/urbanist/v18/L0x-DF02iFML4hGCyMqrbS1miXK2Z7s.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Urbanist';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/urbanist/v18/L0x-DF02iFML4hGCyMqlbS1miXK2.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Urbanist';font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/urbanist/v18/L0x-DF02iFML4hGCyMqrbS1miXK2Z7s.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Urbanist';font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/urbanist/v18/L0x-DF02iFML4hGCyMqlbS1miXK2.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}</style>
    <style type="text/css">@font-face{font-family:'Assistant';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/assistant/v24/2sDPZGJYnIjSi6H75xkZZE1I0yCmYzzQtjhgIGSV2YOrrM95Dylg.woff) format('woff');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;}@font-face{font-family:'Assistant';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/assistant/v24/2sDPZGJYnIjSi6H75xkZZE1I0yCmYzzQtjhgIGiV2YOrrM95Dylg.woff) format('woff');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Assistant';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/assistant/v24/2sDPZGJYnIjSi6H75xkZZE1I0yCmYzzQtjhgIGaV2YOrrM95Dw.woff) format('woff');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}</style>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.33.1/sweetalert2.min.css" integrity="sha256-/PVkO2+mUlKqE6wgKVXU5Wh4mx3vncHAxLEdpXrziGo=" crossorigin="anonymous">
    <link rel="manifest" href="manifest.webmanifest">
    <meta name="theme-color" content="#FF3567">
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "Organization",
        "name": "Hoopr",
        "url": "https://hoopr.ai/",
        "logo": "https://hoopr.ai/assets/images/hoopr-logo.webp",
        "sameAs": [
          "https://www.facebook.com/hoopr.official",
          "https://twitter.com/HooprOfficial",
          "https://www.instagram.com/hoopr.ai/",
          "https://www.youtube.com/channel/UCYhjvv_P4Y_YGOG706xmO7w",
          "https://www.linkedin.com/company/hooprofficial/",
          "https://hoopr.ai/"
        ]
      }
    </script>

    <!-- AiSensy widget log toggle: set window.AISENSY_WIDGET_LOGS = true/false BEFORE this script -->
    <script>
      (function () {
        // Set window.AISENSY_WIDGET_LOGS = false BEFORE this script to hide AiSensy widget logs.
        // Default (undefined) => true (logs visible).
        var enableAiSensyLogs = (function () {
          if (typeof window.AISENSY_WIDGET_LOGS === "undefined") return false; // default show do this to true if logs need to be display for debugging
          return !!window.AISENSY_WIDGET_LOGS;
        })();
        if (enableAiSensyLogs) return; // Don't patch when logs should show

        var originalLog = console.log;
        window.__ORIG_CONSOLE_LOG__ = originalLog;

        function isAiSensyLog(args) {
          try {
            return args.some(function (a) {
              if (typeof a === "string") {
                return /aisensy|dfToggled|Loading script|Loaded script|Location changed|Widget is invalid/i.test(
                  a
                );
              }
              if (a && typeof a === "object") {
                var keys = Object.keys(a);
                // Include 'link' object (API response), and other known keys
                if (
                  [
                    "config",
                    "aisensyWidgetOptions",
                    "dfToggled",
                    "matchAt",
                    "link",
                  ].some(function (k) {
                    return keys.indexOf(k) !== -1;
                  })
                )
                  return true;
                // Heuristic: keys containing whatsappBtnSettings (nested)
                if (
                  keys.some(function (k) {
                    return /whatsappbtnsettings/i.test(k);
                  })
                )
                  return true;
              }
              return false;
            });
          } catch (e) {
            return false;
          }
        }

        function fromAiSensyStack() {
          try {
            throw new Error();
          } catch (e) {
            if (e && e.stack)
              return /integration-plugin\.js|widget-plugin\.js/.test(e.stack);
          }
          return false;
        }

        console.log = function () {
          var args = Array.prototype.slice.call(arguments);
          if (isAiSensyLog(args) || fromAiSensyStack()) {
            return; // suppress
          }
          return originalLog.apply(this, arguments);
        };
      })();
    </script>

    <!-- AI Sensy Script for whatsapp -->
    <script type="text/javascript" src="https://d3mkw6s8thqya7.cloudfront.net/integration-plugin.js" id="aisensy-wa-widget" widget-id="aaanhi"></script>

    <!-- Paste this right before your closing </head> tag -->
    <script type="text/javascript">
      (function (f, b) {
        if (!b.__SV) {
          var e, g, i, h;
          window.mixpanel = b;
          b._i = [];
          b.init = function (e, f, c) {
            function g(a, d) {
              var b = d.split(".");
              2 == b.length && ((a = a[b[0]]), (d = b[1]));
              a[d] = function () {
                a.push([d].concat(Array.prototype.slice.call(arguments, 0)));
              };
            }
            var a = b;
            "undefined" !== typeof c ? (a = b[c] = []) : (c = "mixpanel");
            a.people = a.people || [];
            a.toString = function (a) {
              var d = "mixpanel";
              "mixpanel" !== c && (d += "." + c);
              a || (d += " (stub)");
              return d;
            };
            a.people.toString = function () {
              return a.toString(1) + ".people (stub)";
            };
            i =
              "disable time_event track track_pageview track_links track_forms track_with_groups add_group set_group remove_group register register_once alias unregister identify name_tag set_config reset opt_in_tracking opt_out_tracking has_opted_in_tracking has_opted_out_tracking clear_opt_in_out_tracking start_batch_senders people.set people.set_once people.unset people.increment people.append people.union people.track_charge people.clear_charges people.delete_user people.remove".split(
                " "
              );
            for (h = 0; h < i.length; h++) g(a, i[h]);
            var j = "set set_once union unset remove delete".split(" ");
            a.get_group = function () {
              function b(c) {
                d[c] = function () {
                  call2_args = arguments;
                  call2 = [c].concat(Array.prototype.slice.call(call2_args, 0));
                  a.push([e, call2]);
                };
              }
              for (
                var d = {},
                  e = ["get_group"].concat(
                    Array.prototype.slice.call(arguments, 0)
                  ),
                  c = 0;
                c < j.length;
                c++
              )
                b(j[c]);
              return d;
            };
            b._i.push([e, f, c]);
          };
          b.__SV = 1.2;
          e = f.createElement("script");
          e.type = "text/javascript";
          e.async = !0;
          e.src =
            "undefined" !== typeof MIXPANEL_CUSTOM_LIB_URL
              ? MIXPANEL_CUSTOM_LIB_URL
              : "file:" === f.location.protocol &&
                "//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//)
              ? "https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js"
              : "//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js";
          g = f.getElementsByTagName("script")[0];
          g.parentNode.insertBefore(e, g);
        }
      })(document, window.mixpanel || []);
    </script>
  <style>:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}nav{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}h4{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}ul{margin-top:0;margin-bottom:1rem}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([class]){color:inherit;text-decoration:none}a:not([href]):not([class]):hover{color:inherit;text-decoration:none}img{vertical-align:middle;border-style:none}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button{text-transform:none}button{-webkit-appearance:button}button:not(:disabled){cursor:pointer}button::-moz-focus-inner{padding:0;border-style:none}h4{margin-bottom:.5rem;font-weight:500;line-height:1.2}h4{font-size:1.5rem}.collapse:not(.show){display:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.5rem 1rem}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}@media (min-width:992px){.navbar-expand-lg{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}.d-flex{display:flex!important}.justify-content-end{justify-content:flex-end!important}.align-items-center{align-items:center!important}.w-100{width:100%!important}.mx-auto{margin-right:auto!important}.mx-auto{margin-left:auto!important}@media (min-width:768px){.px-md-5{padding-right:3rem!important}.px-md-5{padding-left:3rem!important}}.text-center{text-align:center!important}.text-white{color:#fff!important}@media print{*,:after,:before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}img{page-break-inside:avoid}p{orphans:3;widows:3}@page{size:a3}body{min-width:992px!important}.navbar{display:none}}:root{--swiper-theme-color:#007aff}:root{--swiper-navigation-size:44px}button:disabled{opacity:.2}html,body,div,a,img,i,ul,li,nav{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}a:hover,a:focus,a:visited{outline:unset!important}nav{display:block}body{line-height:1}ul{list-style:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic}button,input{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button{text-transform:none}button{-webkit-appearance:button;cursor:pointer;*overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}html,button,input{color:#222}img{vertical-align:middle}body{background-color:#000}@media (min-width: 320px) and (max-width: 700px){.navbar-collapse{text-align:center;overflow:hidden}}button:disabled{opacity:.2}@media (max-width: 780px){.collapse{display:none}}body{touch-action:pan-x pan-y;overflow-x:hidden;scroll-behavior:smooth}*{color:#fff;font-family:Urbanist,sans-serif!important}a{color:#fff}a:focus,a:hover{color:#fff}.fa{font:14px/1 FontAwesome!important}.text-white-light{color:#fffc}.text-normal{font-size:18px!important;line-height:1.5;letter-spacing:1.3px}.nav-close{display:none}@media only screen and (max-width: 319px){.navbar-toggler{padding-right:0}}@media only screen and (max-width: 768px){.text-normal{font-size:15px!important;text-align:center}}@media only screen and (min-width: 2560px){.text-normal{font-size:27px!important}}</style><link rel="stylesheet" href="styles.8c5de597270e54e6.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.8c5de597270e54e6.css"></noscript><style>:root{--swiper-theme-color:#007aff}</style><link rel="stylesheet" href="main.fcf2a252a003f6d1.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="main.fcf2a252a003f6d1.css"></noscript></head>

  <body>
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe
        src="https://www.googletagmanager.com/ns.html?id=GTM-MTSVHKW"
        height="0"
        width="0"
        style="display: none; visibility: hidden"
      ></iframe
    ></noscript>
    <!-- End Google Tag Manager (noscript) -->

    <app-root>
      <!-- experimental trick for increasing fcp -->
      <div class="landing-navbar-container" style="position: sticky; top: 0; right: 0; left: 0">
        <nav class="navbar navbar-expand-lg px-md-5" style="height: 4rem; background: none !important">
          <a style="margin-right: 10px">
            <img style="height: 35px" src="assets/images/hoopr-logo.webp" alt="hoopr-logo">
          </a>
          <button class="navbar-toggler">
            <i class="fa fa-bars text-white" aria-hidden="true"></i>
          </button>
          <div class="collapse navbar-collapse">
            <button class="nav-close navbar-toggler">
              <i class="fa fa-times"></i>
            </button>
            <ul class="mx-auto text-normal d-flex w-100 justify-content-end">
              <li class="nav-item">
                <a class="nav-link text-white-light" style="padding-left: 30px !important">DISCOVER MUSIC</a>
              </li>
              <li class="nav-item">
                <a class="nav-link text-white-light" style="padding-right: 30px !important">PRICING PLANS</a>
              </li>
              <li class="d-flex align-items-center">
                <button style="
                    font-size: 15px;
                    padding: 10px 38px;
                    letter-spacing: 1.3px;
                    border-radius: 5px;
                    line-height: 17px;
                    background-image: linear-gradient(
                      to right,
                      #ff7b7b,
                      #ff3567
                    );
                    border: none;
                    color: white;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                  ">
                  SIGN IN
                </button>
              </li>
            </ul>
          </div>
        </nav>
      </div>
      <div style="
          position: relative;
          top: 0;
          left: 0;
          right: 0;
          width: 100vw;
          height: 100vh;
          display: flex;
          justify-content: center;
          align-items: center;
        ">
        <div class="text-center">
          <img style="width: 140px" src="assets/images/hoopr_gif_loader.gif">
        </div>
      </div>
      <!--EO experimental trick for increasing fcp -->
    </app-root>

    <!-- Simple Cookie Consent Banner (for non-India users only) -->
    <div id="cookieConsentBanner" class="cookie-consent-banner" style="display: none">
      <div class="cookie-consent-content">
        <div class="cookie-consent-text">
          <h4>We use cookies to improve your experience</h4>
          <p>
            We use cookies and similar technologies to analyze traffic,
            personalize content, and improve your browsing experience. By
            continuing to use our website, you consent to our use of cookies.
          </p>
        </div>
        <div class="cookie-consent-buttons">
          <button id="acceptAllCookies" class="btn-accept-all">
            Accept All Cookies
          </button>
        </div>
      </div>
    </div>

    <!-- Enhanced Cookie Consent Styles -->
    <style>
      .cookie-consent-banner {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        background: rgba(18, 18, 18, 0.98) !important;
        color: white !important;
        padding: 20px !important;
        z-index: 999999 !important;
        border-top: 3px solid #ff3567 !important;
        backdrop-filter: blur(10px) !important;
        box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.5) !important;
        min-height: 80px !important;
        transform: translateY(0) !important;
        opacity: 1 !important;
        transition: transform 0.3s ease, opacity 0.3s ease !important;
      }

      .cookie-consent-content {
        max-width: 1200px !important;
        margin: 0 auto !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 20px !important;
      }

      .cookie-consent-text h4 {
        margin: 0 0 8px 0 !important;
        font-size: 18px !important;
        font-weight: 600 !important;
        color: white !important;
        font-family: "Urbanist", sans-serif !important;
      }

      .cookie-consent-text p {
        margin: 0 !important;
        font-size: 14px !important;
        opacity: 0.9 !important;
        line-height: 1.4 !important;
        color: white !important;
        font-family: "Urbanist", sans-serif !important;
      }

      .cookie-consent-buttons {
        display: flex !important;
        gap: 12px !important;
        flex-shrink: 0 !important;
      }

      .cookie-consent-buttons button {
        padding: 12px 24px !important;
        border: none !important;
        border-radius: 5px !important;
        cursor: pointer !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        transition: all 0.3s ease !important;
        font-family: "Urbanist", sans-serif !important;
      }

      .btn-accept-all {
        background: linear-gradient(to right, #ff7b7b, #ff3567) !important;
        color: white !important;
        min-width: 150px !important;
      }

      .btn-accept-all:hover {
        transform: translateY(-1px) !important;
        box-shadow: 0 4px 12px rgba(255, 53, 103, 0.3) !important;
      }

      @media (max-width: 768px) {
        .cookie-consent-content {
          flex-direction: column !important;
          text-align: center !important;
        }

        .cookie-consent-text h4 {
          font-size: 16px !important;
        }

        .cookie-consent-text p {
          font-size: 13px !important;
        }

        .cookie-consent-banner {
          padding: 15px !important;
        }
      }
    </style>

    <script defer src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
    <!-- <script async src="https://checkout.razorpay.com/v1/checkout.js"></script> -->

    <!-- <script src="/assets/js/wavesurfer.min.js"></script>
  <script src="/assets/js/wavesurfer.cursor.min.js"></script> -->
    <!-- <script src="https://unpkg.com/wavesurfer.js"></script> -->
    <!-- <script src="https://unpkg.com/wavesurfer.js@6.3.0/dist/wavesurfer.js"></script>
  <script src="https://unpkg.com/wavesurfer.js@6.0.3/dist/plugin/wavesurfer.cursor.min.js"></script> -->
    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/wavesurfer.js/6.3.0/wavesurfer.js" integrity="sha512-VJXnaXxgsUdXqpT+mrbgxKkwRtc9waHlZxB8r4IhRLrUX0JQ5tUHq74AptkAQKR55nJCqqD7JKYwblA2roicHQ==" crossorigin="anonymous" referrerpolicy="no-referrer" defer></script> -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/wavesurfer.js/6.3.0/wavesurfer.min.js" integrity="sha512-jDQHcGJ+kHllZl75ZsDTHcPIa2YCw0OAyoB3bjhMQEh0ZBatx/rFTDiZoTpMXmaQUG6ciD9dadm4q2k2IZPuRw==" crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/wavesurfer.js/6.3.0/plugin/wavesurfer.cursor.js" integrity="sha512-RW5bxyCMC+K0iJu7J1Au0cDaWHObUJ7pMRVT7eEhv8XJsA0BNkwQj5a9VH+y5nNFxHLCywN9Xy48+OfNkevrmg==" crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
    <script src="https://unpkg.com/wavesurfer-multitrack/dist/multitrack.min.js"></script>

    <!-- <script defer src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"
    integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4"
    crossorigin="anonymous"></script> -->
    <script defer type="text/javascript" src="https://crm.zoho.in/crm/javascript/zcga.js"></script>
    <input type="hidden" id="zc_gad" name="zc_gad" value="">
    <script async="" defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAO-RoTvb1qbu-I1SfjirNjk7LujCvPrt8&amp;libraries=places&amp;language=en&amp;callback=Function.prototype"></script>

    <noscript>Please enable JavaScript to continue using this application.</noscript>
  <script src="runtime.e2374f97bcfbd654.js" type="module"></script><script src="polyfills.2200c773c74096f1.js" type="module"></script><script src="scripts.1362be828048386d.js" defer></script><script src="main.e4c547c333247f6d.js" type="module"></script>

</body></html>