<!DOCTYPE html><html lang="en" data-astro-cid-mmggtga4> <head><!-- Enable Didomi GTM integration - must run before Didomi loader --><script>
      window.didomiConfig = window.didomiConfig || {};
    </script><!-- 2. GTM - must load before Didomi so gtag is available when Didomi sends consent updates --><script type="module">(function(e,n,r,t,m){e[t]=e[t]||[],e[t].push({"gtm.start":new Date().getTime(),event:"gtm.js"});var g=n.getElementsByTagName(r)[0],a=n.createElement(r),s="";a.async=!0,a.src="https://www.googletagmanager.com/gtm.js?id="+m+s,g.parentNode.insertBefore(a,g)})(window,document,"script","dataLayer","GTM-WMCLWWH8");</script><!-- 3. Didomi - loads after GTM so consent updates reach gtag --><script type="text/javascript">(function(){function i(e){if(!window.frames[e]){if(document.body&&document.body.firstChild){var t=document.body;var n=document.createElement("iframe");n.style.display="none";n.name=e;n.title=e;t.insertBefore(n,t.firstChild)}else{setTimeout(function(){i(e)},5)}}}function e(n,o,r,f,s){function e(e,t,n,i){if(typeof n!=="function"){return}if(!window[o]){window[o]=[]}var a=false;if(s){a=s(e,i,n)}if(!a){window[o].push({command:e,version:t,callback:n,parameter:i})}}e.stub=true;e.stubVersion=2;function t(i){if(!window[n]||window[n].stub!==true){return}if(!i.data){return}var a=typeof i.data==="string";var e;try{e=a?JSON.parse(i.data):i.data}catch(t){return}if(e[r]){var o=e[r];window[n](o.command,o.version,function(e,t){var n={};n[f]={returnValue:e,success:t,callId:o.callId};if(i.source){i.source.postMessage(a?JSON.stringify(n):n,"*")}},o.parameter)}}if(typeof window[n]!=="function"){window[n]=e;if(window.addEventListener){window.addEventListener("message",t,false)}else{window.attachEvent("onmessage",t)}}}e("__tcfapi","__tcfapiBuffer","__tcfapiCall","__tcfapiReturn");i("__tcfapiLocator")})();</script><script type="text/javascript">(function(){window.__gpp_addFrame=function(e){if(!window.frames[e]){if(document.body){var t=document.createElement("iframe");t.style.cssText="display:none";t.name=e;document.body.appendChild(t)}else{window.setTimeout(window.__gpp_addFrame,10,e)}}};window.__gpp_stub=function(){var e=arguments;__gpp.queue=__gpp.queue||[];__gpp.events=__gpp.events||[];if(!e.length||e.length==1&&e[0]=="queue"){return __gpp.queue}if(e.length==1&&e[0]=="events"){return __gpp.events}var t=e[0];var p=e.length>1?e[1]:null;var s=e.length>2?e[2]:null;if(t==="ping"){p({gppVersion:"1.1",cmpStatus:"stub",cmpDisplayStatus:"hidden",signalStatus:"not ready",supportedAPIs:["2:tcfeuv2","5:tcfcav1","6:uspv1","7:usnat","8:usca","9:usva","10:usco","11:usut","12:usct"],cmpId:"7",sectionList:[],applicableSections:[],gppString:"",parsedSections:{}},true)}else if(t==="addEventListener"){if(!("lastId"in __gpp)){__gpp.lastId=0}__gpp.lastId++;var n=__gpp.lastId;__gpp.events.push({id:n,callback:p,parameter:s});p({eventName:"listenerRegistered",listenerId:n,data:true,pingData:{gppVersion:"1.1",cmpStatus:"stub",cmpDisplayStatus:"hidden",signalStatus:"not ready",supportedAPIs:["2:tcfeuv2","5:tcfcav1","6:uspv1","7:usnat","8:usca","9:usva","10:usco","11:usut","12:usct"],cmpId:"7",sectionList:[],applicableSections:[],gppString:"",parsedSections:{}}},true)}else if(t==="removeEventListener"){var a=false;for(var i=0;i<__gpp.events.length;i++){if(__gpp.events[i].id==s){__gpp.events.splice(i,1);a=true;break}}p({eventName:"listenerRemoved",listenerId:s,data:a,pingData:{gppVersion:"1.1",cmpStatus:"stub",cmpDisplayStatus:"hidden",signalStatus:"not ready",supportedAPIs:["2:tcfeuv2","5:tcfcav1","6:uspv1","7:usnat","8:usca","9:usva","10:usco","11:usut","12:usct"],cmpId:"7",sectionList:[],applicableSections:[],gppString:"",parsedSections:{}}},true)}else if(t==="hasSection"){p(false,true)}else if(t==="getSection"||t==="getField"){p(null,true)}else{__gpp.queue.push([].slice.apply(e))}};window.__gpp_msghandler=function(s){var n=typeof s.data==="string";try{var e=n?JSON.parse(s.data):s.data}catch(t){var e=null}if(typeof e==="object"&&e!==null&&"__gppCall"in e){var a=e.__gppCall;window.__gpp(a.command,function(e,t){var p={__gppReturn:{returnValue:e,success:t,callId:a.callId}};s.source.postMessage(n?JSON.stringify(p):p,"*")},"parameter"in a?a.parameter:null,"version"in a?a.version:"1.1")}};if(!("__gpp"in window)||typeof window.__gpp!=="function"){window.__gpp=window.__gpp_stub;window.addEventListener("message",window.__gpp_msghandler,false);window.__gpp_addFrame("__gppLocator")}})();</script><script type="text/javascript">(function(){(function(e,i,o){var n=document.createElement("link");n.rel="preconnect";n.as="script";var t=document.createElement("link");t.rel="dns-prefetch";t.as="script";var r=document.createElement("script");r.id="spcloader";r.type="text/javascript";r["async"]=true;r.charset="utf-8";window.didomiConfig=window.didomiConfig||{};window.didomiConfig.sdkPath=window.didomiConfig.sdkPath||o||"https://sdk.privacy-center.org/";const d=window.didomiConfig.sdkPath;var a=d+e+"/loader.js?target_type=notice&target="+i;if(window.didomiConfig&&window.didomiConfig.user){var c=window.didomiConfig.user;var s=c.country;var f=c.region;if(s){a=a+"&country="+s;if(f){a=a+"&region="+f}}}n.href=d;t.href=d;r.src=a;var m=document.getElementsByTagName("script")[0];m.parentNode.insertBefore(n,m);m.parentNode.insertBefore(t,m);m.parentNode.insertBefore(r,m)})("7bb6f8c5-de73-4075-a88c-56bcbb91f2b1","TfZ2JQy8")})();</script><meta charset="utf-8"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="generator" content="Astro v5.15.3"><title>Radio.com - The Beat Drops Now</title><meta name="description" content="The beat drops soon. Get ready for the next generation of Radio.com."><link rel="canonical" href="https://radio.com/"><!-- Open Graph / Facebook --><meta property="og:type" content="website"><meta property="og:url" content="https://radio.com/"><meta property="og:title" content="Radio.com - The Beat Drops Now"><meta property="og:description" content="The beat drops soon. Get ready for the next generation of Radio.com."><meta property="og:image" content="https://radio.com/assets/images/radiocom_og.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:image:alt" content="Radio.com - The Beat Drops Now"><meta property="og:site_name" content="Radio.com"><meta property="og:locale" content="en_US"><!-- Twitter --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:url" content="https://radio.com/"><meta name="twitter:title" content="Radio.com - The Beat Drops Now"><meta name="twitter:description" content="The beat drops soon. Get ready for the next generation of Radio.com."><meta name="twitter:image" content="https://radio.com/assets/images/radiocom_og.png"><meta name="twitter:image:alt" content="Radio.com - The Beat Drops Now"><!-- Structured Data (JSON-LD) --><script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Radio.com","url":"https://radio.com","logo":"https://radio.com/assets/images/radiocom_og.png","description":"The beat drops soon. Get ready for the next generation of Radio.com.","sameAs":[],"contactPoint":{"@type":"ContactPoint","email":"mobile-apps@radio.com","telephone":"+1-866-267-6253","contactType":"Customer Service"}}</script><link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png"><link rel="manifest" href="/assets/favicon/site.webmanifest"><link rel="shortcut icon" href="/assets/favicon/favicon.ico"><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=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_astro/app.Cd717X28.css"></head> <body class="font-montserrat-400 bg-linear-to-r from-[#3C00B7] to-[#1F055E] min-h-screen" data-astro-cid-mmggtga4> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WMCLWWH8" height="0" width="0" style="display:none;visibility:hidden" data-astro-cid-mmggtga4></iframe></noscript> <!-- End Google Tag Manager (noscript) -->  <div class="px-4 md:px-8 py-12 md:py-16 bg-linear-to-r from-[#3C00B7] to-[#1F055E]"> <div class="max-w-7xl mx-auto"> <div class="flex justify-between items-center"> <div class="flex items-center"> <a href="/" class=""><img loading="lazy" src="/assets/images/radio.com.gif" alt="Radio.com" class="h-8 md:h-10 object-contain"></a> </div> <!-- Desktop Menu --> <div class="hidden md:flex items-center gap-x-8 lg:gap-x-12 ml-8"> <a href="/artists" class="font-bold text-xl md:text-2xl lg:text-3xl text-white uppercase whitespace-nowrap">For Artists</a> <a href="/app" class="font-bold text-xl md:text-2xl lg:text-3xl text-white uppercase whitespace-nowrap">Get the App</a> </div> <!-- Mobile Hamburger Button --> <button id="nav-hamburger" class="ml-12 md:hidden relative flex flex-col gap-1.5 p-2 text-white focus:outline-none items-center justify-center w-8 h-8" aria-label="Toggle menu" aria-expanded="false"> <span id="nav-line-1" class="block w-6 h-0.5 bg-white transition-all duration-300 origin-center"></span> <span id="nav-line-2" class="block w-6 h-0.5 bg-white transition-all duration-300 origin-center"></span> <span id="nav-line-3" class="block w-6 h-0.5 bg-white transition-all duration-300 origin-center"></span> </button> </div> <!-- Mobile Menu --> <div id="nav-mobile-menu" class="hidden md:hidden mt-6 pb-4 flex flex-col gap-6 items-end"> <a href="/artists" class="font-bold text-xl text-white uppercase">For Artists</a> <a href="/app" class="font-bold text-xl text-white uppercase">Get the App</a> </div> </div> </div> <script type="module">const n=document.getElementById("nav-hamburger"),s=document.getElementById("nav-mobile-menu"),e=document.getElementById("nav-line-1"),l=document.getElementById("nav-line-2"),t=document.getElementById("nav-line-3");n&&s&&e&&l&&t&&(n.addEventListener("click",()=>{const o=!s.classList.toggle("hidden");n.setAttribute("aria-expanded",String(o)),o?(e.style.position="absolute",e.style.top="50%",e.style.left="50%",e.style.marginLeft="-12px",e.style.marginTop="-0.125rem",e.style.transform="rotate(45deg)",e.style.transformOrigin="center",l.style.opacity="0",t.style.position="absolute",t.style.top="50%",t.style.left="50%",t.style.marginLeft="-12px",t.style.marginTop="-0.125rem",t.style.transform="rotate(-45deg)",t.style.transformOrigin="center"):(e.style.position="",e.style.top="",e.style.left="",e.style.marginLeft="",e.style.marginTop="",e.style.transform="none",e.style.transformOrigin="center",l.style.opacity="1",t.style.position="",t.style.top="",t.style.left="",t.style.marginLeft="",t.style.marginTop="",t.style.transform="none",t.style.transformOrigin="center")}),s.querySelectorAll("a").forEach(i=>{i.addEventListener("click",()=>{s.classList.add("hidden"),n.setAttribute("aria-expanded","false"),e.style.position="",e.style.top="",e.style.left="",e.style.marginLeft="",e.style.marginTop="",e.style.transform="none",e.style.transformOrigin="center",l.style.opacity="1",t.style.position="",t.style.top="",t.style.left="",t.style.marginLeft="",t.style.marginTop="",t.style.transform="none",t.style.transformOrigin="center"})}));</script> <div class="bg-[url(/assets/images/bg_2.png)] bg-cover bg-center"> <div class="px-4 md:px-8 py-12 md:py-16 bg-[#1F055E]/70"> <div class="max-w-7xl mx-auto"> <div class="flex flex-col-reverse md:flex-row justify-between"> <div class="flex flex-col"> <h1 class="mt-16 text-4xl md:text-6xl text-center md:text-left font-montserrat-700 text-white">The Beat Drops Now</h1> <p class="mt-16 mb-24 md:mb-0 text-3xl md:text-4xl text-center md:text-left text-white font-montserrat-500">Discover new artists, explore new genres, add songs to your favorite streaming service, and share finds with friends.</p> </div> <div class="flex items-center shrink-0"> <img fetchpriority="high" loading="eager" src="/assets/images/radiodotcom_1.png" alt="Radio.com App" class="mx-auto md:ml-24 w-3xs"> </div> </div> </div> </div> </div> <div class="relative overflow-hidden"> <div id="dnm-track" class="flex transition-transform duration-300 ease-out will-change-transform" style="transform: translateX(0%);"> <div class="max-w-7xl mx-auto min-w-full">  <div class="px-4 md:px-8 py-12 h-full md:py-30 md:pb-40 bg-white"> <div class="max-w-7xl mx-auto h-full flex flex-col-reverse md:flex-row justify-between"> <div class="flex flex-col flex-grow mt-12 md:mt-0 justify-between"> <h2 class="text-4xl md:text-6xl text-center md:text-left font-montserrat-700 text-[#0E012D]">Find your new favorite artist</h2> <p class="mt-6 text-2xl md:text-3xl text-center md:text-left text-[#0E012D] font-montserrat-500">Discover music through short clips, make playlists you love, and explore new sounds - with more coming soon!</p> <div class="flex flex-col mx-auto md:mx-0 mt-8 mb-8 "> <p class="text-center md:text-left text-[#0E012D] font-montserrat-500 text-2xl md:text-3xl leading-tight">Try it now by using the invite code <span class="font-montserrat-700 text-[#3C00B7]">JOINRADIO</span></p> <div class="mt-8 flex justify-center md:justify-start items-center gap-x-8"> <div class="flex flex-col"> <a class="mb-4" href="https://radio.onelink.me/ASIP/94rypaao" target="_blank" rel="noopener"><img loading="lazy" class="w-[270px]" src="/assets/images/appstore.svg"></a> <a href="https://radio.onelink.me/3szE/flas86zp" target="_blank" rel="noopener"><img loading="lazy" class="w-[270px]" src="/assets/images/googleplay.png"></a> </div> <div class="flex hidden lg:block"> <a href="https://radio.onelink.me/MBjt/o5zefsbi" target="_blank" rel="noopener"> <img loading="lazy" src="/assets/images/qr_code.svg" alt="QR Code" class="size-48"></a> </div> </div> </div> </div> <div class="flex shrink-0 md:pl-16"> <img loading="lazy" src="/assets/images/radiodotcom_2.png" alt="Radio.com App" class="mx-auto self-start w-2xs object-contain"> </div> </div> </div>  </div> <!-- <div class="max-w-7xl mx-auto min-w-full">
            <slot name="slide2">
                <div class="px-4 md:px-8 py-12 h-full md:py-30 md:pb-40 bg-white">
                    <div class="max-w-7xl mx-auto h-full flex flex-col-reverse md:flex-row justify-between">
                        <div class="flex flex-col flex-grow mt-12 md:mt-0 justify-between">
                            <h2 class="text-4xl md:text-6xl text-center md:text-left font-montserrat-700 text-[#0E012D]">Find new and emerging voices</h2>
                            <p class="mt-6 md:mb-24 md:mb-0 text-3xl md:text-4xl text-center md:text-left text-[#0E012D] font-montserrat-500">Discover new podcasts by listening to short clips, make playlists you love, and explore new voices - more coming soon!</p>
                            <div class="mx-auto md:mx-0 mb-8 mt-8 md:mt-24 flex flex-col">
                                <a class="mb-4" href="/"><img loading="lazy" class="w-[270px]" src="/assets/images/appstore.svg"></a>
                                <a href="/"><img loading="lazy" class="w-[270px]" src="/assets/images/googleplay.png"></a>
                                <p class="text-[#3C00B7] text-4xl text-center md:text-left md:text-6xl font-bold">App Links<br>Coming Soon!</p>
                            </div>
                        </div>
                        <div class="flex shrink-0 md:pl-16">
                            <img loading="lazy" src="/assets/images/radiodotcom_3.png" alt="Radio.com App" class="mx-auto self-start h-auto object-contain" />
                        </div>
                    </div>
                </div>
            </slot>
        </div> --> </div> <!-- <div class="absolute inset-x-0 bottom-4 md:bottom-20 flex items-center justify-center gap-2">
        <button id="dnm-dot-0" aria-label="Slide 1" class="cursor-pointer size-8 md:size-12 rounded-full bg-[#D9D9D9] data-[active=true]:bg-[#AF8EFF]"></button>
        <button id="dnm-dot-1" aria-label="Slide 2" class="cursor-pointer size-8 md:size-12 rounded-full bg-[#D9D9D9] data-[active=true]:bg-[#AF8EFF]"></button>
    </div> --> </div> <!-- <script>
    const track = document.getElementById('dnm-track');
    const dots = [
        document.getElementById('dnm-dot-0'),
        document.getElementById('dnm-dot-1')
    ];

    let activeIndex = 0;
    let startX = 0;
    let currentX = 0;
    let isDragging = false;
    let hasMoved = false;

    function setActive(index) {
        activeIndex = Math.max(0, Math.min(1, index));
        const translatePercent = activeIndex * -100;
        track.style.transition = 'transform 300ms ease-out';
        track.style.transform = `translateX(${translatePercent}%)`;
        dots.forEach((dot, i) => dot?.setAttribute('data-active', String(i === activeIndex)));
    }

    function onTouchStart(e) {
        const touch = e.touches ? e.touches[0] : e;
        startX = touch.clientX;
        currentX = startX;
        isDragging = true;
        hasMoved = false;
        track.style.transition = 'none';
    }

    function onTouchMove(e) {
        if (!isDragging) return;
        const touch = e.touches ? e.touches[0] : e;
        currentX = touch.clientX;
        const deltaX = currentX - startX;
        if (Math.abs(deltaX) > 2) hasMoved = true;
        const base = activeIndex * -100;
        const width = track.clientWidth / 2; // two slides → half width per slide group
        const deltaPercent = (deltaX / width) * 100;
        track.style.transform = `translateX(${base + deltaPercent}%)`;
    }

    function onTouchEnd() {
        if (!isDragging) return;
        isDragging = false;
        const deltaX = currentX - startX;
        const threshold = (track.clientWidth / 6); // ~16% swipe to change slide
        if (deltaX < -threshold) {
            setActive(activeIndex + 1);
        } else if (deltaX > threshold) {
            setActive(activeIndex - 1);
        } else {
            setActive(activeIndex);
        }
    }

    // Touch events
    track.addEventListener('touchstart', onTouchStart, { passive: true });
    track.addEventListener('touchmove', onTouchMove, { passive: true });
    track.addEventListener('touchend', onTouchEnd);
    track.addEventListener('touchcancel', onTouchEnd);

    // Mouse drag support (desktop)
    track.addEventListener('mousedown', (e) => {
        e.preventDefault();
        onTouchStart(e);
        window.addEventListener('mousemove', onTouchMove);
        window.addEventListener('mouseup', onMouseUp);
    });

    function onMouseUp() {
        window.removeEventListener('mousemove', onTouchMove);
        window.removeEventListener('mouseup', onMouseUp);
        onTouchEnd();
    }

    // Dots navigation
    dots.forEach((dot, i) => dot?.addEventListener('click', () => setActive(i)));

    // Initialize
    setActive(0);
</script> --> <div class="bg-[url(/assets/images/bg_3.png)] bg-cover bg-center"> <div class="px-4 md:px-8 py-12 md:py-16 bg-[#0E012D]/70"> <div class="max-w-7xl mx-auto"> <div class="flex md:max-w-2/3"> <div class="flex flex-col"> <h1 class="text-4xl md:text-6xl text-center md:text-left font-montserrat-700 text-white">Your Music, Discovered via Radio.com</h1> <p class="mt-8 text-3xl md:text-4xl text-center md:text-left font-montserrat-500 text-[#AF8EFF]">Artists can get their music into the Radio.com catalogue and reach new fans. </p> <div class="mt-8 mb-16"><div class="inline-block text-center rounded-full uppercase bg-transparent border-3 border-white text-white text-2xl md:text-3xl font-montserrat-700 hover:bg-white hover:text-[#0E012D] transition-all duration-300 cursor-pointer"><a href="/artists" class="text-center px-8 py-4 inline-block">Get involved with Radio.com</a></div></div> </div> </div> </div> </div> </div>  <div class="bg-[url(/assets/images/bg_5.png)] bg-cover bg-center"> <div class="px-4 md:px-8 py-12 md:py-32 bg-[#0E012D]/60"> <div class="max-w-7xl mx-auto"> <div class="flex"> <div class="flex flex-col items-center"> <h1 class="md:max-w-3/4 text-4xl md:text-6xl text-center font-montserrat-700 text-white">Discover by Downloading Our App!</h1> <p class="max-w-7/8 mt-8 text-3xl md:text-4xl text-center font-montserrat-500 text-[#AF8EFF]">Get drops on new features & perks that are coming soon.</p> <!-- <div class="mt-8 mb-16 flex flex-col md:flex-row items-center gap-x-4 gap-y-8 w-full max-w-7/8">
                        <input type="email" placeholder="email@domain.com" class="w-full rounded-full flex-grow bg-white placeholder:text-gray-300 text-[#0E012D] px-8 py-4 text-center text-xl md:text-2xl font-montserrat-700 hover:bg-white hover:text-[#0E012D] transition-all duration-300 cursor-pointer" />
                        <button type="button" class="w-full md:w-auto rounded-full uppercase bg-transparent border-3 border-white text-white px-8 py-4 text-2xl md:text-3xl font-montserrat-500 hover:bg-white hover:text-[#0E012D] transition-all duration-300 cursor-pointer">SUBMIT</button></div>
                    </div> --> <div class="mt-8 flex flex-col items-center"> <script async data-uid="7e48c8f841" src="https://radio-com-2.kit.com/7e48c8f841/index.js"></script> </div> </div> </div> </div> </div> </div> <div class="px-4 md:px-8 py-12 md:py-16 bg-linear-to-r from-[#3C00B7] to-[#1F055E]"> <div class="max-w-7xl mx-auto"> <div class="flex justify-center md:justify-start items-center"> <div class="flex items-center"> <a href="/" class=""><img loading="lazy" src="/assets/images/radio.com.gif" alt="Radio.com" class="h-8 md:h-10"></a> </div> </div> <div class="mt-12 flex flex-col md:flex-row justify-between md:items-center"> <div class="flex flex-col gap-y-4 items-center md:items-start"> <!-- <a href="/about" class="text-white">About</a> --> <!-- <a href="/" class="text-white">Press</a> --> <a href="/privacy-policy" class="text-white">Privacy Policy</a> <a href="/terms-conditions" class="text-white">Terms & Conditions</a> <a href="javascript:Didomi.preferences.show()" class="text-white">Cookie Settings</a> </div> <div class="mt-4 md:mt-0 flex flex-col gap-y-4 items-center md:items-start"> <a href="mailto:mobile-apps@radio.com" class="text-white">mobile-apps@radio.com</a> <a href="tel:+18662676253" class="text-white">(866) 267-6253</a> </div> </div> </div> </div>  </body></html>