CINXE.COM

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"> <meta property="og:type" content="website" /> <meta name="twitter:card" content="summary" /> <meta property="og:site_name" content="Supercast" /> <meta name="twitter:domain" content="supercast.com" /> <meta name="twitter:site" content="@supercast" /> <meta property="og:url" content="https://gokidgopod.supercast.com/" /> <meta name="twitter:url" content="https://gokidgopod.supercast.com/" /> <meta property="og:image" content="https://supercast-storage-assets.b-cdn.net/network/159/artwork/small-b7927317b6cb6ad0f487c98c8dbcbf0c.png" /> <meta property="og:image:secure_url" content="https://supercast-storage-assets.b-cdn.net/network/159/artwork/small-b7927317b6cb6ad0f487c98c8dbcbf0c.png" /> <meta name="twitter:image" content="https://supercast-storage-assets.b-cdn.net/network/159/artwork/small-b7927317b6cb6ad0f487c98c8dbcbf0c.png" /> <meta property="og:image:width" content="1400" /> <meta property="og:image:height" content="1400" /> <meta property="og:title" content="GoKidGo" /> <meta name="twitter:title" content="GoKidGo" /> <meta property="og:image:alt" content="Artwork for Supercast series GoKidGo" /> <meta name="twitter:image:alt" content="Artwork for Supercast series GoKidGo" /> <meta name="description" content="Premium Ad-free listening to all GoKidGo shows Access to early releases and bonus content" /> <meta property="og:description" content="Premium Ad-free listening to all GoKidGo shows Access to early releases and bonus content" /> <meta name="twitter:description" content="Premium Ad-free listening to all GoKidGo shows Access to early releases and bonus content" /> <link href="https://assets.supercast.com/assets/favicon-4a03468d987f030f9ae69efd65285cc44980ac97747f2f483b84b77de5c21a0f.png" rel="shortcut icon" type="image/x-icon"/> <title>GoKidGo</title> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="7A6vtoWgGXLB/V/Ge5yaiLQvlJfRfksaV6sve0nw06n6XTn6qvByuiPsi535h5Iv8rY6v01y6endEw61faiYZQ==" /> <script src="https://assets.supercast.com/packs/js/engines/signup/signup-6364a0fd1041f0a1d90c.js"></script> <script src="https://assets.supercast.com/assets/core-ea8b004fd26ec061d66827c5b732cc517d037482ad4a6088784caf83dfbf3ace.js"></script> <style> :root { --accent-color: #6c5be7; --accent-color-text: white; } </style> <link rel="stylesheet" media="all" href="https://assets.supercast.com/assets/tailwind-211cebd8a15882d94a10bea00e034887edb82c4fe6db44193aff1a92127023f1.css" /> <link rel="stylesheet" media="screen" href="https://assets.supercast.com/assets/core-19b48713392b3e3876a48be48b724b1c8d71024c617f74590f8c91aa37de223f.css" /> <input type="hidden" id="__mixpanel_key" value="3e69e23c251d27d8116bf32f597ee0d4"> <script> document.addEventListener('DOMContentLoaded', function() { window.analytics.logEvent('Viewed Signup Landing Page Page', { category: "Signup", name: "Landing Page", path: window.location.pathname, referrer: document.referrer, title: document.title, url: window.location.href, subdomain: window.location.host.split(".")[0], signed_in: false, }); }); </script> </head> <body class="text-lg overflow-x-hidden" data-controller="preview-target" data-environment="production"> <div aria-live="assertive" class="pointer-events-none fixed inset-0 flex items-end px-4 py-6 sm:items-start sm:p-6 sm:pt-24 z-50"> <div class="flex w-full flex-col items-center space-y-4 sm:items-end"> </div> </div> <div class='flex flex-col h-screen justify-between'> <div class='mb-auto'> <header class="bg-gray-900 py-8 px-4 md:py-8 text-gray-200 relative overflow-y-hidden"> <img class="absolute top-0 left-0 right-0 bottom-0 w-full blur-xl opacity-10 z-0" src="https://supercast-storage-assets.b-cdn.net/network/159/artwork/small-b7927317b6cb6ad0f487c98c8dbcbf0c.png" /> <div class='container mx-auto z-10 relative'> <div class='flex justify-between items-center gap-4'> <a href="/"> <img class="h-12" src="https://supercast-storage-assets.b-cdn.net/landingpage/2381/logo/large-fa6d7d1afda5a40ab34b1e3a65de5815.png" /> </a> <ul class='gap-8 text-light hidden md:flex items-center text-sm'> <li><a class="text-slate-50" href="/#episodes">Featured Episodes</a></li> <li> <a class="text-slate-50" href="/gifts/new">Gift a Subscription</a> </li> <li><a class="btn whitespace-nowrap bg-gray-600 text-gray-100 hover:bg-gray-700 stroke-gray-100" data-controller="button-component" href="/session/new"><span class="flex gap-2 items-center"><span class="flex-grow">Login</span></span></a> <li><a class="btn whitespace-nowrap btn-accent" data-controller="button-component" href="#subscribe"><span class="flex gap-2 items-center"><span class="flex-grow">Subscribe Now</span></span></a> </ul> <div class='block md:hidden'> <a class="btn whitespace-nowrap bg-gray-600 text-gray-100 hover:bg-gray-700 stroke-gray-100" data-controller="button-component" href="/session/new"><span class="flex gap-2 items-center"><span class="flex-grow">Login</span></span></a> </div> </div> <div class='pt-8'> <div class='lg:flex flex-row-reverse gap-64 py-4 lg:py-10 items-center justify-center'> <div class='mb-8 md:mb-0 basis-96 shrink-0'> <img class="rounded-lg lg:w-[400px] w-full" style="aspect-ratio: 1 / 1" src="https://supercast-storage-assets.b-cdn.net/network/159/artwork/medium-4d33eceeaf06728919594655e9a45b39.png" /> </div> <div class='flex flex-col space-around'> <div class='relative'> <h1 class='text-3xl md:text-6xl font-bold' data-preview="landing_page[headline]">Become a premium member!</h1> <div class='py-4 text-lg'> <div class="text-gray-400" data-preview="landing_page[summary]"> Premium Ad-free listening to all GoKidGo shows Access to early releases and bonus content </div> </div> </div> <div class='flex gap-4 items-center mb-8'> <span class='text-gray-400'>Listen on:</span> <span> <img class="h-5 w-5" src="https://assets.supercast.com/assets/players/apple_podcasts-11e4e6bede55a55f592e590337ad41fdc4a7bd87f2b967f919d9ed86a27801d0.png" /> </span> <span> <img class="h-5 w-5" src="https://assets.supercast.com/assets/players/spotify-6d5674f27de81414837b867778f13e3d2213eedb4524f1e1af2a7742bdaf2dea.png" /> </span> <span> <img class="h-5 w-5" src="https://assets.supercast.com/assets/players/youtube_music-0aed0f7fd39d84c0b63ddf758881e2b78f47ec29e09c905b387ee94f353851d5.png" /> </span> <span> <img class="h-5 w-5" src="https://assets.supercast.com/assets/players/podcast_addict-97f706aef5b569b7ae3c168e7803decd69c39d4fd41e244cc50e357d8081fa02.png" /> </span> </div> </div> </div> <div class='flex flex-col gap-6 lg:pt-16' id='subscribe'> <div class='flex flex-wrap justify-center items-stretch'> <div class='flex py-2 grow-0 w-full md:py-0 md:px-2 md:w-1/2 md:basis-1/2 lg:w-1/3 lg:basis-1/3 lg:p-4'> <div data-controller="offer-component" data-expand-content=true class="bg-white text-gray-900 md:py-8 md:px-12md:bg-white md:text-gray-900 w-full py-4 px-6 rounded-2xl offer-component flex-none flex flex-col offer-component-white"> <div class='text-right pb-4'> </div> <div class='flex items-center'> <div class='flex-grow' data-offer-component-target="toggle"> <header class="font-bold text-2xl pb-2" data-action="click->offer-component#toggleDisplay"> Snoop and Sniffy Club: Junior Detective </header> <div class='py-2 flex items-center relative'> <button data-action="click->offer-component#togglePrice" class="p-1 text-gray-700 bg-gray-100 relative inline-flex flex-shrink-0 rounded-full cursor-pointer border-none focus:outline-none items-center" role="switch" aria-checked="false" > <span data-price-toggle="true" class="bg-white text-accent font-medium pointer-events-none inline-block text-xs py-1 px-3 rounded-full ring-0"> Monthly </span> <span data-price-toggle="false" class=" font-medium pointer-events-none inline-block text-xs py-1 px-3 rounded-full ring-0"> Yearly <span class='font-bold text-black'>(Save 8%)</span> </span> </button> </div> <div class='pb-6 pt-2' data-action="click->offer-component#toggleDisplay"> <span data-price="13464" > <div class='plan-pricing '> <h3> <span class='false'> <div class="inline-block"> <span class='text-3xl font-medium'><span data-controller="price-component"> <span data-price-component-target="amount" class="hidden"> $6 <span data-price-component-target="isoCode"> USD </span> </span> <span data-price-component-target="loading" class="inline-block"> <span class="inline-block h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-16"></span> </span> </span> </span> / month </div> </span> </h3> <div class='text-gray-500 py-2 text-sm'></div> </div> </span> <span data-price="13553" hidden> <div class='plan-pricing '> <h3> <span class='false'> <span class='text-3xl font-light text-gray-400 line-through mr-2'> <span data-controller="price-component"> <span data-price-component-target="amount" class="hidden"> $6 <span data-price-component-target="isoCode"> USD </span> </span> <span data-price-component-target="loading" class="inline-block"> <span class="inline-block h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-16"></span> </span> </span> </span> <div class="inline-block"> <span class='text-3xl font-medium'><span data-controller="price-component"> <span data-price-component-target="amount" class="hidden"> $5.50 <span data-price-component-target="isoCode"> USD </span> </span> <span data-price-component-target="loading" class="inline-block"> <span class="inline-block h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-16"></span> </span> </span> </span> / month </div> <div class='text-sm text-gray-600'>(billed annually)</div> </span> </h3> <div class='text-gray-500 py-2 text-sm'></div> </div> </span> </div> </div> <div class="block md:hidden" data-action="click->offer-component#toggleDisplay"> <svg verion="1.1" role="img" width="16" height="16" viewBox="0 0 16 16" aria-label="chevron_right" class="fill-gray-700 w-4 h-4" data-offer-component-target="arrow"><g transform="matrix(0.6666666666666666,0,0,0.6666666666666666,0,0)"><path class="st0" d="M19.5,12c0,0.7-0.3,1.3-0.8,1.7L7.5,23.6c-0.8,0.7-2,0.6-2.6-0.2c-0.6-0.8-0.6-1.9,0.2-2.6l9.8-8.6c0.1-0.1,0.1-0.2,0-0.4c0,0,0,0,0,0L5.1,3.2C4.3,2.5,4.3,1.3,5,0.6c0.7-0.7,1.8-0.8,2.6-0.2l11.2,9.8C19.2,10.7,19.5,11.3,19.5,12z"></path></g></svg> </div> </div> <div class='hidden border-t-2 md:h-full md:flex md:flex-col border-gray-100' data-offer-component-target="content"> <div class="pt-4"> <ul class="list-none grid grid-cols-6 md:grid-cols-4 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6 gap-1 p-0"> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Bobby Wonder</p> <p>245 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://bobbywonder.supercast.com"> <img alt="Bobby Wonder" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/2424/artwork/small-de74d701733c69d14d5eb6e646fd543f.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Floozeville</p> <p>29 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://floozeville.supercast.com"> <img alt="Floozeville" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/2425/artwork/small-261daf86fda545c58047cfc62c1909c6.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Lucy Wow</p> <p>178 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://lucywow.supercast.com"> <img alt="Lucy Wow" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/2426/artwork/small-267b6f06b67fdcbecb2434f73f7a3e06.jpg" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Whale of a Tale</p> <p>21 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://whaleofatale.supercast.com"> <img alt="Whale of a Tale" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/2427/artwork/small-f169a3ba78073d7864bbb4ef4cea4251.jpg" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>R.L. Stine's Story Club</p> <p>18 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://storyclub.supercast.com"> <img alt="R.L. Stine's Story Club" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/2428/artwork/small-f3759168b4ee3ee16fcd5715f53cb15c.jpg" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Story Train</p> <p>130 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://storytrain.supercast.com"> <img alt="Story Train" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/2429/artwork/small-6b45c02698660cf0462dd3cfd269ab9c.jpg" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Grabstack's Radio Show</p> <p>176 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://grabstack.supercast.com"> <img alt="Grabstack's Radio Show" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/2458/artwork/small-7672c747f6c073a65fb51762163615ca.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Floozemania</p> <p>113 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://floozemania.supercast.com"> <img alt="Floozemania" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/2459/artwork/small-004043717ad8d6dbd4d39e58135d5dda.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Kapow's Power of Invention</p> <p>195 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://kapow.supercast.com"> <img alt="Kapow's Power of Invention" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/2460/artwork/small-7b3366d67ab6b7cace1def55ba0f454b.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Tales With a Whale</p> <p>129 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://tales.supercast.com"> <img alt="Tales With a Whale" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/2462/artwork/small-6916a8049e02ba9248a0b12113f82154.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Snoop and Sniffy</p> <p>115 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://snoopandsniffy.supercast.com"> <img alt="Snoop and Sniffy" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/3067/artwork/small-05484c028ff3155344a61ae825fbff99.jpg" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Howdy Sheriff</p> <p>11 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://howdysheriff.supercast.com"> <img alt="Howdy Sheriff" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/3224/artwork/small-596cdeba79bdc86bde6eb04b95031e2d.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Posy Flynn Sings</p> <p>32 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://posyflynn.supercast.com"> <img alt="Posy Flynn Sings" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/3225/artwork/small-2f5664e622b264ab6dcde6f97486472b.jpg" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Sam Archer</p> <p>11 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://samarcher.supercast.com"> <img alt="Sam Archer" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/3226/artwork/small-cae3bb0a13ae1edf8f1bbe6d9bb250aa.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>The Holidays</p> <p>50 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://theholidays.supercast.com"> <img alt="The Holidays" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/3227/artwork/small-414950726ab540661da288169de9af8c.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>The Upside Down Story</p> <p>53 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://upsidedownstory.supercast.com"> <img alt="The Upside Down Story" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/3320/artwork/small-dcd97428fce885dd79ad7780dfb63262.jpg" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Rainbow Surfers</p> <p>10 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://rainbowsurfers.supercast.com"> <img alt="Rainbow Surfers" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/5701/artwork/small-d916a6324fa637b6a3fc2fcccc0337b8.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Drac!</p> <p>34 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://drac.supercast.com"> <img alt="Drac!" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/5703/artwork/small-6be9d35b3355ff95157c8b76fd697eaa.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Time Traveling Tonya</p> <p>34 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://tonya.supercast.com"> <img alt="Time Traveling Tonya" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/5704/artwork/small-943d2dc78e8aabf643e4e19f14786895.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Musical Time Machine</p> <p>20 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://musicaltimemachine.supercast.com"> <img alt="Musical Time Machine" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/5702/artwork/small-ae057e0175a381bfe59ce065bca6603a.jpg" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Peace, Love, and Cupcakes</p> <p>14 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://peaceloveandcupcakes.supercast.com"> <img alt="Peace, Love, and Cupcakes" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/6122/artwork/small-3805d4051db264e5fa764e35ff7d00b0.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>The Search for the Silver Lining</p> <p>10 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://silverlining.supercast.com"> <img alt="The Search for the Silver Lining" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/5895/artwork/small-eb21a608d4ce90bd1779fbbfc87ea331.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Defenders of Monstrovia</p> <p>14 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://monstrovia.supercast.com"> <img alt="Defenders of Monstrovia" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/5698/artwork/small-2dd84a2aa63f22d9ee42f97a4c255400.jpg" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Digger Rex</p> <p>52 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://diggerrex.supercast.com"> <img alt="Digger Rex" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/5700/artwork/small-8e7d19c8992c6fa6e8260d9702bd23b8.jpg" width="60" height="60" /> </a></div> </li> </ul> </div> <div class='p-4 pb-6 description prose text-md font-light flex-grow text-gray-900 md:text-gray-900'> <div class="trix-content"> <div> <strong>Start Your Detective Journey!</strong><br>Unlock the door to mystery and imagination as a Snoop and Sniffy Junior Detective. For just $6 a month, you get:<br><br><br><br><br><br><br> </div><ul> <li> <strong>Weekly Adventures</strong>: Receive all sorts of bonus fun from your favorite canine detectives, from riddles and fast facts to mystery quests and animations!</li> <li> <strong>Ad-Free Listening</strong>: Enjoy every episode from the entire GoKidGo network without any interruptions!</li> </ul> </div> </div> <div class='flex flex-col gap-4 justify-center text-center'> <span data-price="13464" > <a class="btn whitespace-nowrap btn-accent" data-controller="button-component" href="/checkouts/new?subscription[plan_id]=7362&subscription[price_id]=13464&coupon=&"><span class="flex gap-2 items-center"><span class="flex-grow">Subscribe Now</span> <svg verion="1.1" role="img" width="48" height="48" viewBox="0 0 48 48" aria-label="Right arrow" class="h-5 w-5 text-right mt-2"><path d="M23.987,12a2.411,2.411,0,0,0-.814-1.8L11.994.361a1.44,1.44,0,0,0-1.9,2.162l8.637,7.6a.25.25,0,0,1-.165.437H1.452a1.44,1.44,0,0,0,0,2.88H18.563a.251.251,0,0,1,.165.438l-8.637,7.6a1.44,1.44,0,1,0,1.9,2.161L23.172,13.8A2.409,2.409,0,0,0,23.987,12Z" fill="currentColor"></path></svg></span></a> </span> <span data-price="13553" hidden> <a class="btn whitespace-nowrap btn-accent" data-controller="button-component" href="/checkouts/new?subscription[plan_id]=7362&subscription[price_id]=13553&coupon=&"><span class="flex gap-2 items-center"><span class="flex-grow">Subscribe Now</span> <svg verion="1.1" role="img" width="48" height="48" viewBox="0 0 48 48" aria-label="Right arrow" class="h-5 w-5 text-right mt-2"><path d="M23.987,12a2.411,2.411,0,0,0-.814-1.8L11.994.361a1.44,1.44,0,0,0-1.9,2.162l8.637,7.6a.25.25,0,0,1-.165.437H1.452a1.44,1.44,0,0,0,0,2.88H18.563a.251.251,0,0,1,.165.438l-8.637,7.6a1.44,1.44,0,1,0,1.9,2.161L23.172,13.8A2.409,2.409,0,0,0,23.987,12Z" fill="currentColor"></path></svg></span></a> </span> </div> </div> </div> </div> <div class='flex py-2 grow-0 w-full md:py-0 md:px-2 md:w-1/2 md:basis-1/2 lg:w-1/3 lg:basis-1/3 lg:p-4'> <div data-controller="offer-component" data-expand-content=false class="bg-white text-gray-900 md:py-8 md:px-12md:bg-white md:text-gray-900 w-full py-4 px-6 rounded-2xl offer-component flex-none flex flex-col offer-component-white"> <div class='text-right pb-4'> </div> <div class='flex items-center'> <div class='flex-grow' data-offer-component-target="toggle"> <header class="font-bold text-2xl pb-2" data-action="click->offer-component#toggleDisplay"> Snoop and Sniffy Club: Ace Detective </header> <div class='py-2 flex items-center relative'> <button data-action="click->offer-component#togglePrice" class="p-1 text-gray-700 bg-gray-100 relative inline-flex flex-shrink-0 rounded-full cursor-pointer border-none focus:outline-none items-center" role="switch" aria-checked="false" > <span data-price-toggle="true" class="bg-white text-accent font-medium pointer-events-none inline-block text-xs py-1 px-3 rounded-full ring-0"> Monthly </span> <span data-price-toggle="false" class=" font-medium pointer-events-none inline-block text-xs py-1 px-3 rounded-full ring-0"> Yearly <span class='font-bold text-black'>(Save 8%)</span> </span> </button> </div> <div class='pb-6 pt-2' data-action="click->offer-component#toggleDisplay"> <span data-price="13466" > <div class='plan-pricing '> <h3> <span class='false'> <div class="inline-block"> <span class='text-3xl font-medium'><span data-controller="price-component"> <span data-price-component-target="amount" class="hidden"> $9 <span data-price-component-target="isoCode"> USD </span> </span> <span data-price-component-target="loading" class="inline-block"> <span class="inline-block h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-16"></span> </span> </span> </span> / month </div> </span> </h3> <div class='text-gray-500 py-2 text-sm'></div> </div> </span> <span data-price="13554" hidden> <div class='plan-pricing '> <h3> <span class='false'> <span class='text-3xl font-light text-gray-400 line-through mr-2'> <span data-controller="price-component"> <span data-price-component-target="amount" class="hidden"> $9 <span data-price-component-target="isoCode"> USD </span> </span> <span data-price-component-target="loading" class="inline-block"> <span class="inline-block h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-16"></span> </span> </span> </span> <div class="inline-block"> <span class='text-3xl font-medium'><span data-controller="price-component"> <span data-price-component-target="amount" class="hidden"> $8.25 <span data-price-component-target="isoCode"> USD </span> </span> <span data-price-component-target="loading" class="inline-block"> <span class="inline-block h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-16"></span> </span> </span> </span> / month </div> <div class='text-sm text-gray-600'>(billed annually)</div> </span> </h3> <div class='text-gray-500 py-2 text-sm'></div> </div> </span> </div> </div> <div class="block md:hidden" data-action="click->offer-component#toggleDisplay"> <svg verion="1.1" role="img" width="16" height="16" viewBox="0 0 16 16" aria-label="chevron_right" class="fill-gray-700 w-4 h-4" data-offer-component-target="arrow"><g transform="matrix(0.6666666666666666,0,0,0.6666666666666666,0,0)"><path class="st0" d="M19.5,12c0,0.7-0.3,1.3-0.8,1.7L7.5,23.6c-0.8,0.7-2,0.6-2.6-0.2c-0.6-0.8-0.6-1.9,0.2-2.6l9.8-8.6c0.1-0.1,0.1-0.2,0-0.4c0,0,0,0,0,0L5.1,3.2C4.3,2.5,4.3,1.3,5,0.6c0.7-0.7,1.8-0.8,2.6-0.2l11.2,9.8C19.2,10.7,19.5,11.3,19.5,12z"></path></g></svg> </div> </div> <div class='hidden border-t-2 md:h-full md:flex md:flex-col border-gray-100' data-offer-component-target="content"> <div class="pt-4"> <ul class="list-none grid grid-cols-6 md:grid-cols-4 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6 gap-1 p-0"> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Bobby Wonder</p> <p>245 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://bobbywonder.supercast.com"> <img alt="Bobby Wonder" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/2424/artwork/small-de74d701733c69d14d5eb6e646fd543f.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Floozeville</p> <p>29 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://floozeville.supercast.com"> <img alt="Floozeville" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/2425/artwork/small-261daf86fda545c58047cfc62c1909c6.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Lucy Wow</p> <p>178 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://lucywow.supercast.com"> <img alt="Lucy Wow" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/2426/artwork/small-267b6f06b67fdcbecb2434f73f7a3e06.jpg" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Whale of a Tale</p> <p>21 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://whaleofatale.supercast.com"> <img alt="Whale of a Tale" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/2427/artwork/small-f169a3ba78073d7864bbb4ef4cea4251.jpg" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>R.L. Stine's Story Club</p> <p>18 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://storyclub.supercast.com"> <img alt="R.L. Stine's Story Club" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/2428/artwork/small-f3759168b4ee3ee16fcd5715f53cb15c.jpg" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Story Train</p> <p>130 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://storytrain.supercast.com"> <img alt="Story Train" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/2429/artwork/small-6b45c02698660cf0462dd3cfd269ab9c.jpg" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Grabstack's Radio Show</p> <p>176 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://grabstack.supercast.com"> <img alt="Grabstack's Radio Show" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/2458/artwork/small-7672c747f6c073a65fb51762163615ca.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Floozemania</p> <p>113 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://floozemania.supercast.com"> <img alt="Floozemania" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/2459/artwork/small-004043717ad8d6dbd4d39e58135d5dda.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Kapow's Power of Invention</p> <p>195 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://kapow.supercast.com"> <img alt="Kapow's Power of Invention" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/2460/artwork/small-7b3366d67ab6b7cace1def55ba0f454b.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Tales With a Whale</p> <p>129 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://tales.supercast.com"> <img alt="Tales With a Whale" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/2462/artwork/small-6916a8049e02ba9248a0b12113f82154.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Snoop and Sniffy</p> <p>115 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://snoopandsniffy.supercast.com"> <img alt="Snoop and Sniffy" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/3067/artwork/small-05484c028ff3155344a61ae825fbff99.jpg" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Howdy Sheriff</p> <p>11 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://howdysheriff.supercast.com"> <img alt="Howdy Sheriff" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/3224/artwork/small-596cdeba79bdc86bde6eb04b95031e2d.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Posy Flynn Sings</p> <p>32 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://posyflynn.supercast.com"> <img alt="Posy Flynn Sings" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/3225/artwork/small-2f5664e622b264ab6dcde6f97486472b.jpg" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Sam Archer</p> <p>11 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://samarcher.supercast.com"> <img alt="Sam Archer" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/3226/artwork/small-cae3bb0a13ae1edf8f1bbe6d9bb250aa.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>The Holidays</p> <p>50 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://theholidays.supercast.com"> <img alt="The Holidays" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/3227/artwork/small-414950726ab540661da288169de9af8c.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>The Upside Down Story</p> <p>53 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://upsidedownstory.supercast.com"> <img alt="The Upside Down Story" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/3320/artwork/small-dcd97428fce885dd79ad7780dfb63262.jpg" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Rainbow Surfers</p> <p>10 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://rainbowsurfers.supercast.com"> <img alt="Rainbow Surfers" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/5701/artwork/small-d916a6324fa637b6a3fc2fcccc0337b8.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Time Traveling Tonya</p> <p>34 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://tonya.supercast.com"> <img alt="Time Traveling Tonya" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/5704/artwork/small-943d2dc78e8aabf643e4e19f14786895.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Defenders of Monstrovia</p> <p>14 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://monstrovia.supercast.com"> <img alt="Defenders of Monstrovia" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/5698/artwork/small-2dd84a2aa63f22d9ee42f97a4c255400.jpg" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Drac!</p> <p>34 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://drac.supercast.com"> <img alt="Drac!" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/5703/artwork/small-6be9d35b3355ff95157c8b76fd697eaa.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Peace, Love, and Cupcakes</p> <p>14 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://peaceloveandcupcakes.supercast.com"> <img alt="Peace, Love, and Cupcakes" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/6122/artwork/small-3805d4051db264e5fa764e35ff7d00b0.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>The Search for the Silver Lining</p> <p>10 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://silverlining.supercast.com"> <img alt="The Search for the Silver Lining" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/5895/artwork/small-eb21a608d4ce90bd1779fbbfc87ea331.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Musical Time Machine</p> <p>20 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://musicaltimemachine.supercast.com"> <img alt="Musical Time Machine" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/5702/artwork/small-ae057e0175a381bfe59ce065bca6603a.jpg" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Digger Rex</p> <p>52 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://diggerrex.supercast.com"> <img alt="Digger Rex" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/5700/artwork/small-8e7d19c8992c6fa6e8260d9702bd23b8.jpg" width="60" height="60" /> </a></div> </li> </ul> </div> <div class='p-4 pb-6 description prose text-md font-light flex-grow text-gray-900 md:text-gray-900'> <div class="trix-content"> <div> <strong>Enhance Your Detective Skills!</strong><br> Elevate your experience with more interactive content! For $9 a month, your advanced detective kit includes all of the following:<br><br><br> </div><ul> <li> <strong>Weekly Adventures</strong>: Receive all sorts of bonus fun from your favorite canine detectives, from riddles and fast facts to mystery quests and animations!</li> <li> <strong>Ad-Free Listening</strong>: Enjoy every episode from the entire GoKidGo network without any interruptions!</li> <li> <strong>Monthly Downloadable Activities</strong>: Receive new Snoop and Sniffy activities each month that you can download, print, and solve at home, adding an extra layer of fun and learning to your family's podcast experience!</li> </ul> </div> </div> <div class='flex flex-col gap-4 justify-center text-center'> <span data-price="13466" > <a class="btn whitespace-nowrap btn-accent" data-controller="button-component" href="/checkouts/new?subscription[plan_id]=7363&subscription[price_id]=13466&coupon=&"><span class="flex gap-2 items-center"><span class="flex-grow">Subscribe Now</span> <svg verion="1.1" role="img" width="48" height="48" viewBox="0 0 48 48" aria-label="Right arrow" class="h-5 w-5 text-right mt-2"><path d="M23.987,12a2.411,2.411,0,0,0-.814-1.8L11.994.361a1.44,1.44,0,0,0-1.9,2.162l8.637,7.6a.25.25,0,0,1-.165.437H1.452a1.44,1.44,0,0,0,0,2.88H18.563a.251.251,0,0,1,.165.438l-8.637,7.6a1.44,1.44,0,1,0,1.9,2.161L23.172,13.8A2.409,2.409,0,0,0,23.987,12Z" fill="currentColor"></path></svg></span></a> </span> <span data-price="13554" hidden> <a class="btn whitespace-nowrap btn-accent" data-controller="button-component" href="/checkouts/new?subscription[plan_id]=7363&subscription[price_id]=13554&coupon=&"><span class="flex gap-2 items-center"><span class="flex-grow">Subscribe Now</span> <svg verion="1.1" role="img" width="48" height="48" viewBox="0 0 48 48" aria-label="Right arrow" class="h-5 w-5 text-right mt-2"><path d="M23.987,12a2.411,2.411,0,0,0-.814-1.8L11.994.361a1.44,1.44,0,0,0-1.9,2.162l8.637,7.6a.25.25,0,0,1-.165.437H1.452a1.44,1.44,0,0,0,0,2.88H18.563a.251.251,0,0,1,.165.438l-8.637,7.6a1.44,1.44,0,1,0,1.9,2.161L23.172,13.8A2.409,2.409,0,0,0,23.987,12Z" fill="currentColor"></path></svg></span></a> </span> </div> </div> </div> </div> <div class='flex py-2 grow-0 w-full md:py-0 md:px-2 md:w-1/2 md:basis-1/2 lg:w-1/3 lg:basis-1/3 lg:p-4'> <div data-controller="offer-component" data-expand-content=false class="bg-white text-gray-900 md:py-8 md:px-12md:bg-white md:text-gray-900 w-full py-4 px-6 rounded-2xl offer-component flex-none flex flex-col offer-component-white"> <div class='text-right pb-4'> </div> <div class='flex items-center'> <div class='flex-grow' data-offer-component-target="toggle"> <header class="font-bold text-2xl pb-2" data-action="click->offer-component#toggleDisplay"> Snoop and Sniffy Club: Super Sleuth </header> <div class='py-2 flex items-center relative'> <button data-action="click->offer-component#togglePrice" class="p-1 text-gray-700 bg-gray-100 relative inline-flex flex-shrink-0 rounded-full cursor-pointer border-none focus:outline-none items-center" role="switch" aria-checked="false" > <span data-price-toggle="true" class="bg-white text-accent font-medium pointer-events-none inline-block text-xs py-1 px-3 rounded-full ring-0"> Monthly </span> <span data-price-toggle="false" class=" font-medium pointer-events-none inline-block text-xs py-1 px-3 rounded-full ring-0"> Yearly <span class='font-bold text-black'>(Save 8%)</span> </span> </button> </div> <div class='pb-6 pt-2' data-action="click->offer-component#toggleDisplay"> <span data-price="13468" > <div class='plan-pricing '> <h3> <span class='false'> <div class="inline-block"> <span class='text-3xl font-medium'><span data-controller="price-component"> <span data-price-component-target="amount" class="hidden"> $12 <span data-price-component-target="isoCode"> USD </span> </span> <span data-price-component-target="loading" class="inline-block"> <span class="inline-block h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-16"></span> </span> </span> </span> / month </div> </span> </h3> <div class='text-gray-500 py-2 text-sm'></div> </div> </span> <span data-price="13555" hidden> <div class='plan-pricing '> <h3> <span class='false'> <span class='text-3xl font-light text-gray-400 line-through mr-2'> <span data-controller="price-component"> <span data-price-component-target="amount" class="hidden"> $12 <span data-price-component-target="isoCode"> USD </span> </span> <span data-price-component-target="loading" class="inline-block"> <span class="inline-block h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-16"></span> </span> </span> </span> <div class="inline-block"> <span class='text-3xl font-medium'><span data-controller="price-component"> <span data-price-component-target="amount" class="hidden"> $11 <span data-price-component-target="isoCode"> USD </span> </span> <span data-price-component-target="loading" class="inline-block"> <span class="inline-block h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-16"></span> </span> </span> </span> / month </div> <div class='text-sm text-gray-600'>(billed annually)</div> </span> </h3> <div class='text-gray-500 py-2 text-sm'></div> </div> </span> </div> </div> <div class="block md:hidden" data-action="click->offer-component#toggleDisplay"> <svg verion="1.1" role="img" width="16" height="16" viewBox="0 0 16 16" aria-label="chevron_right" class="fill-gray-700 w-4 h-4" data-offer-component-target="arrow"><g transform="matrix(0.6666666666666666,0,0,0.6666666666666666,0,0)"><path class="st0" d="M19.5,12c0,0.7-0.3,1.3-0.8,1.7L7.5,23.6c-0.8,0.7-2,0.6-2.6-0.2c-0.6-0.8-0.6-1.9,0.2-2.6l9.8-8.6c0.1-0.1,0.1-0.2,0-0.4c0,0,0,0,0,0L5.1,3.2C4.3,2.5,4.3,1.3,5,0.6c0.7-0.7,1.8-0.8,2.6-0.2l11.2,9.8C19.2,10.7,19.5,11.3,19.5,12z"></path></g></svg> </div> </div> <div class='hidden border-t-2 md:h-full md:flex md:flex-col border-gray-100' data-offer-component-target="content"> <div class="pt-4"> <ul class="list-none grid grid-cols-6 md:grid-cols-4 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6 gap-1 p-0"> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Bobby Wonder</p> <p>245 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://bobbywonder.supercast.com"> <img alt="Bobby Wonder" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/2424/artwork/small-de74d701733c69d14d5eb6e646fd543f.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Floozeville</p> <p>29 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://floozeville.supercast.com"> <img alt="Floozeville" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/2425/artwork/small-261daf86fda545c58047cfc62c1909c6.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Lucy Wow</p> <p>178 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://lucywow.supercast.com"> <img alt="Lucy Wow" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/2426/artwork/small-267b6f06b67fdcbecb2434f73f7a3e06.jpg" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Whale of a Tale</p> <p>21 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://whaleofatale.supercast.com"> <img alt="Whale of a Tale" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/2427/artwork/small-f169a3ba78073d7864bbb4ef4cea4251.jpg" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>R.L. Stine's Story Club</p> <p>18 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://storyclub.supercast.com"> <img alt="R.L. Stine's Story Club" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/2428/artwork/small-f3759168b4ee3ee16fcd5715f53cb15c.jpg" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Story Train</p> <p>130 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://storytrain.supercast.com"> <img alt="Story Train" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/2429/artwork/small-6b45c02698660cf0462dd3cfd269ab9c.jpg" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Grabstack's Radio Show</p> <p>176 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://grabstack.supercast.com"> <img alt="Grabstack's Radio Show" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/2458/artwork/small-7672c747f6c073a65fb51762163615ca.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Floozemania</p> <p>113 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://floozemania.supercast.com"> <img alt="Floozemania" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/2459/artwork/small-004043717ad8d6dbd4d39e58135d5dda.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Kapow's Power of Invention</p> <p>195 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://kapow.supercast.com"> <img alt="Kapow's Power of Invention" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/2460/artwork/small-7b3366d67ab6b7cace1def55ba0f454b.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Tales With a Whale</p> <p>129 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://tales.supercast.com"> <img alt="Tales With a Whale" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/2462/artwork/small-6916a8049e02ba9248a0b12113f82154.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Snoop and Sniffy</p> <p>115 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://snoopandsniffy.supercast.com"> <img alt="Snoop and Sniffy" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/3067/artwork/small-05484c028ff3155344a61ae825fbff99.jpg" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Howdy Sheriff</p> <p>11 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://howdysheriff.supercast.com"> <img alt="Howdy Sheriff" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/3224/artwork/small-596cdeba79bdc86bde6eb04b95031e2d.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Posy Flynn Sings</p> <p>32 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://posyflynn.supercast.com"> <img alt="Posy Flynn Sings" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/3225/artwork/small-2f5664e622b264ab6dcde6f97486472b.jpg" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Sam Archer</p> <p>11 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://samarcher.supercast.com"> <img alt="Sam Archer" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/3226/artwork/small-cae3bb0a13ae1edf8f1bbe6d9bb250aa.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>The Holidays</p> <p>50 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://theholidays.supercast.com"> <img alt="The Holidays" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/3227/artwork/small-414950726ab540661da288169de9af8c.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>The Upside Down Story</p> <p>53 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://upsidedownstory.supercast.com"> <img alt="The Upside Down Story" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/3320/artwork/small-dcd97428fce885dd79ad7780dfb63262.jpg" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>The Search for the Silver Lining</p> <p>10 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://silverlining.supercast.com"> <img alt="The Search for the Silver Lining" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/5895/artwork/small-eb21a608d4ce90bd1779fbbfc87ea331.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Musical Time Machine</p> <p>20 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://musicaltimemachine.supercast.com"> <img alt="Musical Time Machine" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/5702/artwork/small-ae057e0175a381bfe59ce065bca6603a.jpg" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Time Traveling Tonya</p> <p>34 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://tonya.supercast.com"> <img alt="Time Traveling Tonya" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/5704/artwork/small-943d2dc78e8aabf643e4e19f14786895.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Defenders of Monstrovia</p> <p>14 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://monstrovia.supercast.com"> <img alt="Defenders of Monstrovia" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/5698/artwork/small-2dd84a2aa63f22d9ee42f97a4c255400.jpg" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Drac!</p> <p>34 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://drac.supercast.com"> <img alt="Drac!" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/5703/artwork/small-6be9d35b3355ff95157c8b76fd697eaa.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Peace, Love, and Cupcakes</p> <p>14 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://peaceloveandcupcakes.supercast.com"> <img alt="Peace, Love, and Cupcakes" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/6122/artwork/small-3805d4051db264e5fa764e35ff7d00b0.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Rainbow Surfers</p> <p>10 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://rainbowsurfers.supercast.com"> <img alt="Rainbow Surfers" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/5701/artwork/small-d916a6324fa637b6a3fc2fcccc0337b8.png" width="60" height="60" /> </a></div> </li> <li class=""> <div class="group relative"> <div class="absolute -translate-x-1/2 left-1/2 -top-[60px] invisible group-hover:visible group-hover:z-50"> <div class="bg-slate-900 whitespace-nowrap text-center text-white font-sm py-1 px-3 rounded-lg"> <p>Digger Rex</p> <p>52 episodes</p> </div> <svg class=" text-slate-900 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"/></svg> </div> <a class="no-underline flex-1" href="https://diggerrex.supercast.com"> <img alt="Digger Rex" class="rounded-lg" src="https://supercast-storage-assets.b-cdn.net/channel/5700/artwork/small-8e7d19c8992c6fa6e8260d9702bd23b8.jpg" width="60" height="60" /> </a></div> </li> </ul> </div> <div class='p-4 pb-6 description prose text-md font-light flex-grow text-gray-900 md:text-gray-900'> <div class="trix-content"> <div> <strong>Become a Super Sleuth!</strong><br>Join the ultimate fan experience as a Snoop and Sniffy Super Sleuth! For $12 a month, your cutting edge Wheeler-designed detective kit includes all of the following:<br><br><br> </div><ul> <li> <strong>Weekly Adventures</strong>: Receive all sorts of bonus fun from your favorite canine detectives, from riddles and fast facts to mystery quests and animations!</li> <li> <strong>Ad-Free Listening</strong>: Enjoy every episode from the entire GoKidGo network without any interruptions!</li> <li> <strong>Monthly Downloadable Activities</strong>: Receive new Snoop and Sniffy activities each month that you can download, print, and solve at home, adding an extra layer of fun and learning to your family's podcast experience!</li> <li> <strong>Animated Birthday Shout-Out</strong>: Celebrate your child's birthday with a special animated shout-out from Snoop and Sniffy, delivered directly to your email, making their special day even more memorable.</li> </ul> </div> </div> <div class='flex flex-col gap-4 justify-center text-center'> <span data-price="13468" > <a class="btn whitespace-nowrap btn-accent" data-controller="button-component" href="/checkouts/new?subscription[plan_id]=7364&subscription[price_id]=13468&coupon=&"><span class="flex gap-2 items-center"><span class="flex-grow">Subscribe Now</span> <svg verion="1.1" role="img" width="48" height="48" viewBox="0 0 48 48" aria-label="Right arrow" class="h-5 w-5 text-right mt-2"><path d="M23.987,12a2.411,2.411,0,0,0-.814-1.8L11.994.361a1.44,1.44,0,0,0-1.9,2.162l8.637,7.6a.25.25,0,0,1-.165.437H1.452a1.44,1.44,0,0,0,0,2.88H18.563a.251.251,0,0,1,.165.438l-8.637,7.6a1.44,1.44,0,1,0,1.9,2.161L23.172,13.8A2.409,2.409,0,0,0,23.987,12Z" fill="currentColor"></path></svg></span></a> </span> <span data-price="13555" hidden> <a class="btn whitespace-nowrap btn-accent" data-controller="button-component" href="/checkouts/new?subscription[plan_id]=7364&subscription[price_id]=13555&coupon=&"><span class="flex gap-2 items-center"><span class="flex-grow">Subscribe Now</span> <svg verion="1.1" role="img" width="48" height="48" viewBox="0 0 48 48" aria-label="Right arrow" class="h-5 w-5 text-right mt-2"><path d="M23.987,12a2.411,2.411,0,0,0-.814-1.8L11.994.361a1.44,1.44,0,0,0-1.9,2.162l8.637,7.6a.25.25,0,0,1-.165.437H1.452a1.44,1.44,0,0,0,0,2.88H18.563a.251.251,0,0,1,.165.438l-8.637,7.6a1.44,1.44,0,1,0,1.9,2.161L23.172,13.8A2.409,2.409,0,0,0,23.987,12Z" fill="currentColor"></path></svg></span></a> </span> </div> </div> </div> </div> </div> <div class='text-sm text-gray-500 text-center py-8'> <div class='flex justify-center items-center'> <span>Payment methods: </span> <img class="inline ml-4" style="height: 2rem;" src="https://assets.supercast.com/assets/apple_pay-88f5c99c13b02c7e42ef28f7991b9ee125959186d87990ea06e9c5ad4623ea35.svg" /> <img class="inline" style="height: 3rem;" src="https://assets.supercast.com/assets/google_pay-bcbda4badc84de9da194240334f992989c54d4377b1ea8f7b727f5fe96e81afd.svg" /> <span class='flex items-center'><svg verion="1.1" role="img" width="48" height="48" viewBox="0 0 48 48" aria-label="credit_card" class="stroke-gray-400" style="height: 2rem;"><g transform="matrix(2,0,0,2,0,0)"><g> <rect x="0.5" y="8.5" width="19" height="14" rx="2" style="fill: none;stroke-linecap: round;stroke-linejoin: round"></rect> <rect x="2.5" y="10.5" width="3" height="3" rx="0.5" style="fill: none;stroke-linecap: round;stroke-linejoin: round"></rect> <line x1="2.5" y1="16.5" x2="7.5" y2="16.5" style="fill: none;stroke-linecap: round;stroke-linejoin: round"></line> <line x1="2.5" y1="18.5" x2="6.5" y2="18.5" style="fill: none;stroke-linecap: round;stroke-linejoin: round"></line> <path d="M15.5,16a2,2,0,0,0-1.5.68A2,2,0,0,0,12.5,16a2,2,0,0,0,0,4,2,2,0,0,0,1.5-.68A2,2,0,1,0,15.5,16Z" style="fill: none;stroke-linecap: round;stroke-linejoin: round"></path> <path d="M14,16.68a1.89,1.89,0,0,1,.46.9" style="fill: none;stroke-linecap: round;stroke-linejoin: round"></path> <path d="M21.5,14.5a2,2,0,0,0,2-2v-9a2,2,0,0,0-2-2H6.5a2,2,0,0,0-2,2v3" style="fill: none;stroke-linecap: round;stroke-linejoin: round"></path> <line x1="4.5" y1="5.5" x2="23.5" y2="5.5" style="fill: none;stroke-linecap: round;stroke-linejoin: round"></line> </g></g> </svg> Credit Card</span> </div> </div> </div> </div> </div> </header> <div class='bg-black'> <div class='container m-auto py-12' id="content"> <div class='text-center text-white'> <h2 class='text-4xl font-bold'>Gift a subscription</h2> <div class='py-4 text-gray-400'>You can purchase any plan for someone else, and choose how long to purchase the subscription for.</div> <div class='pt-6'> <a class="btn whitespace-nowrap border border-gray-100 text-gray-100 hover:border-gray-200 hover:text-gray-200 stroke-gray-100" data-controller="button-component" href="/gifts/new"><span class="flex gap-2 items-center"><svg verion="1.1" role="img" width="48" height="48" viewBox="0 0 48 48" aria-label="gift" class="h-5 w-5"><g transform="matrix(2,0,0,2,0,0)"><path d="M23.5,10.5a1,1,0,0,1-1,1H1.5a1,1,0,0,1-1-1v-2a1,1,0,0,1,1-1h21a1,1,0,0,1,1,1Z" fill="none" stroke-linecap="round" stroke-linejoin="round"></path><path d="M21.5,22.5a1,1,0,0,1-1,1H3.5a1,1,0,0,1-1-1v-11h19Z" fill="none" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8.5 7.5L8.5 23.5" fill="none" stroke-linecap="round" stroke-linejoin="round"></path><path d="M15.5 23.5L15.5 7.5" fill="none" stroke-linecap="round" stroke-linejoin="round"></path><path d="M17.427,3.84C16.663,4.605,13,5.5,13,5.5s.9-3.663,1.66-4.427A1.957,1.957,0,1,1,17.427,3.84Z" fill="none" stroke-linecap="round" stroke-linejoin="round"></path><path d="M6.573,3.84C7.337,4.605,11,5.5,11,5.5s-.9-3.663-1.66-4.427A1.957,1.957,0,0,0,6.573,3.84Z" fill="none" stroke-linecap="round" stroke-linejoin="round"></path></g></svg> <span class="flex-grow">Give now</span></span></a> </div> </div> </div> </div> <div class='bg-gray-100'> <div class='container m-auto px-4 md:px-0'> <div class="py-4 md:py-16" id="episodes"> <h5 class="uppercase text-center text-xs text-accent">featured episodes</h5> <h2 class="text-4xl text-center font-bold my-5">Take a look at what's inside</h2> <div class='grid grid-cols-1 lg:grid-cols-2 w-full gap-8 py-16'> <div class="device device-iphone-8 device-silver hidden md:block scale-75 sm:scale-100 mx-auto"> <div class="device-frame text-center"> <div class='p-8'> <div><img src="https://supercast-storage-assets.b-cdn.net/network/159/artwork/small-b7927317b6cb6ad0f487c98c8dbcbf0c.png" /></div> <div class='py-7 text-2xl font-bold'>GoKidGo</div> <div class='py-1 text-sm text-gray-500'>Listen anywhere</div> <div class='grid w-1/2 mx-auto grid-cols-3 justify-items-center gap-4 px-8' style='display: grid'> <span> <img class="h-5 w-5" src="https://assets.supercast.com/assets/players/apple_podcasts-11e4e6bede55a55f592e590337ad41fdc4a7bd87f2b967f919d9ed86a27801d0.png" /> </span> <span> <img class="h-5 w-5" src="https://assets.supercast.com/assets/players/spotify-6d5674f27de81414837b867778f13e3d2213eedb4524f1e1af2a7742bdaf2dea.png" /> </span> <span> <img class="h-5 w-5" src="https://assets.supercast.com/assets/players/youtube_music-0aed0f7fd39d84c0b63ddf758881e2b78f47ec29e09c905b387ee94f353851d5.png" /> </span> <span> <img class="h-5 w-5" src="https://assets.supercast.com/assets/players/podcast_addict-97f706aef5b569b7ae3c168e7803decd69c39d4fd41e244cc50e357d8081fa02.png" /> </span> </div> <div class='pt-8'> <a class="btn whitespace-nowrap btn-accent" data-controller="button-component" href="#subscribe"><span class="flex gap-2 items-center"><span class="flex-grow">Get Access</span> <svg verion="1.1" role="img" width="48" height="48" viewBox="0 0 48 48" aria-label="Right arrow" class="h-5 w-5 text-right mt-2"><path d="M23.987,12a2.411,2.411,0,0,0-.814-1.8L11.994.361a1.44,1.44,0,0,0-1.9,2.162l8.637,7.6a.25.25,0,0,1-.165.437H1.452a1.44,1.44,0,0,0,0,2.88H18.563a.251.251,0,0,1,.165.438l-8.637,7.6a1.44,1.44,0,1,0,1.9,2.161L23.172,13.8A2.409,2.409,0,0,0,23.987,12Z" fill="currentColor"></path></svg></span></a> </div> </div> </div> <div class="device-stripe"></div> <div class="device-header"></div> <div class="device-sensors"></div> <div class="device-btns"></div> <div class="device-power"></div> </div> <div> <h5 class='text-2xl font-bold pb-4'>Featured Episodes</h5> <div class="space-y-4 divide-y-2 divide-gray-100 " data-controller="accordion-component" data-active-styles="" data-expand-first="true" data-inactive-styles="" > <section class="flex flex-col py-3" data-accordion-container="true"> <div data-action="click->accordion-component#openSection" class="flex cursor-pointer" > <div class="flex-1 font-bold"> The Sun! </div> <div class="flex-0"> <svg class='inline-block w-4 h-4 flex-shrink-0 text-gray-700 stroke-gray-700' data-accordion-component-target='arrow' viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path d="m5.651 23.5 12.576-11.126a.5.5 0 0 0 0-.748L5.651.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg> </div> </div> <div data-accordion-component-target="section" class="hidden py-2"> <div class='flex gap-4 text-sm text-gray-500 py-2'> <span class='flex gap-2'> <svg verion="1.1" role="img" width="14" height="14" viewBox="0 0 24 24" aria-label="calendar"><defs></defs><title>calendar-3</title><rect x="0.5" y="2.501" width="23" height="21" rx="1" ry="1" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></rect><line x1="5.5" y1="0.501" x2="5.5" y2="5.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="18.5" y1="0.501" x2="18.5" y2="5.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="0.5" y1="7.501" x2="23.5" y2="7.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="12" y1="7.501" x2="12" y2="23.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="6" y1="7.501" x2="6" y2="23.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="18" y1="7.501" x2="18" y2="23.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="0.5" y1="15.501" x2="23.5" y2="15.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="0.5" y1="11.501" x2="23.5" y2="11.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="0.5" y1="19.501" x2="23.5" y2="19.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line></svg> Oct 12, 2023 </span> <span class='flex gap-2'> <svg verion="1.1" role="img" width="14" height="14" viewBox="0 0 24 24" aria-label="clock"><path d="M0.499 12.001 A11.500 11.500 0 1 0 23.499 12.001 A11.500 11.500 0 1 0 0.499 12.001 Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 6.501L12 12.001 18 17.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg> 10m </span> </div> <div class='prose'> Hop aboard the Coffin of Curiosity with Wren and Drac, an 11-year-old duo with a thirst for knowledge and adventure! In this sun-sational first episode, our heroes zoom off to the Sun to uncover its secrets, explore the importance of Vitamin D, and even touch on a few other "hot" topics! </div> </div> </section> <section class="flex flex-col py-3" data-accordion-container="true"> <div data-action="click->accordion-component#openSection" class="flex cursor-pointer" > <div class="flex-1 font-bold"> S1E1: Welcome to Lumino City </div> <div class="flex-0"> <svg class='inline-block w-4 h-4 flex-shrink-0 text-gray-700 stroke-gray-700' data-accordion-component-target='arrow' viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path d="m5.651 23.5 12.576-11.126a.5.5 0 0 0 0-.748L5.651.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg> </div> </div> <div data-accordion-component-target="section" class="hidden py-2"> <div class='flex gap-4 text-sm text-gray-500 py-2'> <span class='flex gap-2'> <svg verion="1.1" role="img" width="14" height="14" viewBox="0 0 24 24" aria-label="calendar"><defs></defs><title>calendar-3</title><rect x="0.5" y="2.501" width="23" height="21" rx="1" ry="1" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></rect><line x1="5.5" y1="0.501" x2="5.5" y2="5.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="18.5" y1="0.501" x2="18.5" y2="5.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="0.5" y1="7.501" x2="23.5" y2="7.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="12" y1="7.501" x2="12" y2="23.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="6" y1="7.501" x2="6" y2="23.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="18" y1="7.501" x2="18" y2="23.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="0.5" y1="15.501" x2="23.5" y2="15.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="0.5" y1="11.501" x2="23.5" y2="11.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="0.5" y1="19.501" x2="23.5" y2="19.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line></svg> Sep 28, 2023 </span> <span class='flex gap-2'> <svg verion="1.1" role="img" width="14" height="14" viewBox="0 0 24 24" aria-label="clock"><path d="M0.499 12.001 A11.500 11.500 0 1 0 23.499 12.001 A11.500 11.500 0 1 0 0.499 12.001 Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 6.501L12 12.001 18 17.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg> 9m </span> </div> <div class='prose'> Clancy discovers a portal to a magical land of light and color. With help from his new friends Peter and Sophia, they surf through the portal on a rainbow to Lumino City. Head over to bearainbowsurfer.com to pick up your copy of the Rainbow Surfers book today! </div> </div> </section> <section class="flex flex-col py-3" data-accordion-container="true"> <div data-action="click->accordion-component#openSection" class="flex cursor-pointer" > <div class="flex-1 font-bold"> S1E1: The Case of the Tricky Troll Toll </div> <div class="flex-0"> <svg class='inline-block w-4 h-4 flex-shrink-0 text-gray-700 stroke-gray-700' data-accordion-component-target='arrow' viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path d="m5.651 23.5 12.576-11.126a.5.5 0 0 0 0-.748L5.651.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg> </div> </div> <div data-accordion-component-target="section" class="hidden py-2"> <div class='flex gap-4 text-sm text-gray-500 py-2'> <span class='flex gap-2'> <svg verion="1.1" role="img" width="14" height="14" viewBox="0 0 24 24" aria-label="calendar"><defs></defs><title>calendar-3</title><rect x="0.5" y="2.501" width="23" height="21" rx="1" ry="1" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></rect><line x1="5.5" y1="0.501" x2="5.5" y2="5.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="18.5" y1="0.501" x2="18.5" y2="5.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="0.5" y1="7.501" x2="23.5" y2="7.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="12" y1="7.501" x2="12" y2="23.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="6" y1="7.501" x2="6" y2="23.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="18" y1="7.501" x2="18" y2="23.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="0.5" y1="15.501" x2="23.5" y2="15.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="0.5" y1="11.501" x2="23.5" y2="11.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="0.5" y1="19.501" x2="23.5" y2="19.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line></svg> Sep 05, 2023 </span> <span class='flex gap-2'> <svg verion="1.1" role="img" width="14" height="14" viewBox="0 0 24 24" aria-label="clock"><path d="M0.499 12.001 A11.500 11.500 0 1 0 23.499 12.001 A11.500 11.500 0 1 0 0.499 12.001 Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 6.501L12 12.001 18 17.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg> 17m </span> </div> <div class='prose'> Dive into Monstrovia's magical courtroom as young Kara takes on her first case!When Joe the Orange Giant faces charges over a missed toll, it's up to Kara to navigate the quirks of monster law while she discovers the unique challenges of a world where even the jury box holds surprises.For even more adventures you can read "Welcome to Monstrovia" and the other books in the series on Amazon and Kindle HERE.Executive Producer, Mark Newhouse </div> </div> </section> <section class="flex flex-col py-3" data-accordion-container="true"> <div data-action="click->accordion-component#openSection" class="flex cursor-pointer" > <div class="flex-1 font-bold"> A Mystery Job </div> <div class="flex-0"> <svg class='inline-block w-4 h-4 flex-shrink-0 text-gray-700 stroke-gray-700' data-accordion-component-target='arrow' viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path d="m5.651 23.5 12.576-11.126a.5.5 0 0 0 0-.748L5.651.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg> </div> </div> <div data-accordion-component-target="section" class="hidden py-2"> <div class='flex gap-4 text-sm text-gray-500 py-2'> <span class='flex gap-2'> <svg verion="1.1" role="img" width="14" height="14" viewBox="0 0 24 24" aria-label="calendar"><defs></defs><title>calendar-3</title><rect x="0.5" y="2.501" width="23" height="21" rx="1" ry="1" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></rect><line x1="5.5" y1="0.501" x2="5.5" y2="5.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="18.5" y1="0.501" x2="18.5" y2="5.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="0.5" y1="7.501" x2="23.5" y2="7.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="12" y1="7.501" x2="12" y2="23.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="6" y1="7.501" x2="6" y2="23.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="18" y1="7.501" x2="18" y2="23.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="0.5" y1="15.501" x2="23.5" y2="15.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="0.5" y1="11.501" x2="23.5" y2="11.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="0.5" y1="19.501" x2="23.5" y2="19.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line></svg> Dec 26, 2022 </span> <span class='flex gap-2'> <svg verion="1.1" role="img" width="14" height="14" viewBox="0 0 24 24" aria-label="clock"><path d="M0.499 12.001 A11.500 11.500 0 1 0 23.499 12.001 A11.500 11.500 0 1 0 0.499 12.001 Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 6.501L12 12.001 18 17.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg> </span> </div> <div class='prose'> Today you’re going to hear a wonderful tale with lots of little hints and your job is to guess who I am by the end of the story. A mystery narrator? What could be more fun!? At the beginning of every Upside Down Story episode you will get one hint to start with. Today’s hint is that the storyteller has a specific career. A career is a job, so that means you’re going to be guessing what I do for a living! Am I a dancer, a taxi driver, or perhaps a beekeeper? Let’s start today’s story and see how quickly you can guess who The Upside Down storyteller is! </div> </div> </section> <section class="flex flex-col py-3" data-accordion-container="true"> <div data-action="click->accordion-component#openSection" class="flex cursor-pointer" > <div class="flex-1 font-bold"> S1E1: What's That Weird Sound? </div> <div class="flex-0"> <svg class='inline-block w-4 h-4 flex-shrink-0 text-gray-700 stroke-gray-700' data-accordion-component-target='arrow' viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path d="m5.651 23.5 12.576-11.126a.5.5 0 0 0 0-.748L5.651.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg> </div> </div> <div data-accordion-component-target="section" class="hidden py-2"> <div class='flex gap-4 text-sm text-gray-500 py-2'> <span class='flex gap-2'> <svg verion="1.1" role="img" width="14" height="14" viewBox="0 0 24 24" aria-label="calendar"><defs></defs><title>calendar-3</title><rect x="0.5" y="2.501" width="23" height="21" rx="1" ry="1" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></rect><line x1="5.5" y1="0.501" x2="5.5" y2="5.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="18.5" y1="0.501" x2="18.5" y2="5.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="0.5" y1="7.501" x2="23.5" y2="7.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="12" y1="7.501" x2="12" y2="23.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="6" y1="7.501" x2="6" y2="23.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="18" y1="7.501" x2="18" y2="23.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="0.5" y1="15.501" x2="23.5" y2="15.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="0.5" y1="11.501" x2="23.5" y2="11.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="0.5" y1="19.501" x2="23.5" y2="19.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line></svg> Aug 15, 2022 </span> <span class='flex gap-2'> <svg verion="1.1" role="img" width="14" height="14" viewBox="0 0 24 24" aria-label="clock"><path d="M0.499 12.001 A11.500 11.500 0 1 0 23.499 12.001 A11.500 11.500 0 1 0 0.499 12.001 Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 6.501L12 12.001 18 17.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg> </span> </div> <div class='prose'> Snoop the dog detective arrives in Pflugerville from London, where he meets his new partner Sniffy as they solve the mystery of the weird sound. </div> </div> </section> <section class="flex flex-col py-3" data-accordion-container="true"> <div data-action="click->accordion-component#openSection" class="flex cursor-pointer" > <div class="flex-1 font-bold"> S1E1: The Silent Howl </div> <div class="flex-0"> <svg class='inline-block w-4 h-4 flex-shrink-0 text-gray-700 stroke-gray-700' data-accordion-component-target='arrow' viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path d="m5.651 23.5 12.576-11.126a.5.5 0 0 0 0-.748L5.651.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg> </div> </div> <div data-accordion-component-target="section" class="hidden py-2"> <div class='flex gap-4 text-sm text-gray-500 py-2'> <span class='flex gap-2'> <svg verion="1.1" role="img" width="14" height="14" viewBox="0 0 24 24" aria-label="calendar"><defs></defs><title>calendar-3</title><rect x="0.5" y="2.501" width="23" height="21" rx="1" ry="1" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></rect><line x1="5.5" y1="0.501" x2="5.5" y2="5.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="18.5" y1="0.501" x2="18.5" y2="5.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="0.5" y1="7.501" x2="23.5" y2="7.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="12" y1="7.501" x2="12" y2="23.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="6" y1="7.501" x2="6" y2="23.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="18" y1="7.501" x2="18" y2="23.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="0.5" y1="15.501" x2="23.5" y2="15.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="0.5" y1="11.501" x2="23.5" y2="11.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="0.5" y1="19.501" x2="23.5" y2="19.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line></svg> Jun 20, 2022 </span> <span class='flex gap-2'> <svg verion="1.1" role="img" width="14" height="14" viewBox="0 0 24 24" aria-label="clock"><path d="M0.499 12.001 A11.500 11.500 0 1 0 23.499 12.001 A11.500 11.500 0 1 0 0.499 12.001 Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 6.501L12 12.001 18 17.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg> </span> </div> <div class='prose'> Nero, the official mascot and good-luck charm for the third-grade kickball team, has disappeared. Is he lost? Was he kidnapped? Tune in to this exciting first episode of Sam Archer to find out! </div> </div> </section> <section class="flex flex-col py-3" data-accordion-container="true"> <div data-action="click->accordion-component#openSection" class="flex cursor-pointer" > <div class="flex-1 font-bold"> S1E1: Pilot </div> <div class="flex-0"> <svg class='inline-block w-4 h-4 flex-shrink-0 text-gray-700 stroke-gray-700' data-accordion-component-target='arrow' viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path d="m5.651 23.5 12.576-11.126a.5.5 0 0 0 0-.748L5.651.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg> </div> </div> <div data-accordion-component-target="section" class="hidden py-2"> <div class='flex gap-4 text-sm text-gray-500 py-2'> <span class='flex gap-2'> <svg verion="1.1" role="img" width="14" height="14" viewBox="0 0 24 24" aria-label="calendar"><defs></defs><title>calendar-3</title><rect x="0.5" y="2.501" width="23" height="21" rx="1" ry="1" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></rect><line x1="5.5" y1="0.501" x2="5.5" y2="5.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="18.5" y1="0.501" x2="18.5" y2="5.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="0.5" y1="7.501" x2="23.5" y2="7.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="12" y1="7.501" x2="12" y2="23.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="6" y1="7.501" x2="6" y2="23.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="18" y1="7.501" x2="18" y2="23.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="0.5" y1="15.501" x2="23.5" y2="15.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="0.5" y1="11.501" x2="23.5" y2="11.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="0.5" y1="19.501" x2="23.5" y2="19.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line></svg> May 16, 2022 </span> <span class='flex gap-2'> <svg verion="1.1" role="img" width="14" height="14" viewBox="0 0 24 24" aria-label="clock"><path d="M0.499 12.001 A11.500 11.500 0 1 0 23.499 12.001 A11.500 11.500 0 1 0 0.499 12.001 Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 6.501L12 12.001 18 17.501" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg> </span> </div> <div class='prose'> Now this here tale takes place back in the Old West, in a town called Middlin’ Springs. Join the legendary ten year old sheriff Tommy Tumbleweed as he keeps his town safe from one of the most dangerous bandits this side of the Mississippi! </div> </div> </section> </div> </div> </div> </div> </div> </div> <div class='bg-gray-100'> <div class='container m-auto py-16 px-4 md:px-0'> <div class="mt-6 md:flex gap-32"> <div class='md:w-1/3 flex flex-col justify-between'> <h2 class="text-4xl mt-2 font-bold">Frequently Asked Questions</h2> <div class='hidden md:block'> <div class='font-bold mb-2'>Ready to get started?</div> <a class="btn whitespace-nowrap btn-accent" data-controller="button-component" href="#subscribe"><span class="flex gap-2 items-center"><span class="flex-grow">Subscribe Now</span> <svg verion="1.1" role="img" width="48" height="48" viewBox="0 0 48 48" aria-label="Right arrow" class="h-5 w-5 text-right mt-2"><path d="M23.987,12a2.411,2.411,0,0,0-.814-1.8L11.994.361a1.44,1.44,0,0,0-1.9,2.162l8.637,7.6a.25.25,0,0,1-.165.437H1.452a1.44,1.44,0,0,0,0,2.88H18.563a.251.251,0,0,1,.165.438l-8.637,7.6a1.44,1.44,0,1,0,1.9,2.161L23.172,13.8A2.409,2.409,0,0,0,23.987,12Z" fill="currentColor"></path></svg></span></a> </div> </div> <div class='md:w-2/3'> <div class="space-y-4 divide-y-2 divide-gray-100 " data-controller="accordion-component" data-active-styles="" data-expand-first="true" data-inactive-styles="" > <section class="flex flex-col py-3" data-accordion-container="true"> <div data-action="click->accordion-component#openSection" class="flex cursor-pointer" > <div class="flex-1 font-bold"> How do I listen to subscriber-exclusive podcasts and content? </div> <div class="flex-0"> <svg class='inline-block w-4 h-4 flex-shrink-0 text-gray-700 stroke-gray-700' data-accordion-component-target='arrow' viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path d="m5.651 23.5 12.576-11.126a.5.5 0 0 0 0-.748L5.651.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg> </div> </div> <div data-accordion-component-target="section" class="hidden py-2"> We will provide you with a unique podcast feed that you'll be able to add to your favorite podcast player. Adding this feed to your favorite podcast player only takes a couple of taps. We currently support Apple Podcasts, Youtube Music, Spotify, Castro, Downcast, Overcast, Pocket Casts, Podcast Addict, Podcast Republic, Podkicker, Rss Radio, and more. </div> </section> <section class="flex flex-col py-3" data-accordion-container="true"> <div data-action="click->accordion-component#openSection" class="flex cursor-pointer" > <div class="flex-1 font-bold"> How do I get in touch? </div> <div class="flex-0"> <svg class='inline-block w-4 h-4 flex-shrink-0 text-gray-700 stroke-gray-700' data-accordion-component-target='arrow' viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path d="m5.651 23.5 12.576-11.126a.5.5 0 0 0 0-.748L5.651.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg> </div> </div> <div data-accordion-component-target="section" class="hidden py-2"> <p>For technical support, e-mail <a class="underline" href="mailto:support@supercast.com">support@supercast.com</a></p> <p>For show questions, e-mail <a class="underline" href="mailto:jenniferclary@gokidgo.com">jenniferclary@gokidgo.com</a>.</p> </div> </section> <section class="flex flex-col py-3" data-accordion-container="true"> <div data-action="click->accordion-component#openSection" class="flex cursor-pointer" > <div class="flex-1 font-bold"> What is Supercast? </div> <div class="flex-0"> <svg class='inline-block w-4 h-4 flex-shrink-0 text-gray-700 stroke-gray-700' data-accordion-component-target='arrow' viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path d="m5.651 23.5 12.576-11.126a.5.5 0 0 0 0-.748L5.651.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg> </div> </div> <div data-accordion-component-target="section" class="hidden py-2"> Supercast is a platform that makes it easy for podcasters like GoKidGo to create a premium membership for their fans. <a target="_blank" class="underline" href="https://www.supercast.com">Find out more</a>. </div> </section> <section class="flex flex-col py-3" data-accordion-container="true"> <div data-action="click->accordion-component#openSection" class="flex cursor-pointer" > <div class="flex-1 font-bold"> Can I send a subscription as a gift? </div> <div class="flex-0"> <svg class='inline-block w-4 h-4 flex-shrink-0 text-gray-700 stroke-gray-700' data-accordion-component-target='arrow' viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path d="m5.651 23.5 12.576-11.126a.5.5 0 0 0 0-.748L5.651.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg> </div> </div> <div data-accordion-component-target="section" class="hidden py-2"> Yes! Just click on '<a class="underline" href="/gifts/new">Gift a Subscription</a>' at the top of this page. You can choose how long your gift subscription applies for. Your credit card won't be associated with the subscription, and to continue after the gift period, the subscriber will need to provide payment info. </div> </section> <section class="flex flex-col py-3" data-accordion-container="true"> <div data-action="click->accordion-component#openSection" class="flex cursor-pointer" > <div class="flex-1 font-bold"> How do I cancel my subscription? </div> <div class="flex-0"> <svg class='inline-block w-4 h-4 flex-shrink-0 text-gray-700 stroke-gray-700' data-accordion-component-target='arrow' viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path d="m5.651 23.5 12.576-11.126a.5.5 0 0 0 0-.748L5.651.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg> </div> </div> <div data-accordion-component-target="section" class="hidden py-2"> You can cancel your subscription at any time from your <a class="underline" href="/subscriber">subscription page</a>. Once you cancel, you'll continue to receive premium benefits for the remainder of your payment period. </div> </section> </div> </div> </div> </div> </div> <div class='bg-gray-900 py-8'> <div class='container mx-auto px-4 md:px-0'> <div class="flex flex-col text-center sm:text-left sm:flex-row sm:justify-between items-center"> <div> <div> <a href="/"> <img class="h-8" src="https://assets.supercast.com/assets/logo_white-3f9cf1aa5939aceb4bcace8231e00a5caaa18a95c41f23fe6b71c799460ea762.svg" /> </a> </div> <div class='text-xs text-gray-400 py-2'>© 2025 <a href="https://supercast.com">Supercast</a></div> </div> <div class="space-x-3 text-gray-400 text-xs"> <a class="hover:text-accent" href="/contracts/privacy_policy">Privacy</a> <span>|</span> <a class="hover:text-accent" href="/contracts/terms_of_use">Terms of use</a> <span>|</span> <a class="hover:text-accent" href="/contracts/fulfillment_policy">Fulfillment Policy</a> </div> </div> </div> </div> </div> </div> <div class="relative z-50" hidden="hidden" data-controller="modal-component" data-show-on-load="false" data-confetti="false"> <div data-action="click->modal-component#close" class='fixed top-0 left-0 right-0 bottom-0 bg-gray-900 opacity-80'> </div> <div class='grid grid-cols-1 fixed top-0 left-0 right-0 bottom-0 backdrop-blur'> <div data-target="modal-component.loading" class='place-self-center'> <svg verion="1.1" role="img" width="24" height="24" viewBox="0 0 24 24" aria-label="loading" class="animate-spin w-16 h-16 stroke-white fill-white"><path d="M12 20.498L12 22.498" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M21.5 12.998L19.5 12.998" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 1.498L12 5.498" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8.94 19.889L8.173 21.736" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M15.064 19.889L15.826 21.736" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M4.5 12.998L2.5 12.998" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M20.776 9.362L18.929 10.128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5.07 15.868L3.223 16.634" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M17.303 18.302L18.717 19.716" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M18.717 6.28L17.303 7.694" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M15.635 4.221L14.869 6.069" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8.363 4.222L9.13 6.069" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5.282 6.28L6.696 7.694" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M6.696 18.302L5.282 19.716" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M18.929 15.868L20.776 16.634" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3.223 9.362L5.07 10.128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg> </div> <div class='bg-white transition transform opacity-0 scale-50 rounded-3xl place-self-center p-4 lg:p-8 text-left relative m-0 md:m-8 overflow-auto max-h-[95%] box-border max-w-full' data-target="modal-component.modal"> <a href='#' data-action="modal-component#close" class='absolute text-center w-6 h-6 right-4 top-4 no-underline text-gray-700'>✕</a> <div data-target='modal-component.content' data-action="click->modal-component#interacted keypress->modal-component#interacted"> </div> </div> </div> </div> <script type="text/javascript">!function(e,t,n){function a(){var e=t.getElementsByTagName("script")[0],n=t.createElement("script");n.type="text/javascript",n.async=!0,n.src="https://beacon-v2.helpscout.net",e.parentNode.insertBefore(n,e)}if(e.Beacon=n=function(t,n,a){e.Beacon.readyQueue.push({method:t,options:n,data:a})},n.readyQueue=[],"complete"===t.readyState)return a();e.attachEvent?e.attachEvent("onload",a):e.addEventListener("load",a,!1)}(window,document,window.Beacon||function(){});</script> <script type="text/javascript">window.Beacon('init', 'f274e489-d9f3-4b5b-b627-999dfa2684e9')</script> </body> </html>