scroll to top

/* =====================================================
   HYZE 랜딩 — 하단 고정 띠배너
   Landpress > Custom Script 탭에 붙여넣기 (전역 적용)

   기능:
   - 페이지 진입 시 아래서 위로 슬라이드인
   - 스크롤 내리면 사라짐
   - 최상단으로 돌아오면 다시 표시
   ===================================================== */

(function () {
  function init() {
    /* 중복 생성 방지 */
    if (document.getElementById('hfStripBanner')) return;

    var banner = document.createElement('div');
    banner.id = 'hfStripBanner';

    /* ▼ 이미지 URL */
    var bgUrl    = 'https://vos.line-scdn.net/landpress-content-v2-tydsaggghh9vm556aizy87fc/d041a58bc2614135a20e79fb74badd2b.png?updatedAt=1779108617000';
    var charsUrl = 'https://vos.line-scdn.net/landpress-content-v2-tydsaggghh9vm556aizy87fc/7bb38c7a74cf430fb17c8fdebc39c97f.png?updatedAt=1779108619000';
    /* ▼ 배너 텍스트 — 수정 시 이 문자열만 바꾸세요 */
    var text = '넓은 화면과 새로운 경험, 하이즈 웹 버전 오픈!';

    banner.innerHTML =
      '<img class="hf-banner__bg" src="' + bgUrl + '" alt="">' +
      '<div class="hf-banner__body">' +
        '<div class="hf-strip__inner">' +
          '<img class="hf-banner__chars" src="' + charsUrl + '" alt="">' +
          '<div class="hf-strip__text-group">' +
            '<span class="hf-strip__text">' + text + '</span>' +
            '<img class="hf-strip__arrow" src="https://vos.line-scdn.net/landpress-content-v2-tydsaggghh9vm556aizy87fc/f253b6ee780e45ba99b245c1cd2578d1.png?updatedAt=1779261893000" alt="">' +
          '</div>' +
        '</div>' +
      '</div>';

    /* 배너 클릭 시 링크 이동 */
    banner.style.cursor = 'pointer';
    banner.addEventListener('click', function () {
      window.open('https://cookiechat.ai/home', '_blank');
    });

    document.body.appendChild(banner);

    /* 페이지 진입 시 슬라이드인 */
    setTimeout(function () {
      banner.classList.add('hf-banner--visible');
    }, 100);

    /* ▼ 스크롤 감지: 50px 이상 내리면 숨김 */
    function onScroll() {
      if (window.scrollY < 50) {
        banner.classList.add('hf-banner--visible');
      } else {
        banner.classList.remove('hf-banner--visible');
      }
    }

    window.addEventListener('scroll', onScroll, { passive: true });
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', init);
  } else {
    init();
  }
})();