Vvveb.SectionsGroup['radyo'] = [
    "radyo/header",
    "radyo/hero",
    "radyo/live",
    "radyo/schedule",
    "radyo/footer"
];

Vvveb.Sections.add("radyo/header", {
name: "Radyo Header",
image: "https://panel.vebusoft.com/theme/radyo/assets/preview/header.png",
html: `
<div class="top-loading-bar_loadingBarContainer__MHpM6">
      <div class="top-loading-bar_loadingBar__31jpu top-loading-bar_progress-0__xZxMH"></div>
    </div>
    <header class="header">
      <div>
        <div class="navbar_navbar__K1tl7 navbar_mobile-header-right-text-white__u2vjY">
          <div class="navbar_navbar_top__S3XxA">
            <div class="navbar_navbar_top_left__Gk6Ll">
              <a aria-label="navbar-top-left" class="navbar_navbar_top_left_link__c_T7O"
                href="haberler.html">Haberler</a>
              <a aria-label="navbar-top-left" class="navbar_navbar_top_left_link__c_T7O"
                href="kurumsal/studyomuz.html">Stüdyomuz</a>
              <a aria-label="navbar-top-left" class="navbar_navbar_top_left_link__c_T7O"
                href="kurumsal.html">Kurumsal</a>
              <a aria-label="navbar-top-left" class="navbar_navbar_top_left_link__c_T7O"
                href="kurumsal/iletisim.html">İletişim</a>
            </div>
            <div class="navbar_navbar_top_right__Vnrg2">

              <div class="navbar_navbar_top_right_icons__B3Xek">
                <a aria-label="navbar-top-right" target="_blank" href="http://www.facebook.com/DiyanetRadyo">
                  <div>
                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 25 25" fill="currentColor"
                      class="svg_icon">
                      <path
                        d="M15.7474 5.54039H17.7057V2.2279C16.7576 2.1293 15.8048 2.08062 14.8516 2.08206C12.0182 2.08206 10.0807 3.81123 10.0807 6.97789V9.70706H6.88281V13.4154H10.0807V22.9154H13.9141V13.4154H17.1016L17.5807 9.70706H13.9141V7.34248C13.9141 6.24873 14.2057 5.54039 15.7474 5.54039Z"
                        fill="currentColor"></path>
                    </svg>
                  </div>
                </a><a aria-label="navbar-top-right" target="_blank" href="https://www.instagram.com/diyanetradyo">
                  <div>
                    <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 25 25"
                      fill="currentColor" class="svg_icon">
                      <path
                        d="M12.5,6.45c-1.2,0-2.37.35-3.36,1.02s-1.77,1.6-2.23,2.72c-.46,1.11-.58,2.32-.35,3.5.24,1.18.81,2.25,1.66,3.1.85.85,1.92,1.43,3.1,1.66.39.08.79.12,1.18.12.79,0,1.57-.15,2.31-.46,1.11-.46,2.05-1.23,2.72-2.23.67-1,1.02-2.17,1.02-3.36,0-1.62-.63-3.14-1.77-4.28-1.15-1.15-2.66-1.78-4.28-1.77ZM16.37,12.5c0,1.01-.41,2.01-1.13,2.73s-1.7,1.13-2.73,1.13h-.05c-.75,0-1.48-.23-2.1-.65s-1.13-1.02-1.43-1.73c-.3-.7-.37-1.48-.22-2.23.15-.75.52-1.44,1.06-1.98.55-.54,1.23-.91,1.98-1.06.25-.05.5-.08.75-.08.5,0,1,.1,1.48.3.71.3,1.31.79,1.73,1.43s.65,1.38.65,2.15h0Z">
                      </path>
                      <path
                        d="M20.53,6.01c0-.41-.17-.8-.46-1.08-.3-.3-.71-.46-1.13-.46-.32,0-.62.09-.88.27-.27.18-.47.42-.59.72-.12.29-.15.61-.09.92.06.3.21.58.44.81.22.23.5.37.81.44.1.02.21.03.31.03.2,0,.41-.04.61-.12.29-.12.54-.33.71-.59s.27-.57.27-.88v-.05h0Z">
                      </path>
                      <path
                        d="M22.94,2.06c-1.33-1.33-3.1-2.06-4.98-2.06H7.05c-1.88,0-3.65.73-4.98,2.06C.73,3.4,0,5.16,0,7.05v10.91c0,1.88.73,3.65,2.06,4.98,1.33,1.33,3.1,2.06,4.98,2.06h10.91c1.88,0,3.65-.73,4.98-2.06,1.33-1.33,2.06-3.1,2.06-4.98V7.05c0-1.88-.73-3.65-2.06-4.98ZM21.39,21.38c-.45.45-.99.81-1.57,1.05-.6.25-1.22.37-1.86.37H7.05c-.64,0-1.27-.12-1.86-.37-.59-.24-1.12-.6-1.57-1.05-.45-.45-.81-.99-1.05-1.57-.25-.6-.37-1.22-.37-1.86V7.04c0-1.3.5-2.52,1.42-3.43.92-.92,2.14-1.42,3.43-1.42h10.91c.64,0,1.27.13,1.86.37.59.24,1.12.6,1.57,1.05.45.45.81.99,1.05,1.57.25.6.37,1.22.37,1.86v10.91c0,.64-.13,1.27-.37,1.86-.24.59-.6,1.12-1.05,1.57Z">
                      </path>
                    </svg>
                  </div>
                </a><a aria-label="navbar-top-right" target="_blank" href="https://www.x.com/DiyanetRadyo">
                  <div>
                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 25 25" fill="currentColor"
                      class="svg_icon">
                      <g>
                        <path
                          d="M20.9721 20.6748L14.8588 11.0674L20.8911 4.43164C21.0275 4.27786 21.0978 4.07649 21.0868 3.87121C21.0757 3.66593 20.9842 3.47328 20.8321 3.33502C20.6799 3.19675 20.4794 3.12403 20.274 3.13261C20.0686 3.14119 19.8749 3.23039 19.7348 3.38086L13.9887 9.70117L10.0346 3.4873C9.96411 3.37632 9.86673 3.28493 9.7515 3.2216C9.63628 3.15827 9.50693 3.12504 9.37544 3.125H4.68794C4.54786 3.12493 4.41034 3.16253 4.28978 3.23385C4.16922 3.30517 4.07006 3.40759 4.00266 3.53039C3.93527 3.65319 3.90214 3.79185 3.90673 3.93186C3.91132 4.07186 3.95347 4.20805 4.02876 4.32617L10.142 13.9326L4.10982 20.5732C4.03937 20.6489 3.98465 20.7378 3.94882 20.8348C3.91298 20.9318 3.89676 21.0349 3.90107 21.1382C3.90539 21.2415 3.93016 21.3429 3.97396 21.4365C4.01776 21.5302 4.0797 21.6142 4.15621 21.6837C4.23272 21.7533 4.32227 21.8069 4.41967 21.8416C4.51707 21.8763 4.62038 21.8912 4.72361 21.8857C4.82684 21.8801 4.92795 21.8541 5.02107 21.8092C5.11418 21.7643 5.19746 21.7014 5.26607 21.624L11.0122 15.3037L14.9663 21.5176C15.0373 21.6277 15.135 21.7181 15.2502 21.7805C15.3654 21.843 15.4944 21.8755 15.6254 21.875H20.3129C20.4529 21.875 20.5902 21.8373 20.7106 21.7661C20.831 21.6948 20.9301 21.5925 20.9975 21.4698C21.0648 21.3472 21.098 21.2087 21.0936 21.0689C21.0891 20.929 21.0472 20.7929 20.9721 20.6748ZM16.0542 20.3125L6.11079 4.6875H8.94282L18.8901 20.3125H16.0542Z"
                          fill="currentColor"></path>
                      </g>
                    </svg>
                  </div>
                </a><a aria-label="navbar-top-right" target="_blank" href="https://www.youtube.com/@diyanetradyo">
                  <div>
                    <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 25 25"
                      fill="currentColor" class="svg_icon">
                      <path
                        d="M24.75,7.5s-.25-1.72-1-2.48c-.95-1-2.02-1-2.5-1.06-3.5-.25-8.75-.25-8.75-.25h0s-5.25,0-8.75.25c-.49.06-1.55.06-2.5,1.06-.75.76-.99,2.48-.99,2.48,0,0-.25,2.03-.25,4.05v1.9c0,2.02.25,4.05.25,4.05,0,0,.25,1.72.99,2.48.95,1,2.2.96,2.76,1.07,2,.19,8.5.25,8.5.25,0,0,5.25,0,8.75-.26.49-.06,1.55-.06,2.5-1.06.75-.76,1-2.48,1-2.48,0,0,.25-2.02.25-4.05v-1.9c0-2.02-.25-4.05-.25-4.05h0ZM9.92,15.74v-7.03l6.75,3.52-6.75,3.5Z">
                      </path>
                    </svg>
                  </div>
                </a><a aria-label="navbar-top-right" target="_blank" href="https://www.tiktok.com/@diyanetradyo">
                  <div>
                    <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 25 25"
                      fill="currentColor" class="svg_icon">
                      <path
                        d="M17.53,0h-4.21v17.03c0,2.03-1.62,3.7-3.64,3.7s-3.64-1.66-3.64-3.7,1.59-3.62,3.53-3.7v-4.27c-4.29.07-7.74,3.59-7.74,7.97s3.53,7.97,7.89,7.97,7.89-3.59,7.89-7.97v-8.73c1.59,1.16,3.53,1.85,5.58,1.88v-4.27c-3.17-.11-5.65-2.72-5.65-5.9h0Z">
                      </path>
                    </svg>
                  </div>
                </a>
              </div>
              <div>
                <div class="app-dropdown_appDropdown_wrapper__N2PuB">
                  <button aria-label="app-dropdown" class="app-dropdown_button__7aqc_">
                    <span>Uygulamalar</span><svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 60 60"
                      fill="currentColor" class="svg_icon">
                      <g>
                        <path
                          d="M30,49.2L1.8,21c-2.3-2.3-2.3-6.1,0-8.5s6.1-2.3,8.5,0l19.8,19.8,19.8-19.8c2.3-2.3,6.1-2.3,8.5,0s2.3,6.1,0,8.5l-28.2,28.2Z">
                        </path>
                      </g>
                    </svg>
                  </button>
                </div>
              </div>
            </div>
          </div>
          <div class="navbar_navbar_bottom__4oAUP">
            <div class="navbar_navbar_bottom_menu__KFUrb">
              <a aria-label="navbar-bottom-menu" class="navbar_navbar_bottom_menu_logo__rnfFy" href="index.htm"><img
                  loading="lazy" src="assets/3c506223-d3b4-4eeb-b81c-971ddb3fed2c" alt="diyanet radyo logo" /></a>
              <div class="navbar_navbar_bottom_menu_link__d0MaI"><a aria-label="navbar-bottom-menu"
                  class="navbar_navbar_bottom_menu_link_item__YQpQO" href="programlar.html">Programlar</a><a
                  aria-label="navbar-bottom-menu" class="navbar_navbar_bottom_menu_link_item__YQpQO"
                  href="yayin-akisi.html">Yayın Akışı</a><a aria-label="navbar-bottom-menu"
                  class="navbar_navbar_bottom_menu_link_item__YQpQO" href="frekanslar.html">Frekanslar</a><a
                  aria-label="navbar-bottom-menu" class="navbar_navbar_bottom_menu_link_item__YQpQO"
                  href="arsiv.html">Arşiv</a></div>
            </div>
            <div class="navbar_navbar_bottom_right__y52ov">
              <button aria-label="navbar-bottom-right" class="navbar_navbar_bottom_right_icon__bNp3J">
                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 60 60" fill="currentColor"
                  class="svg_icon">
                  <g>
                    <g id="Layer_1">
                      <path
                        d="M55,27.7c1.8,1,1.8,3.5,0,4.6L7.6,59.6c-1.8,1-3.9-.3-3.9-2.3V2.6c0-2,2.2-3.3,3.9-2.3l47.4,27.4Z">
                      </path>
                    </g>
                  </g>
                </svg>
              </button>
              <div class="navbar_navbar_bottom_right_text__Sbhb6">
                <a aria-label="navbar-bottom-right" href="canli-dinle.html">
                  <h6 class="navbar_navbar_bottom_right_text_title__sRjPI"><span
                      class="navbar_navbar_bottom_right_text_title_red__TNXsV"></span>CANLI DİNLE</h6>
                  <p></p>
                </a>
              </div>
              <div class="navbar_search_wrapper__tyzz2">
                <div class="navbar_search_wrapper_left__XmTRQ">
                  <button aria-label="navbar-bottom-right" name="navbar-bottom-right">
                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 60 60" fill="currentColor"
                      class="svg_icon">
                      <g>
                        <g id="Layer_1">
                          <path
                            d="M27,53.5C12.3,53.5.4,41.6.4,26.9S12.3.3,27,.3s26.6,11.9,26.6,26.6-11.9,26.6-26.6,26.6ZM27,6.3C15.7,6.3,6.4,15.6,6.4,26.9s9.2,20.6,20.6,20.6,20.6-9.2,20.6-20.6S38.3,6.3,27,6.3Z">
                          </path>
                          <path
                            d="M57,60c-.8,0-1.5-.3-2.1-.9l-12.8-12.7c-1.2-1.2-1.2-3.1,0-4.2,1.2-1.2,3.1-1.2,4.2,0l12.8,12.7c1.2,1.2,1.2,3.1,0,4.2-.6.6-1.4.9-2.1.9Z">
                          </path>
                        </g>
                      </g>
                    </svg></button><input type="text" placeholder="Arama yapın" />
                </div>
                <div class="navbar_search_wrapper_right__IpYEs">
                  <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 60 60" fill="currentColor"
                    class="svg_icon">
                    <g>
                      <g id="Layer_1">
                        <path
                          d="M27,53.5C12.3,53.5.4,41.6.4,26.9S12.3.3,27,.3s26.6,11.9,26.6,26.6-11.9,26.6-26.6,26.6ZM27,6.3C15.7,6.3,6.4,15.6,6.4,26.9s9.2,20.6,20.6,20.6,20.6-9.2,20.6-20.6S38.3,6.3,27,6.3Z">
                        </path>
                        <path
                          d="M57,60c-.8,0-1.5-.3-2.1-.9l-12.8-12.7c-1.2-1.2-1.2-3.1,0-4.2,1.2-1.2,3.1-1.2,4.2,0l12.8,12.7c1.2,1.2,1.2,3.1,0,4.2-.6.6-1.4.9-2.1.9Z">
                        </path>
                      </g>
                    </g>
                  </svg>
                </div>
              </div>
              <div class="navbar_mobile_menu_opener__aBgPP"><span></span><span></span><span></span></div>
            </div>
          </div>
          <div class="navbar_mobile_menu__E5C7v">
            <div class="navbar_mobile_menu_item__z8D0b">
              <a aria-label="navbar-mobile-menu" class="navbar_mobile_menu_item_title__OTFXw"
                href="programlar.html">Programlar<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                  viewbox="0 0 60 60" fill="currentColor" class="svg_icon">
                  <path
                    d="M49.2,30l-28.2,28.2c-2.3,2.3-6.1,2.3-8.5,0s-2.3-6.1,0-8.5l19.8-19.8L12.5,10.2c-2.3-2.3-2.3-6.1,0-8.5s6.1-2.3,8.5,0l28.2,28.2Z">
                  </path>
                </svg></a>
            </div>
            <div class="navbar_mobile_menu_item__z8D0b">
              <a aria-label="navbar-mobile-menu" class="navbar_mobile_menu_item_title__OTFXw"
                href="yayin-akisi.html">Yayın Akışı<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                  viewbox="0 0 60 60" fill="currentColor" class="svg_icon">
                  <path
                    d="M49.2,30l-28.2,28.2c-2.3,2.3-6.1,2.3-8.5,0s-2.3-6.1,0-8.5l19.8-19.8L12.5,10.2c-2.3-2.3-2.3-6.1,0-8.5s6.1-2.3,8.5,0l28.2,28.2Z">
                  </path>
                </svg></a>
            </div>
            <div class="navbar_mobile_menu_item__z8D0b">
              <a aria-label="navbar-mobile-menu" class="navbar_mobile_menu_item_title__OTFXw"
                href="frekanslar.html">Frekanslar<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                  viewbox="0 0 60 60" fill="currentColor" class="svg_icon">
                  <path
                    d="M49.2,30l-28.2,28.2c-2.3,2.3-6.1,2.3-8.5,0s-2.3-6.1,0-8.5l19.8-19.8L12.5,10.2c-2.3-2.3-2.3-6.1,0-8.5s6.1-2.3,8.5,0l28.2,28.2Z">
                  </path>
                </svg></a>
            </div>
            <div class="navbar_mobile_menu_item__z8D0b">
              <a aria-label="navbar-mobile-menu" class="navbar_mobile_menu_item_title__OTFXw"
                href="arsiv.html">Arşiv<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 60 60"
                  fill="currentColor" class="svg_icon">
                  <path
                    d="M49.2,30l-28.2,28.2c-2.3,2.3-6.1,2.3-8.5,0s-2.3-6.1,0-8.5l19.8-19.8L12.5,10.2c-2.3-2.3-2.3-6.1,0-8.5s6.1-2.3,8.5,0l28.2,28.2Z">
                  </path>
                </svg></a>
            </div>
            <div class="navbar_mobile_menu_bottom_links__rk6CQ"><a aria-label="navbar-mobile-menu"
                class="navbar_mobile_menu_bottom_link__uTuVk" href="haberler.html">Haberler</a><a
                aria-label="navbar-mobile-menu" class="navbar_mobile_menu_bottom_link__uTuVk"
                href="kurumsal/studyomuz.html">Stüdyomuz</a><a aria-label="navbar-mobile-menu"
                class="navbar_mobile_menu_bottom_link__uTuVk" href="kurumsal.html">Kurumsal</a><a
                aria-label="navbar-mobile-menu" class="navbar_mobile_menu_bottom_link__uTuVk"
                href="kurumsal/iletisim.html">İletişim</a></div>
            <div class="navbar_mobile_menu_policy_links__3KA8t"><a aria-label="navbar-mobile-menu"
                class="navbar_mobile_menu_policy_link__BWrqV" href="sozlesmeler/cerez-politikasi.html">Çerez
                Politikası</a><a aria-label="navbar-mobile-menu" class="navbar_mobile_menu_policy_link__BWrqV"
                href="sozlesmeler/gizlilik-politikasi.html">Gizlilik Politikası</a><a aria-label="navbar-mobile-menu"
                class="navbar_mobile_menu_policy_link__BWrqV" href="sozlesmeler/kullanim-sartlari.html">Kullanım
                Şartları</a></div>
            <div class="navbar_mobile_menu_footer__TggVt">
              <div class="navbar_mobile_menu_footer_logos__mvJ0_">
                <a aria-label="navbar-mobile-menu" href="index.htm"><img loading="lazy" src="images/diyanet-logo.png"
                    alt="diyanet baskanligi" /></a>
              </div>
              <p class="navbar_mobile_menu_footer_copyright__5QnUt">Copyright © 2024 Diyanet Radyo. Her Hakkı Saklıdır.
              </p>
            </div>
          </div>
        </div>
      </div>
    </header>
`
});

Vvveb.Sections.add("radyo/hero", {
name: "Radyo Hero",
image: "https://panel.vebusoft.com/theme/radyo/assets/preview/hero.png",
html: `
<section class="radio-hero" aria-label="hero">
  <div class="container">
    <div class="hero-content">
      <h1 class="title">denrmr</h1>
      <p class="subtitle"></p>
      <a href="https://panel.vebusoft.com/canli" class="btn">
        <span class="span">Şimdi Dinle</span>
      </a>
    </div>
  </div>
  <div class="background-container"><img src="https://panel.vebusoft.com/theme/radyo/assets/images/hero.jpg"></div>
</section>
`
});

Vvveb.Sections.add("radyo/footer", {
name: "Radyo Footer",
image: "https://panel.vebusoft.com/theme/radyo/assets/preview/footer.png",
html: `
<footer class="radio-footer">
  <div class="container">
    <div class="footer-brand">
      <a href="#" class="logo">
        <img src="https://panel.vebusoft.com/media" alt="denrmr">
      </a>
      <p class="footer-text"></p>
    </div>
    <ul class="footer-list">
      <li><a href="tel:0312 504 0 234">0312 504 0 234</a></li>
      <li><a href="mailto:admin@vebusoft.com">admin@vebusoft.com</a></li>
      <li><address>İKİTELLİ ORGANİZE SANAYİ BÖLGESİ ATATÜRK ATA İŞ MERKEZİ YÖNETİM BİNASI D/BLOK ATA İŞ MERKEZİ KAT / 4 NO :62</address></li>
    </ul>
  </div>
</footer>
`
});



Vvveb.Sections.add("radyo/live", {
name: "Radyo Canlı Yayın",
image: "https://panel.vebusoft.com/theme/radyo/assets/preview/live.png",
html: `
<section class="radio-live" data-component="live-player">
  <div class="container">
    <div class="live-card">
      <div class="live-info">
        <div class="badge">LIVE</div>
        <h2 class="title">Canlı Dinle</h2>
        <p class="desc">Şimdi yayındayız, dinlemeye başlamak için oynat tuşuna basın.</p>
      </div>
      <div class="live-controls" data-vvveb-disabled-noback>
        <audio id="radio-audio" src=""></audio>
        <button class="btn play" onclick="(function(el){var a=document.getElementById('radio-audio'); if(!a) return; if(a.paused){ a.play(); el.classList.add('is-playing'); } else { a.pause(); el.classList.remove('is-playing'); } })(this)">
          <span>Şimdi Dinle</span>
        </button>
      </div>
    </div>
  </div>
</section>
`
});

Vvveb.Sections.add("radyo/schedule", {
name: "Radyo Yayın Akışı",
image: "https://panel.vebusoft.com/theme/radyo/assets/preview/schedule.png",
html: `
<section class="radio-schedule" data-component="schedule">
  <div class="container">
    <h2 class="section-title">Yayın Akışı</h2>
    <div class="schedule-list" data-vvveb-disabled-noback>
      <ul class="list">
        <li class="item">
          <span class="time">06:00 - 08:00</span>
          <span class="program">Sabah Programı</span>
        </li>
        <li class="item">
          <span class="time">08:00 - 10:00</span>
          <span class="program">Haberler</span>
        </li>
        <li class="item">
          <span class="time">10:00 - 12:00</span>
          <span class="program">Müzik Kuşağı</span>
        </li>
      </ul>
    </div>
    <div class="schedule-cta">
      <a href="https://panel.vebusoft.com/yayin-akisi" class="btn">Tüm Yayın Akışı</a>
    </div>
  </div>
</section>
`
});