<!doctype html>

<html lang="ko">

<head>

  <meta charset="utf-8" />

  <meta name="viewport" content="width=device-width, initial-scale=1" />

  <title>혜택 받기</title>

  <style>

    body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:24px;line-height:1.4}

    .card{max-width:520px;margin:0 auto;border:1px solid #eee;border-radius:16px;padding:20px}

    button,a.btn{display:block;width:100%;padding:14px 16px;border-radius:12px;border:0;text-align:center;font-size:16px;text-decoration:none}

    .primary{background:#111;color:#fff;margin-top:12px}

    .secondary{background:#f3f4f6;color:#111;margin-top:10px}

    .hint{font-size:13px;color:#666;margin-top:12px}

  </style>

</head>

<body>

  <div class="card">

    <h2>링크 전용 할인 혜택</h2>

    <p>할인 적용을 위해 <b>네이버 앱에서 열기</b>를 권장합니다.</p>


    <button class="primary" id="openNaver">네이버 앱으로 혜택 받기</button>

    <a class="btn secondary" id="openWeb" href="#">웹으로 열기(안될 수 있음)</a>


    <p class="hint">

      * iOS/Safari 또는 외부 앱(슬랙/인스타 등)에서는 웹으로 바로 열 때 오류가 날 수 있어요.<br/>

      * 버튼 클릭 후 반응이 없다면 네이버 앱 설치 여부를 확인해주세요.

    </p>

  </div>


<script>

  const PRODUCT_URL = "https://smartstore.naver.com/doddl/products/12115934090?nt_source=st&nt_medium=paid_app&nt_detail=recipebanner_bottom";


  // iOS: 네이버 앱 인앱브라우저

  const IOS_DEEPLINK = "naversearchapp://inappbrowser?url=" + encodeURIComponent(PRODUCT_URL);


  // Android: 네이버 앱 intent

  const ANDROID_INTENT =

    "intent://smartstore.naver.com/doddl/products/12115934090" +

    "#Intent;scheme=https;package=com.nhn.android.search;end";


  const ua = navigator.userAgent || "";

  const isIOS = /iPhone|iPad|iPod/i.test(ua);

  const isAndroid = /Android/i.test(ua);


  document.getElementById("openWeb").href = PRODUCT_URL;


  function openApp() {

    if (isIOS) {

      window.location.href = IOS_DEEPLINK;

    } else if (isAndroid) {

      window.location.href = ANDROID_INTENT;

    } else {

      window.location.href = PRODUCT_URL; // PC 등

    }

  }


  // 버튼 클릭 시 실행

  document.getElementById("openNaver").addEventListener("click", () => {

    openApp();


    // 아주 약한 fallback: 1.5초 후에도 페이지에 남아있으면 웹 링크 안내

    setTimeout(() => {

      // 사용자가 여전히 여기 있다면(딥링크 실패 가능) 웹 링크를 다시 노출

      // (실제론 별도 안내 페이지/앱스토어 링크도 추가 가능)

      alert("네이버 앱이 열리지 않으면, 네이버 앱 설치 후 다시 시도해주세요.");

    }, 1500);

  });


  // (선택) 자동 리다이렉트: 원하면 주석 해제

  // openApp();

</script>

</body>

</html>