<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width">
  <meta charset="UTF-8">
  <title>Stu Allan Foundation | Stu Allan Radio, OSN Radio, OSN Plus Radio and Bounce Nation Radio</title>
  <meta name="description" content="The home of Stu Allan radio, OSN radio, OSN Plus Radio and Bounce Nation radio">
  <meta property="og:image" content="/img/og-min.jpg">
  <link rel="icon" href="/img/favicon.ico">
  <meta name="next-head-count" content="6">
  <link rel="preload" href="/_next/static/css/55f3e5b3db0c2d5b.css" as="style">
  <link rel="stylesheet" href="/_next/static/css/55f3e5b3db0c2d5b.css" data-n-g="">
  <link rel="preload" href="/_next/static/css/f3eeed010445864a.css" as="style">
  <link rel="stylesheet" href="/_next/static/css/f3eeed010445864a.css" data-n-p=""><noscript data-n-css=""></noscript>
  <script defer nomodule="" src="/_next/static/chunks/polyfills-5cd94c89d3acac5f.js"></script>
  <script src="/_next/static/chunks/webpack-2e51481b1d484a05.js" defer></script>
  <script src="/_next/static/chunks/framework-4556c45dd113b893.js" defer></script>
  <script src="/_next/static/chunks/main-03586e2758997a42.js" defer></script>
  <script src="/_next/static/chunks/pages/_app-1ce14dc3896ab0df.js" defer></script>
  <script src="/_next/static/chunks/2fbf9dd2-a0c13480fb8c7551.js" defer></script>
  <script src="/_next/static/chunks/571-ec5202e47d0b34af.js" defer></script>
  <script src="/_next/static/chunks/168-0f421bf1447f40ff.js" defer></script>
  <script src="/_next/static/chunks/pages/index-fae472afd22cb2f2.js" defer></script>
  <script src="/_next/static/Vot-hAHRh4P5MFIsZL73T/_buildManifest.js" defer></script>
  <script src="/_next/static/Vot-hAHRh4P5MFIsZL73T/_ssgManifest.js" defer></script>
  <script src="/_next/static/Vot-hAHRh4P5MFIsZL73T/_middlewareManifest.js" defer></script>
  <style data-emotion="css 17yl8ox">
  .css-17yl8ox{border-radius:12px;box-sizing:content-box;display:inline-block;position:relative;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;color:#1976d2;height:4px;width:100%;padding:13px 0;color:#09005B;}@media print{.css-17yl8ox{-webkit-print-color-adjust:exact;color-adjust:exact;}}.css-17yl8ox.Mui-disabled{pointer-events:none;cursor:default;color:#bdbdbd;}.css-17yl8ox.MuiSlider-dragging .MuiSlider-thumb,.css-17yl8ox.MuiSlider-dragging .MuiSlider-track{-webkit-transition:none;transition:none;}@media (pointer: coarse){.css-17yl8ox{padding:20px 0;}}
  </style>
  <style data-emotion="css 3ndvyc">
  .css-3ndvyc{display:block;position:absolute;border-radius:inherit;background-color:currentColor;opacity:0.38;width:100%;height:inherit;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
  </style>
  <style data-emotion="css 10opxo5">
  .css-10opxo5{display:block;position:absolute;border-radius:inherit;border:1px solid currentColor;background-color:currentColor;-webkit-transition:left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,width 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,bottom 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,height 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,width 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,bottom 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,height 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;height:inherit;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
  </style>
  <style data-emotion="css 1qyrwba">
  .css-1qyrwba{position:absolute;width:20px;height:20px;box-sizing:border-box;border-radius:50%;outline:0;background-color:currentColor;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-transition:box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,bottom 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,bottom 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}.css-1qyrwba::before{position:absolute;content:"";border-radius:inherit;width:100%;height:100%;box-shadow:0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);}.css-1qyrwba::after{position:absolute;content:"";border-radius:50%;width:42px;height:42px;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}.css-1qyrwba.Mui-disabled:hover{box-shadow:none;}.css-1qyrwba:hover,.css-1qyrwba.Mui-focusVisible{box-shadow:0px 0px 0px 8px rgba(25, 118, 210, 0.16);}@media (hover: none){.css-1qyrwba:hover,.css-1qyrwba.Mui-focusVisible{box-shadow:none;}}.css-1qyrwba.Mui-active{box-shadow:0px 0px 0px 14px rgba(25, 118, 210, 0.16);}
  </style>
</head>
<body>
  <div id="__next">
    <nav class="flex p-1 pr-4 lg:pr-1 justify-end lg:justify-center items-start lg:pt-8 z-40 CustomNav_nav_main__QIOxP CustomNav_nav_main__QIOxP CustomNav_nav_main__QIOxP">
      <div class="undefined flex justify-center items-center py-4">
        <ul class="flex justify-center items-center CustomNav_nav_menu__BXgAz">
          <div class="undefined">
            <img src="/img/mob-nav-top.png" alt="Stu allan mob logo" class="absolute top-0 left-0 w-full h-[10rem] CustomNav_mob_nav_top__Yz9DQ">
            <div class="CustomNav_mob_links__VBlN6 flex flex-col justify-center">
              <a class="flex-col lg:inline-flex lg:py-4 items-center justify-center transition duration-150 ease-in CustomNav_link__rilf_" href="/"><img src="/img/home-icon.svg" alt="Home icon">
              <p>Home</p></a><a class="lg:inline-flex flex-col lg:py-4 items-center justify-center transition duration-150 ease-in CustomNav_link__rilf_" href="/schedule/"><img src="/img/schedule-icon.svg" alt="Schedule icon">
              <p>Schedule</p></a><img src="/img/shop-icon.svg" alt="Shop icon">
              <p>Shop</p><a class="lg:inline-flex flex-col lg:py-4 items-center justify-center transition duration-150 ease-in CustomNav_link__rilf_" href="/podcasts/"><img src="/img/podcast-icon.svg" alt="Podcast icon">
              <p>Podcasts</p></a><a class="lg:inline-flex flex-col lg:py-4 items-center justify-center transition duration-150 ease-in CustomNav_link__rilf_" href="/contact/"><img src="/img/contact-icon.svg" alt="Contact icon">
              <p>Contact</p></a>
            </div>
          </div>
        </ul>
        <div class="CustomNav_nav_icon__iFnuO"><img src="/img/white-burger.svg" alt="menu icon" height="25px" width="30px"></div>
      </div>
      <div class="CustomNav_book_btn__jlXPg"></div>
    </nav>
    <main>
      <div class="overflow-x-hidden" style="opacity:0">
        <div></div>
        <header class="Home_header_img_div__7HGZ5 flex flex-col items-center justify-center">
          <h1 class="opacity-0">Stu Allan Foundation</h1>
          <div class="Home_book_btn___urg1" style="opacity:0;transform:translateY(-60px) translateZ(0)"></div>
        </header>
        <div class="Carousel_radioIcons__DDkv5">
          <div class="lg:mx-8 Carousel_player__77TGp">
            <img alt="Stu Allan Radio Icon" src="/img/stuallan-radio-min.png" class="Icon_icon__mK7Su"><button class="absolute right-0 md:right-0 bottom-0"><img src="/img/play-btn-min.png" alt="Play button" class="Icon_playBtn__4V9k2"></button>
          </div>
          <div class="lg:mx-8 Carousel_player__77TGp">
            <img alt="OSN Radio Icon" src="/img/OSN-Radio-PNG.png" class="Icon_osnIcon__Wm0qO"><button class="absolute right-0 md:right-0 bottom-0"><img src="/img/play-btn-min.png" alt="Play button" class="Icon_playBtn__4V9k2"></button>
          </div>
          <div class="lg:mx-8 Carousel_player__77TGp">
            <img alt="OSN Radio Plus Icon" src="/img/osn+-min.png" class="Icon_plusIcon__F6SWl"><button class="absolute right-0 md:right-0 bottom-0"><img src="/img/play-btn-min.png" alt="Play button" class="Icon_playBtn__4V9k2"></button>
          </div>
          <div class="lg:mx-8 Carousel_player__77TGp">
            <img alt="Bounce Nation Radio Icon" src="/img/bn-logo.png" class="Icon_icon__mK7Su"><button class="absolute right-0 md:right-0 bottom-0"><img src="/img/play-btn-min.png" alt="Play button" class="Icon_playBtn__4V9k2"></button>
          </div>
        </div>
        <div class="Carousel_mob_player__n855T flex -mt-10 mx-2 justify-between items-center">
          <div class="lg:mx-8 Carousel_player__77TGp">
            <img alt="Stu Allan Radio Icon" src="/img/stuallan-radio-min.png" class="Icon_icon__mK7Su"><button class="absolute right-0 md:right-0 bottom-0"><img src="/img/play-btn-min.png" alt="Play button" class="Icon_playBtn__4V9k2"></button>
          </div>
          <div class="lg:mx-8 Carousel_player__77TGp">
            <img alt="OSN Radio Icon" src="/img/OSN-Radio-PNG.png" class="Icon_osnIcon__Wm0qO"><button class="absolute right-0 md:right-0 bottom-0"><img src="/img/play-btn-min.png" alt="Play button" class="Icon_playBtn__4V9k2"></button>
          </div>
          <div class="lg:mx-8 Carousel_player__77TGp">
            <img alt="OSN Radio Plus Icon" src="/img/osn+-min.png" class="Icon_plusIcon__F6SWl"><button class="absolute right-0 md:right-0 bottom-0"><img src="/img/play-btn-min.png" alt="Play button" class="Icon_playBtn__4V9k2"></button>
          </div>
          <div class="lg:mx-8 Carousel_player__77TGp">
            <img alt="Bounce Nation Radio Icon" src="/img/bn-logo.png" class="Icon_icon__mK7Su"><button class="absolute right-0 md:right-0 bottom-0"><img src="/img/play-btn-min.png" alt="Play button" class="Icon_playBtn__4V9k2"></button>
          </div>
        </div>
        <div class="mt-8 lg:mb-8 lg:-mt-8">
          <div class="lg:mr-24">
            <div class="slick-slider slick-initialized" dir="ltr">
              <div class="slick-list">
                <div class="slick-track" style="width:4700%;left:-100%">
                  <div data-index="0" class="slick-slide slick-active slick-current" tabindex="-1" aria-hidden="false" style="outline:none;width:2.127659574468085%;position:relative;left:0;opacity:1;z-index:999;transition:opacity 2000ms ease, visibility 2000ms ease">
                    <div>
                      <div tabindex="-1" style="width:100%;display:inline-block"><img src="/img/slider/1.png" alt="Radio Banner"></div>
                    </div>
                  </div>
                  <div data-index="1" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.127659574468085%;position:relative;left:-2px;opacity:0;z-index:998;transition:opacity 2000ms ease, visibility 2000ms ease">
                    <div>
                      <div tabindex="-1" style="width:100%;display:inline-block"><img src="/img/slider/2.png" alt="Radio Banner"></div>
                    </div>
                  </div>
                  <div data-index="2" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.127659574468085%;position:relative;left:-4px;opacity:0;z-index:998;transition:opacity 2000ms ease, visibility 2000ms ease">
                    <div>
                      <div tabindex="-1" style="width:100%;display:inline-block"><img src="/img/slider/3.png" alt="Radio Banner"></div>
                    </div>
                  </div>
                  <div data-index="3" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.127659574468085%;position:relative;left:-6px;opacity:0;z-index:998;transition:opacity 2000ms ease, visibility 2000ms ease">
                    <div>
                      <div tabindex="-1" style="width:100%;display:inline-block"><img src="/img/slider/4.png" alt="Radio Banner"></div>
                    </div>
                  </div>
                  <div data-index="4" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.127659574468085%;position:relative;left:-8px;opacity:0;z-index:998;transition:opacity 2000ms ease, visibility 2000ms ease">
                    <div>
                      <div tabindex="-1" style="width:100%;display:inline-block"><img src="/img/slider/27.png" alt="Radio Banner"></div>
                    </div>
                  </div>
                  <div data-index="5" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.127659574468085%;position:relative;left:-10px;opacity:0;z-index:998;transition:opacity 2000ms ease, visibility 2000ms ease">
                    <div>
                      <div tabindex="-1" style="width:100%;display:inline-block"><img src="/img/slider/6.png" alt="Radio Banner"></div>
                    </div>
                  </div>
                  <div data-index="6" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.127659574468085%;position:relative;left:-12px;opacity:0;z-index:998;transition:opacity 2000ms ease, visibility 2000ms ease">
                    <div>
                      <div tabindex="-1" style="width:100%;display:inline-block"><img src="/img/slider/7.png" alt="Radio Banner"></div>
                    </div>
                  </div>
                  <div data-index="7" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.127659574468085%;position:relative;left:-14px;opacity:0;z-index:998;transition:opacity 2000ms ease, visibility 2000ms ease">
                    <div>
                      <div tabindex="-1" style="width:100%;display:inline-block"><img src="/img/slider/8.png" alt="Radio Banner"></div>
                    </div>
                  </div>
                  <div data-index="8" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.127659574468085%;position:relative;left:-16px;opacity:0;z-index:998;transition:opacity 2000ms ease, visibility 2000ms ease">
                    <div>
                      <div tabindex="-1" style="width:100%;display:inline-block"><img src="/img/slider/9.png" alt="Radio Banner"></div>
                    </div>
                  </div>
                  <div data-index="9" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.127659574468085%;position:relative;left:-18px;opacity:0;z-index:998;transition:opacity 2000ms ease, visibility 2000ms ease">
                    <div>
                      <div tabindex="-1" style="width:100%;display:inline-block"><img src="/img/slider/10.png" alt="Radio Banner"></div>
                    </div>
                  </div>
                  <div data-index="10" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.127659574468085%;position:relative;left:-20px;opacity:0;z-index:998;transition:opacity 2000ms ease, visibility 2000ms ease">
                    <div>
                      <div tabindex="-1" style="width:100%;display:inline-block"><img src="/img/slider/11.png" alt="Radio Banner"></div>
                    </div>
                  </div>
                  <div data-index="11" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.127659574468085%;position:relative;left:-22px;opacity:0;z-index:998;transition:opacity 2000ms ease, visibility 2000ms ease">
                    <div>
                      <div tabindex="-1" style="width:100%;display:inline-block"><img src="/img/slider/12.png" alt="Radio Banner"></div>
                    </div>
                  </div>
                  <div data-index="12" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.127659574468085%;position:relative;left:-24px;opacity:0;z-index:998;transition:opacity 2000ms ease, visibility 2000ms ease">
                    <div>
                      <div tabindex="-1" style="width:100%;display:inline-block"><img src="/img/slider/13.png" alt="Radio Banner"></div>
                    </div>
                  </div>
                  <div data-index="13" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.127659574468085%;position:relative;left:-26px;opacity:0;z-index:998;transition:opacity 2000ms ease, visibility 2000ms ease">
                    <div>
                      <div tabindex="-1" style="width:100%;display:inline-block"><img src="/img/slider/14.png" alt="Radio Banner"></div>
                    </div>
                  </div>
                  <div data-index="14" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.127659574468085%;position:relative;left:-28px;opacity:0;z-index:998;transition:opacity 2000ms ease, visibility 2000ms ease">
                    <div>
                      <div tabindex="-1" style="width:100%;display:inline-block"><img src="/img/slider/16.png" alt="Radio Banner"></div>
                    </div>
                  </div>
                  <div data-index="15" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.127659574468085%;position:relative;left:-30px;opacity:0;z-index:998;transition:opacity 2000ms ease, visibility 2000ms ease">
                    <div>
                      <div tabindex="-1" style="width:100%;display:inline-block"><img src="/img/slider/17.png" alt="Radio Banner"></div>
                    </div>
                  </div>
                  <div data-index="16" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.127659574468085%;position:relative;left:-32px;opacity:0;z-index:998;transition:opacity 2000ms ease, visibility 2000ms ease">
                    <div>
                      <div tabindex="-1" style="width:100%;display:inline-block"><img src="/img/slider/18.png" alt="Radio Banner"></div>
                    </div>
                  </div>
                  <div data-index="17" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.127659574468085%;position:relative;left:-34px;opacity:0;z-index:998;transition:opacity 2000ms ease, visibility 2000ms ease">
                    <div>
                      <div tabindex="-1" style="width:100%;display:inline-block"><img src="/img/slider/20.png" alt="Radio Banner"></div>
                    </div>
                  </div>
                  <div data-index="18" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.127659574468085%;position:relative;left:-36px;opacity:0;z-index:998;transition:opacity 2000ms ease, visibility 2000ms ease">
                    <div>
                      <div tabindex="-1" style="width:100%;display:inline-block"><img src="/img/slider/21.png" alt="Radio Banner"></div>
                    </div>
                  </div>
                  <div data-index="19" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.127659574468085%;position:relative;left:-38px;opacity:0;z-index:998;transition:opacity 2000ms ease, visibility 2000ms ease">
                    <div>
                      <div tabindex="-1" style="width:100%;display:inline-block"><img src="/img/slider/22.png" alt="Radio Banner"></div>
                    </div>
                  </div>
                  <div data-index="20" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.127659574468085%;position:relative;left:-40px;opacity:0;z-index:998;transition:opacity 2000ms ease, visibility 2000ms ease">
                    <div>
                      <div tabindex="-1" style="width:100%;display:inline-block"><img src="/img/slider/23.png" alt="Radio Banner"></div>
                    </div>
                  </div>
                  <div data-index="21" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.127659574468085%;position:relative;left:-42px;opacity:0;z-index:998;transition:opacity 2000ms ease, visibility 2000ms ease">
                    <div>
                      <div tabindex="-1" style="width:100%;display:inline-block"><img src="/img/slider/24.png" alt="Radio Banner"></div>
                    </div>
                  </div>
                  <div data-index="22" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.127659574468085%;position:relative;left:-44px;opacity:0;z-index:998;transition:opacity 2000ms ease, visibility 2000ms ease">
                    <div>
                      <div tabindex="-1" style="width:100%;display:inline-block"><img src="/img/slider/25.png" alt="Radio Banner"></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="grid md:grid-cols-2 gap-4 lg:mr-24">
          <div class="Card_card__QH1mK flex flex-col lg:flex-row justify-center items-center p-4 lg:px-8 m-4">
            <div><img src="/img/usb.jpg" class="shadow-md mb-4 lg:mt-4 rounded-lg Card_image__thm_y"></div>
            <div class="p-2 lg:p-8 Card_text__jO2is">
              <h3 class="mb-4 uppercase font-semibold text-brand-blue-dark">Stu Allan Merchandise</h3>
              <p class="mb-8">Purchase Stu Allan merchandise at the official Stu Allan online store.</p><button name="Button" class="BookBtn_main_btn__sPo_8 font-semibold uppercase undefined">Shop</button>
            </div>
          </div>
          <div class="Card_card__QH1mK flex flex-col lg:flex-row justify-center items-center p-4 lg:px-8 m-4">
            <div><img src="/img/schedules-card-min.png" class="shadow-md mb-4 lg:mt-4 rounded-lg Card_image__thm_y"></div>
            <div class="p-2 lg:p-8 Card_text__jO2is">
              <h3 class="mb-4 uppercase font-semibold text-brand-blue-dark">Radio Schedules</h3>
              <p class="mb-8">View the schedules for each station and never miss your favourite artist.</p><a rel="noreferrer" href="/schedule/"><button name="Button" class="BookBtn_main_btn__sPo_8 font-semibold uppercase undefined">View</button></a>
            </div>
          </div>
          <div class="Card_card__QH1mK flex flex-col lg:flex-row justify-center items-center p-4 lg:px-8 m-4">
            <div><img src="/img/podcasts-min.png" class="shadow-md mb-4 lg:mt-4 rounded-lg Card_image__thm_y"></div>
            <div class="p-2 lg:p-8 Card_text__jO2is">
              <h3 class="mb-4 uppercase font-semibold text-brand-blue-dark">Latest Podcasts</h3>
              <p class="mb-8">Catch up with the latest OSN Radio podcast sessions via our Podbean audio stream.</p><a rel="noreferrer" href="/podcasts/"><button name="Button" class="BookBtn_main_btn__sPo_8 font-semibold uppercase undefined">Listen</button></a>
            </div>
          </div>
          <div class="Card_card__QH1mK flex flex-col lg:flex-row justify-center items-center p-4 lg:px-8 m-4">
            <div><img src="/img/event-bg-min.png" class="shadow-md mb-4 lg:mt-4 rounded-lg Card_image__thm_y"></div>
            <div class="p-2 lg:p-8 Card_text__jO2is">
              <h3 class="mb-4 uppercase font-semibold text-brand-blue-dark">Stu Allan Festival</h3>
              <p class="mb-8">Keep up to date with our events and buy tickets for the upcoming Stu Allan Festival.</p><button name="Button" class="BookBtn_main_btn__sPo_8 font-semibold uppercase undefined">More</button>
            </div>
          </div>
        </div>
        <div class="flex flex-col-reverse lg:flex-row-reverse justify-center items-center lg:mr-[12rem]">
          <img src="/img/license-icon-min.png" alt="License" class="mb-4 Home_licence__NF2ID lg:self-end lg:ml-12">
          <div class="flex flex-col justify-center mb-10 lg:mb-0">
          <h3 class="text-brand-blue-dark text-center font-semibold mb-4 mt-6">Download the app</h3><img src="/img/googleplay-btn-min.png" alt="Google play" class="mb-4 Home_appBtn__JGcw_"><img src="/img/apple-btn-min.png" alt="Appstore" class="mb-4"></div>
        </div>
      </div>
    </main>
    <div><img src="/img/chat-icon.png" alt="Chat Icon" class="w-[80px] md:w-[100px] fixed bottom-[80px] md:bottom-[105px] left-[20px] md:left-[40px] z-50 hover:cursor-pointer"></div>
    <div class="AudioBar_bar_main__cavvf w-full flex justify-between items-center px-2">
      <div>
        <button class="BookBtn_book_btn__4phB_ font-medium lg:ml-10">REQUEST</button>
      </div>
      <div class="flex items-center justify-center mr-12 lg:ml-10">
        <button><img src="/img/play-btn-min.png" alt="Play button" class="AudioBar_play__xkmTH mr-2 lg:ml-28"></button><button><img src="/img/live-btn-min.png" alt="Listen live button" class="AudioBar_live__mZ6fn mr-4 lg:ml-6"></button><input type="range" class="hidden" value="0">
      </div>
      <div class="flex justify-end lg:items-center lg:w-60 lg:mr-14">
        <img alt="Speaker" src="/img/audio-icon.svg" class="mr-4 lg:mr-6 hover:cursor-pointer AudioBar_speaker__0qxyX"><span class="MuiSlider-root MuiSlider-colorPrimary MuiSlider-sizeMedium AudioBar_volume__GKkGc css-17yl8ox"></span><span class="MuiSlider-root MuiSlider-colorPrimary MuiSlider-sizeMedium AudioBar_volume__GKkGc css-17yl8ox"><span class="MuiSlider-rail css-3ndvyc"></span></span><span style="left:0%;width:100%" class="MuiSlider-track css-10opxo5"></span><span data-index="0" class="MuiSlider-thumb MuiSlider-thumbSizeMedium MuiSlider-thumbColorPrimary MuiSlider-thumb MuiSlider-thumbSizeMedium MuiSlider-thumbColorPrimary css-1qyrwba" style="left:100%"><input data-index="0" aria-valuenow="100" aria-orientation="horizontal" aria-valuemax="100" aria-valuemin="0" type="range" min="0" max="100" step="1" style="border:0;clip:rect(0 0 0 0);height:100%;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:100%;direction:ltr" value="100"></span>
      </div>
    </div><audio src="https://stream.stuallan.com/stream1"></audio><audio src="https://stream.stuallan.com/stream2"></audio><audio src="https://stream.stuallan.com/stream3"></audio><audio src="https://stream.stuallan.com/stream4"></audio>
    <footer class="p-4 shadow flex flex-col justify-center md:items-center md:justify-start md:p-6 dark:bg-gray-800 relative bottom-0 w-full Footer_foot__hrfoj">
      <span class="mt-6 text-white text-center lg:text-xl">Radio Socials</span>
      <div class="flex justify-center items-center mb-4 lg:p-8"><img src="/img/socials/podbean.png" alt="podbean logo" class="Footer_social__r_lug"><img src="/img/socials/facebook-white.png" alt="facebook logo" class="Footer_social__r_lug"><img src="/img/socials/x-icon.png" alt="X logo" class="Footer_social__r_lug"><img src="/img/socials/insta-white.png" alt="instagram logo" class="Footer_social__r_lug"><img src="/img/socials/mixcloud-white.png" alt="mixcloud logo" class="Footer_social__r_lug"><img src="/img/socials/youtube.png" alt="youtube logo" class="Footer_social__r_lug"></div><span class="mt-2 text-white text-center lg:text-xl">Stu Allan Socials</span>
      <div class="flex justify-center items-center lg:p-8"><img src="/img/socials/facebook-white.png" alt="facebook logo" class="Footer_social__r_lug"><img src="/img/socials/x-icon.png" alt="X logo" class="Footer_social__r_lug"><img src="/img/socials/insta-white.png" alt="instagram logo" class="Footer_social__r_lug"><img src="/img/socials/mixcloud-white.png" alt="mixcloud logo" class="Footer_social__r_lug"></div>
      <div class="lg:self-start">
        <div class="flex flex-col items-start w-full mt-8">
          <span class="text-sm text-gray-200 sm:text-left dark:text-gray-200">© 2024 Stu Allan Foundation.<br>
          All Rights Reserved.</span><span class="text-sm text-gray-200 sm:text-center dark:text-gray-400">Powered by <strong>endevr</strong></span>
        </div>
        <ul class="flex flex-wrap items-center mt-3 text-sm text-gray-300 dark:text-gray-400 sm:mt-0 w-full">
          <li>
            <a class="mr-4 hover:underline md:mr-6 font-semibold" href="/privacy/">Privacy Policy</a>
          </li>
          <li>
            <a class="mr-4 hover:underline md:mr-6 font-semibold" href="/terms/">Terms of Service</a>
          </li>
        </ul>
      </div>
    </footer>
  </div>
  <script id="__NEXT_DATA__" type="application/json">
  {"props":{"pageProps":{}},"page":"/","query":{},"buildId":"Vot-hAHRh4P5MFIsZL73T","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
  </script>
</body>
</html>
