/* =====================================================
   HYZE 랜딩 — 스크롤 투 탑 버튼
   Landpress > Custom Script 탭에 붙여넣기 (전역 적용)

   기능: 스크롤 300px 이상 내리면 버튼 등장, 클릭 시 최상단으로 이동
   버튼은 JS로 동적 생성 (HTML 탭 수정 불필요)
   ===================================================== */

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

    var btn = document.createElement('button');
    btn.id = 'scrollToTopBtn';
    btn.type = 'button';
    btn.setAttribute('aria-label', 'Scroll to top');

    /* ▼ 버튼 아이콘 이미지 URL — 교체 시 src 수정 */
    btn.innerHTML = '<img src="https://vos.line-scdn.net/landpress-content-v2-tydsaggghh9vm556aizy87fc/9ead9484c24640aa86ccb19d0db55191.png?updatedAt=1779079667000" style="width:100%;height:100%;object-fit:contain;" alt="top">';

    /* 클릭 시 페이지 최상단으로 부드럽게 스크롤 */
    btn.onclick = function () {
      window.scrollTo({ top: 0, behavior: 'smooth' });
    };

    document.body.appendChild(btn);

    /* ▼ 스크롤 300px 이상 내리면 버튼 표시
       기준값 변경: 300 숫자 수정 */
    function onScroll() {
      if (window.scrollY > 300) btn.classList.add('show');
      else btn.classList.remove('show');
    }
    window.addEventListener('scroll', onScroll, { passive: true });
    onScroll();
  }

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

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 = '広い画面, 新しい体験。Hyze Web版オープン!';

    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);

    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();
  }
})();