{"id":82,"date":"2026-08-11T01:43:47","date_gmt":"2026-08-11T01:43:47","guid":{"rendered":"https:\/\/deadbandcollective.com\/?page_id=82"},"modified":"2026-08-17T03:40:25","modified_gmt":"2026-08-17T03:40:25","slug":"elementor-page-82","status":"publish","type":"page","link":"https:\/\/deadbandcollective.com\/?page_id=82","title":{"rendered":"Elementor Page #82"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"82\" class=\"elementor elementor-82\">\n\t\t\t\t<div class=\"elementor-element elementor-element-361a236 e-flex e-con-boxed e-con e-parent\" data-id=\"361a236\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-224aa39 elementor-widget elementor-widget-html\" data-id=\"224aa39\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  .db-menu-wrap {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 30px;\n    border-bottom: 1px solid #1a1a1a;\n    background: #000;\n  }\n  .db-menu-logo {\n    width: 58px;\n    height: 58px;\n    object-fit: contain;\n  }\n  .db-menu {\n    display: flex;\n    gap: 22px;\n    flex-wrap: wrap;\n    justify-content: center;\n    flex: 1;\n  }\n  .db-menu a {\n    color: #999;\n    text-decoration: none;\n    font-size: 11px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    transition: 0.25s;\n  }\n  .db-menu a:hover {\n    color: #ff2d78;\n  }\n  .db-menu-spacer {\n    width: 58px;\n  }\n  @media (max-width: 800px) {\n    .db-menu-wrap {\n      flex-direction: column;\n      gap: 14px;\n    }\n    .db-menu-spacer {\n      display: none;\n    }\n  }\n<\/style>\n\n<!-- DEADBAND MENU -->\n<style>\n  .db-menu-wrap {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 30px;\n    border-bottom: 1px solid #1a1a1a;\n    background: #000;\n    font-family: Arial, Helvetica, sans-serif;\n  }\n  .db-menu-logo {\n    width: 58px;\n    height: 58px;\n    object-fit: contain;\n  }\n  .db-menu {\n    display: flex;\n    gap: 18px;\n    flex-wrap: wrap;\n    justify-content: center;\n    flex: 1;\n  }\n  .db-menu a {\n    color: #999;\n    text-decoration: none;\n    font-size: 11px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    transition: 0.25s;\n  }\n  .db-menu a:hover {\n    color: #ff2d78;\n  }\n  .db-menu-spacer {\n    width: 58px;\n  }\n  @media (max-width: 900px) {\n    .db-menu-wrap {\n      flex-direction: column;\n      gap: 14px;\n    }\n    .db-menu-spacer {\n      display: none;\n    }\n  }\n<\/style>\n\n<div class=\"db-menu-wrap\">\n  <img decoding=\"async\" class=\"db-menu-logo\" src=\"https:\/\/deadbandcollective.com\/wp-content\/uploads\/2026\/08\/79e6k.jpg\" alt=\"Deadband Collective\">\n  <nav class=\"db-menu\">\n    <a href=\"https:\/\/deadbandcollective.com\/\">Home<\/a>\n    <a href=\"https:\/\/deadbandcollective.com\/?page_id=82\">Shop<\/a>\n    <a href=\"https:\/\/deadbandcollective.com\/?page_id=72\">Music<\/a>\n    <a href=\"https:\/\/deadbandcollective.com\/?page_id=137\">The Signal<\/a>\n    <a href=\"https:\/\/deadbandcollective.com\/?page_id=67\">About<\/a>\n    <a href=\"https:\/\/deadbandcollective.com\/?page_id=51\">Frequency<\/a>\n    <a href=\"https:\/\/deadbandcollective.com\/?page_id=77\">Contact<\/a>\n    <a href=\"https:\/\/deadbandcollective.com\/?page_id=92\">Donations<\/a>\n    <a href=\"https:\/\/deadbandcollective.com\/?page_id=203\">Recommend It<\/a>\n  <\/nav>\n  <div class=\"db-menu-spacer\"><\/div>\n<\/div><!-- \nDEADBAND COLLECTIVE - 08 SHOP PAGE\nLogo + Carousel + Product Grid\nPaste this into an Elementor HTML widget.\n-->\n\n<style>\n  .db-shop {\n    background: #000;\n    color: #fff;\n    font-family: Arial, Helvetica, sans-serif;\n    padding-bottom: 80px;\n  }\n\n  \/* ===== HEADER \/ LOGO ===== *\/\n  .db-shop-header {\n    text-align: center;\n    padding: 70px 20px 40px;\n  }\n  .db-shop-header img {\n    max-width: 340px;\n    width: 80%;\n    height: auto;\n    margin-bottom: 12px;\n  }\n  .db-shop-header .tag {\n    font-size: 11px;\n    letter-spacing: 5px;\n    text-transform: uppercase;\n    color: #888;\n  }\n\n  \/* ===== CAROUSEL ===== *\/\n  .db-carousel-wrap {\n    max-width: 1000px;\n    margin: 0 auto 60px;\n    padding: 0 20px;\n    position: relative;\n  }\n  .db-carousel {\n    position: relative;\n    overflow: hidden;\n    border: 1px solid #1a1a1a;\n    background: #0a0a0a;\n  }\n  .db-carousel-track {\n    display: flex;\n    transition: transform 0.4s ease;\n  }\n  .db-slide {\n    min-width: 100%;\n    height: 380px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #111;\n    position: relative;\n  }\n  .db-slide img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n  .db-slide-caption {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    padding: 18px 20px;\n    background: linear-gradient(transparent, rgba(0,0,0,0.85));\n    font-size: 14px;\n    letter-spacing: 1px;\n  }\n  .db-carousel-btn {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    background: rgba(0,0,0,0.7);\n    border: 1px solid #333;\n    color: #fff;\n    width: 42px;\n    height: 42px;\n    cursor: pointer;\n    font-size: 18px;\n    z-index: 5;\n    transition: 0.2s;\n  }\n  .db-carousel-btn:hover {\n    background: #8B0000;\n    border-color: #8B0000;\n  }\n  .db-carousel-btn.prev { left: 10px; }\n  .db-carousel-btn.next { right: 10px; }\n\n  .db-dots {\n    text-align: center;\n    margin-top: 15px;\n  }\n  .db-dot {\n    display: inline-block;\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: #333;\n    margin: 0 5px;\n    cursor: pointer;\n  }\n  .db-dot.active {\n    background: #8B0000;\n  }\n\n  \/* ===== SECTION TITLE ===== *\/\n  .db-shop-title {\n    text-align: center;\n    font-size: 13px;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    margin-bottom: 40px;\n    color: #fff;\n  }\n  .db-shop-title span {\n    color: #8B0000;\n  }\n\n  \/* ===== PRODUCT GRID ===== *\/\n  .db-products {\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 0 20px;\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n    gap: 25px;\n  }\n  .db-product {\n    background: #0a0a0a;\n    border: 1px solid #1a1a1a;\n    transition: 0.3s;\n  }\n  .db-product:hover {\n    border-color: #8B0000;\n  }\n  .db-product img {\n    width: 100%;\n    height: 280px;\n    object-fit: cover;\n    background: #111;\n    display: block;\n  }\n  .db-product-info {\n    padding: 18px 16px 22px;\n  }\n  .db-product-info h3 {\n    font-size: 15px;\n    margin-bottom: 6px;\n  }\n  .db-product-info .price {\n    font-size: 13px;\n    color: #8B0000;\n    margin-bottom: 14px;\n  }\n  .db-product-info a {\n    display: inline-block;\n    font-size: 11px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: #fff;\n    text-decoration: none;\n    border: 1px solid #333;\n    padding: 8px 16px;\n    transition: 0.25s;\n  }\n  .db-product-info a:hover {\n    background: #8B0000;\n    border-color: #8B0000;\n  }\n<\/style>\n\n<div class=\"db-shop\">\n\n  <!-- LOGO HEADER -->\n  <div class=\"db-shop-header\">\n    <!-- REPLACE with your refined logo URL -->\n    <img decoding=\"async\" src=\"https:\/\/deadbandcollective.com\/wp-content\/uploads\/2026\/08\/79e6k.jpg\" alt=\"Deadband Collective\">\n    <div class=\"tag\">Untouchable Frequency<\/div>\n  <\/div>\n\n  <!-- CAROUSEL -->\n  <div class=\"db-carousel-wrap\">\n    <div class=\"db-carousel\">\n      <div class=\"db-carousel-track\" id=\"dbTrack\">\n        <!-- SLIDE 1 -->\n        <div class=\"db-slide\">\n          <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/1000x380\/111\/333?text=Featured+Drop+01\" alt=\"Featured 1\">\n          <div class=\"db-slide-caption\">Featured Drop \u2014 Core Collection<\/div>\n        <\/div>\n        <!-- SLIDE 2 -->\n        <div class=\"db-slide\">\n          <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/1000x380\/111\/333?text=Featured+Drop+02\" alt=\"Featured 2\">\n          <div class=\"db-slide-caption\">Limited Piece \u2014 Now Live<\/div>\n        <\/div>\n        <!-- SLIDE 3 -->\n        <div class=\"db-slide\">\n          <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/1000x380\/111\/333?text=Featured+Drop+03\" alt=\"Featured 3\">\n          <div class=\"db-slide-caption\">New Frequency \u2014 Music + Merch<\/div>\n        <\/div>\n      <\/div>\n      <button class=\"db-carousel-btn prev\" onclick=\"dbMove(-1)\">\u2039<\/button>\n      <button class=\"db-carousel-btn next\" onclick=\"dbMove(1)\">\u203a<\/button>\n    <\/div>\n    <div class=\"db-dots\" id=\"dbDots\"><\/div>\n  <\/div>\n\n  <!-- PRODUCTS TITLE -->\n  <div class=\"db-shop-title\">The <span>Collection<\/span><\/div>\n\n  <!-- PRODUCT GRID -->\n  <div class=\"db-products\">\n\n    <div class=\"db-product\">\n      <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400\/111\/333?text=Tee+01\" alt=\"Product\">\n      <div class=\"db-product-info\">\n        <h3>Core Tee \u2014 Black<\/h3>\n        <div class=\"price\">$38<\/div>\n        <a href=\"#\">View<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"db-product\">\n      <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400\/111\/333?text=Hoodie\" alt=\"Product\">\n      <div class=\"db-product-info\">\n        <h3>Frequency Hoodie<\/h3>\n        <div class=\"price\">$68<\/div>\n        <a href=\"#\">View<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"db-product\">\n      <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400\/111\/333?text=Hat\" alt=\"Product\">\n      <div class=\"db-product-info\">\n        <h3>Deadband Cap<\/h3>\n        <div class=\"price\">$32<\/div>\n        <a href=\"#\">View<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"db-product\">\n      <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400\/111\/333?text=Limited\" alt=\"Product\">\n      <div class=\"db-product-info\">\n        <h3>Limited Constructed Tee<\/h3>\n        <div class=\"price\">$55<\/div>\n        <a href=\"#\">View<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"db-product\">\n      <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400\/111\/333?text=Longsleeve\" alt=\"Product\">\n      <div class=\"db-product-info\">\n        <h3>Longsleeve \u2014 Signal<\/h3>\n        <div class=\"price\">$48<\/div>\n        <a href=\"#\">View<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"db-product\">\n      <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400\/111\/333?text=Coming+Soon\" alt=\"Product\">\n      <div class=\"db-product-info\">\n        <h3>Coming Soon<\/h3>\n        <div class=\"price\">\u2014<\/div>\n        <a href=\"#\">Notify<\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n<script>\n  (function() {\n    let current = 0;\n    const track = document.getElementById('dbTrack');\n    const slides = track.children;\n    const dotsContainer = document.getElementById('dbDots');\n\n    \/\/ Create dots\n    for (let i = 0; i < slides.length; i++) {\n      const dot = document.createElement('span');\n      dot.className = 'db-dot' + (i === 0 ? ' active' : '');\n      dot.onclick = () => dbGoTo(i);\n      dotsContainer.appendChild(dot);\n    }\n\n    window.dbMove = function(dir) {\n      current += dir;\n      if (current < 0) current = slides.length - 1;\n      if (current >= slides.length) current = 0;\n      update();\n    };\n\n    window.dbGoTo = function(index) {\n      current = index;\n      update();\n    };\n\n    function update() {\n      track.style.transform = 'translateX(-' + (current * 100) + '%)';\n      const dots = dotsContainer.children;\n      for (let i = 0; i < dots.length; i++) {\n        dots[i].className = 'db-dot' + (i === current ? ' active' : '');\n      }\n    }\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-492c7c3 e-flex e-con-boxed e-con e-parent\" data-id=\"492c7c3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f6618a1 e-flex e-con-boxed e-con e-parent\" data-id=\"f6618a1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-626bd79 elementor-widget elementor-widget-html\" data-id=\"626bd79\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- DEADBAND SITE-WIDE AUDIO OVERLAY -->\n<style>\n  #db-audio-overlay {\n    position: fixed;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    z-index: 99999;\n    background: #000;\n    border-top: 1px solid #1a1a1a;\n    padding: 10px 20px;\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  #db-audio-overlay .label {\n    font-size: 11px;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: #ff2d78;\n    white-space: nowrap;\n  }\n\n  #db-audio-overlay .track-name {\n    font-size: 12px;\n    color: #888;\n    letter-spacing: 1px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 180px;\n  }\n\n  #db-audio-overlay audio {\n    flex: 1;\n    max-width: 480px;\n    height: 32px;\n  }\n\n  @media (max-width: 700px) {\n    #db-audio-overlay .label,\n    #db-audio-overlay .track-name { display: none; }\n    #db-audio-overlay audio { max-width: none; }\n  }\n<\/style>\n\n<div id=\"db-audio-overlay\">\n  <div class=\"label\">Signal<\/div>\n  <div class=\"track-name\" id=\"db-track-label\">DeadBand<\/div>\n\n  <audio id=\"db-site-audio\" controls loop preload=\"auto\">\n    <source id=\"db-audio-source\" src=\"https:\/\/deadbandcollective.com\/wp-content\/uploads\/2026\/08\/DeadBand.m4a\" type=\"audio\/mp4\">\n  <\/audio>\n<\/div>\n\n<script>\n(function () {\n  const audio = document.getElementById('db-site-audio');\n  const source = document.getElementById('db-audio-source');\n  const label = document.getElementById('db-track-label');\n  if (!audio || !source) return;\n\n  const TIME_KEY = 'db_audio_time';\n  const PLAY_KEY = 'db_audio_playing';\n  const SRC_KEY = 'db_audio_src';\n  const NAME_KEY = 'db_audio_name';\n\n  \/\/ Restore last track if user switched on Music page\n  const savedSrc = sessionStorage.getItem(SRC_KEY);\n  const savedName = sessionStorage.getItem(NAME_KEY);\n  if (savedSrc && savedSrc !== source.src) {\n    source.src = savedSrc;\n    audio.load();\n    if (label && savedName) label.textContent = savedName;\n  }\n\n  const savedTime = sessionStorage.getItem(TIME_KEY);\n  if (savedTime) audio.currentTime = parseFloat(savedTime);\n\n  if (sessionStorage.getItem(PLAY_KEY) === '1') {\n    audio.play().catch(function () {});\n  }\n\n  audio.addEventListener('timeupdate', function () {\n    sessionStorage.setItem(TIME_KEY, audio.currentTime);\n  });\n\n  audio.addEventListener('play', function () {\n    sessionStorage.setItem(PLAY_KEY, '1');\n  });\n\n  audio.addEventListener('pause', function () {\n    sessionStorage.setItem(PLAY_KEY, '0');\n  });\n\n  \/\/ Global function Music page can call\n  window.dbPlayTrack = function (url, name, type) {\n    if (!url) return;\n    source.src = url;\n    if (type) source.type = type;\n    if (label) label.textContent = name || 'Signal';\n    sessionStorage.setItem(SRC_KEY, url);\n    sessionStorage.setItem(NAME_KEY, name || 'Signal');\n    sessionStorage.setItem(TIME_KEY, '0');\n    audio.load();\n    audio.play().catch(function () {});\n  };\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home Shop Music The Signal About Frequency Contact Donations Recommend It Untouchable Frequency Featured Drop \u2014 Core Collection Limited Piece \u2014 Now Live New Frequency \u2014 Music + Merch \u2039 \u203a The Collection Core Tee \u2014 Black $38 View Frequency Hoodie $68 View Deadband Cap $32 View Limited Constructed Tee $55 View Longsleeve \u2014 Signal [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-82","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/deadbandcollective.com\/index.php?rest_route=\/wp\/v2\/pages\/82","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/deadbandcollective.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/deadbandcollective.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/deadbandcollective.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/deadbandcollective.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=82"}],"version-history":[{"count":13,"href":"https:\/\/deadbandcollective.com\/index.php?rest_route=\/wp\/v2\/pages\/82\/revisions"}],"predecessor-version":[{"id":324,"href":"https:\/\/deadbandcollective.com\/index.php?rest_route=\/wp\/v2\/pages\/82\/revisions\/324"}],"wp:attachment":[{"href":"https:\/\/deadbandcollective.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=82"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}