Home | 한국 왕쑥뜸 회 | 뉴저지 클로스터 전통 면역 테라피

📍 오시는 길 & 📅 상담 및 예약

📍 오시는 길 (Location)

주소: 19 Center St, Closter, NJ 07624
뉴저지 클로스터 중심부에 위치하여 한인 커뮤니티에서 접근이 용이합니다.

⏰ 영업시간

월요일 ~ 금요일 오전 9시 ~ 오후 6시
토요일, 일요일 특별 예약제 운영 (사전 전화 문의 필수)

📞 100% 사전 예약 및 1:1 상담제

한 분 한 분 깊이 있는 상담과 정밀 맞춤 관리를 제공하기 위해 100% 예약제로 운영되고 있습니다. 전화 문의 또는 카카오톡 1:1 상담으로 일정 조율을 부탁드립니다.

📞 전화 상담 (201-290-7991) 💬 카카오톡 1:1 상담 문의

📷 시술 & 시설 기록 사진 (Photo Gallery & Care Logs)

📸

수시 기록 사진 등록하기

새로운 시술 사진, 쑥뜸 재료, 시설 및 고객 케어 기록을 바로 업로드하세요.

실시간 추가 지원

<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
  <!-- Upload Area -->
  <div id="drop-zone" class="border-2 border-dashed border-emerald-300 dark:border-emerald-700/60 hover:border-emerald-500 dark:hover:border-emerald-500 rounded-xl p-6 flex flex-col items-center justify-center text-center cursor-pointer bg-emerald-50/40 dark:bg-stone-950/40 transition-colors relative">
    <input type="file" id="photo-file-input" accept="image/*" class="absolute inset-0 opacity-0 cursor-pointer w-full h-full" />
    <div id="upload-preview-container" class="hidden mb-3">
      <img id="upload-preview-img" src="" alt="미리보기" class="max-h-40 rounded-lg shadow border border-stone-200 dark:border-stone-700" />
    </div>
    <div id="upload-prompt" class="space-y-2">
      <svg class="mx-auto h-12 w-12 text-emerald-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path>
      </svg>
      <p class="text-sm font-semibold text-stone-700 dark:text-stone-300">클릭하거나 사진을 이곳으로 드래그해 오세요</p>
      <p class="text-xs text-stone-400">JPG, PNG, WEBP 지원</p>
    </div>
  </div>

  <!-- Input Metadata -->
  <div class="space-y-4 flex flex-col justify-between">
    <div class="space-y-3">
      <div>
        <label class="block text-xs font-semibold text-stone-700 dark:text-stone-300 mb-1">사진 제목</label>
        <input type="text" id="photo-title-input" placeholder="예: 엄선 법제 쑥뜸 온열 케어 현장" class="w-full text-sm px-3.5 py-2.5 rounded-lg border border-stone-300 dark:border-stone-700 bg-white dark:bg-stone-950 text-stone-900 dark:text-stone-100 focus:ring-2 focus:ring-emerald-500 focus:outline-none" />
      </div>
      <div>
        <label class="block text-xs font-semibold text-stone-700 dark:text-stone-300 mb-1">카테고리 태그</label>
        <select id="photo-category-input" class="w-full text-sm px-3.5 py-2.5 rounded-lg border border-stone-300 dark:border-stone-700 bg-white dark:bg-stone-950 text-stone-900 dark:text-stone-100 focus:ring-2 focus:ring-emerald-500 focus:outline-none">
          <option value="시술기록">시술 기록 (Therapy)</option>
          <option value="법제쑥">법제 쑥 (Premium Mugwort)</option>
          <option value="시설안내">시설 안내 (Facility)</option>
          <option value="고객소식">고객 소식 (Logs)</option>
        </select>
      </div>
      <div>
        <label class="block text-xs font-semibold text-stone-700 dark:text-stone-300 mb-1">간단한 설명</label>
        <input type="text" id="photo-desc-input" placeholder="예: 30년 정통 노하우로 체질에 맞춰 세심하게 뜸자리를 잡습니다." class="w-full text-sm px-3.5 py-2.5 rounded-lg border border-stone-300 dark:border-stone-700 bg-white dark:bg-stone-950 text-stone-900 dark:text-stone-100 focus:ring-2 focus:ring-emerald-500 focus:outline-none" />
      </div>
    </div>
    <button type="button" id="btn-add-photo" class="w-full py-3 bg-emerald-600 hover:bg-emerald-700 text-white font-semibold rounded-lg shadow-md hover:shadow transition-all flex items-center justify-center space-x-2">
      <span>📸 기록 사진 갤러리에 추가하기</span>
    </button>
  </div>
</div>
<div id="upload-status-msg" class="hidden mt-3 text-sm text-emerald-600 dark:text-emerald-400 font-medium text-center"></div>

🖼️ 등록된 기록 사진 목록 4개

💬 질문 및 문의 (Gemini AI 실시간 쑥뜸 상담)

❓ 자주 묻는 질문 (FAQ)

<div class="space-y-3">
  <details class="group bg-stone-50 dark:bg-stone-900 border border-stone-200 dark:border-stone-800 rounded-xl p-4 transition-all [&_summary::-webkit-details-marker]:hidden" open>
    <summary class="flex items-center justify-between font-semibold text-stone-800 dark:text-stone-200 cursor-pointer text-sm">
      <span>Q. 쑥뜸의 대표적인 주요 효능은 무엇인가요?</span>
      <span class="text-emerald-600 group-open:rotate-180 transition-transform">▼</span>
    </summary>
    <p class="text-xs text-stone-600 dark:text-stone-400 mt-3 leading-relaxed border-t border-stone-200 dark:border-stone-800/80 pt-3">
      왕쑥뜸은 깊은 온열과 쑥의 약효 성분이 몸속 깊은 곳까지 침투하여 체온을 높이고 혈액 순환 및 면역 기능을 활성화합니다. 만성 통증(허리/목/어깨), 수족냉증, 소화 불량, 복부 냉증 개선에 매우 효과적입니다.
    </p>
  </details>

  <details class="group bg-stone-50 dark:bg-stone-900 border border-stone-200 dark:border-stone-800 rounded-xl p-4 transition-all [&_summary::-webkit-details-marker]:hidden">
    <summary class="flex items-center justify-between font-semibold text-stone-800 dark:text-stone-200 cursor-pointer text-sm">
      <span>Q. 케어 프로그램 종류와 비용은 어떻게 되나요?</span>
      <span class="text-emerald-600 group-open:rotate-180 transition-transform">▼</span>
    </summary>
    <p class="text-xs text-stone-600 dark:text-stone-400 mt-3 leading-relaxed border-t border-stone-200 dark:border-stone-800/80 pt-3">
      • <strong>부위별 집중 케어 ($100):</strong> 어깨, 허리 등 불편하신 통증 부위 집중 관리<br/>
      • <strong>1:1 맞춤형 증상별 케어 ($200):</strong> 체질 진단 후 전신 온열 전달 및 프리미엄 법제 쑥 집중 케어
    </p>
  </details>

  <details class="group bg-stone-50 dark:bg-stone-900 border border-stone-200 dark:border-stone-800 rounded-xl p-4 transition-all [&_summary::-webkit-details-marker]:hidden">
    <summary class="flex items-center justify-between font-semibold text-stone-800 dark:text-stone-200 cursor-pointer text-sm">
      <span>Q. 뜨겁거나 피부에 화상을 입지 않나요?</span>
      <span class="text-emerald-600 group-open:rotate-180 transition-transform">▼</span>
    </summary>
    <p class="text-xs text-stone-600 dark:text-stone-400 mt-3 leading-relaxed border-t border-stone-200 dark:border-stone-800/80 pt-3">
      30년 전통의 숙련된 조절 노하우와 은은한 온열 간접뜸 기술을 활용하여, 피부 자극이나 강한 통증 없이 부드럽고 기분 좋은 깊은 열감을 전달합니다. 안심하고 받으실 수 있습니다.
    </p>
  </details>

  <details class="group bg-stone-50 dark:bg-stone-900 border border-stone-200 dark:border-stone-800 rounded-xl p-4 transition-all [&_summary::-webkit-details-marker]:hidden">
    <summary class="flex items-center justify-between font-semibold text-stone-800 dark:text-stone-200 cursor-pointer text-sm">
      <span>Q. 방문 예약 및 연락처는 어디인가요?</span>
      <span class="text-emerald-600 group-open:rotate-180 transition-transform">▼</span>
    </summary>
    <p class="text-xs text-stone-600 dark:text-stone-400 mt-3 leading-relaxed border-t border-stone-200 dark:border-stone-800/80 pt-3">
      100% 사전 예약제로 운영됩니다.<br/>
      📍 주소: 19 Center St, Closter, NJ 07624<br/>
      📞 직통 전화: <strong>201-290-7991</strong>
    </p>
  </details>
</div>

<!-- Quick Direct Contact Cards (Phone & KakaoTalk 1:1) -->
<div class="space-y-3">
  <div class="p-4 bg-emerald-50 dark:bg-emerald-950/40 border border-emerald-200 dark:border-emerald-800/60 rounded-xl flex items-center justify-between">
    <div>
      <p class="text-xs text-emerald-800 dark:text-emerald-300 font-semibold">전화로 즉시 질문 & 예약하기</p>
      <p class="text-sm font-bold text-stone-900 dark:text-stone-100">📞 201-290-7991</p>
    </div>
    <a href="tel:+12012907991" class="px-3.5 py-1.5 bg-emerald-600 hover:bg-emerald-700 text-white text-xs font-semibold rounded-lg shadow transition-colors">
      전화 연결
    </a>
  </div>

  <div class="p-4 bg-amber-50 dark:bg-amber-950/40 border border-amber-200 dark:border-amber-800/60 rounded-xl flex items-center justify-between">
    <div>
      <p class="text-xs text-amber-900 dark:text-amber-300 font-semibold">카카오톡 1:1 실시간 채팅 문의</p>
      <p class="text-xs text-stone-600 dark:text-stone-400">1:1 맞춤 상담 & 예약 안내</p>
    </div>
    <a href="https://open.kakao.com/" target="_blank" rel="noopener noreferrer" class="px-3.5 py-1.5 bg-[#FEE500] hover:bg-[#FADA0A] text-[#191919] text-xs font-bold rounded-lg shadow transition-colors">
      💬 카톡 상담하기
    </a>
  </div>
</div>

🌿 Gemini AI 쑥뜸 전문 상담원

한국 왕쑥뜸 회 30년 지식 기반 실시간 대답

<!-- API Key Collapsible Panel -->
<div id="key-modal-panel" class="hidden bg-stone-100 dark:bg-stone-800 p-3 border-b border-stone-200 dark:border-stone-700 text-xs space-y-2">
  <div class="flex items-center justify-between">
    <span class="font-semibold text-stone-800 dark:text-stone-200">Google Gemini API Key 연동</span>
    <span class="text-[10px] text-stone-500">(미입력 시 전용 AI 지식엔진으로 자동 응답)</span>
  </div>
  <div class="flex space-x-2">
    <input type="password" id="user-gemini-key" placeholder="AIzaSy..." class="flex-1 px-3 py-1.5 rounded border border-stone-300 dark:border-stone-600 bg-white dark:bg-stone-900 text-stone-900 dark:text-stone-100 text-xs" />
    <button id="btn-save-key" class="px-3 py-1.5 bg-emerald-600 text-white font-semibold rounded text-xs">저장</button>
  </div>
</div>

<!-- Suggested Question Chips -->
<div class="px-4 py-2.5 bg-stone-50 dark:bg-stone-950/60 border-b border-stone-200 dark:border-stone-800 flex items-center space-x-2 overflow-x-auto text-xs no-scrollbar">
  <span class="text-stone-400 font-medium shrink-0">추천 질문:</span>
  <button class="ai-chip shrink-0 px-2.5 py-1 bg-white dark:bg-stone-800 border border-stone-200 dark:border-stone-700 rounded-full hover:border-emerald-500 text-stone-700 dark:text-stone-300 text-[11px]">
    🌿 허리 통증에 쑥뜸이 효과적인가요?
  </button>
  <button class="ai-chip shrink-0 px-2.5 py-1 bg-white dark:bg-stone-800 border border-stone-200 dark:border-stone-700 rounded-full hover:border-emerald-500 text-stone-700 dark:text-stone-300 text-[11px]">
    ⏱️ 1:1 맞춤 케어 비용과 시간은?
  </button>
  <button class="ai-chip shrink-0 px-2.5 py-1 bg-white dark:bg-stone-800 border border-stone-200 dark:border-stone-700 rounded-full hover:border-emerald-500 text-stone-700 dark:text-stone-300 text-[11px]">
    🚗 주차 및 찾아오는 길 안내
  </button>
</div>

<!-- Chat Messages Area -->
<div id="ai-chat-body" class="flex-1 p-4 overflow-y-auto space-y-3 bg-stone-50/50 dark:bg-stone-950/30">
  <!-- Default Welcome Message -->
  <div class="flex items-start space-x-2.5">
    <div class="w-8 h-8 rounded-full bg-emerald-600 text-white flex items-center justify-center font-bold text-xs shrink-0 shadow">AI</div>
    <div class="bg-white dark:bg-stone-800 border border-stone-200 dark:border-stone-700 p-3.5 rounded-2xl rounded-tl-none max-w-[85%] text-xs leading-relaxed text-stone-800 dark:text-stone-200 shadow-xs">
      안녕하세요! 🌿 <strong>한국 왕쑥뜸 회</strong> Gemini AI 전문 상담원입니다.<br/><br/>
      뉴저지 클로스터(19 Center St)에서 30년 정통 노하우와 법제 쑥뜸 케어로 건강을 지켜드리고 있습니다. 쑥뜸 효능, 통증 케어, 프로그램 가격, 예약 안내 등 무엇이든 질문해 주세요!
    </div>
  </div>
</div>

<!-- Chat Input Footer -->
<div class="p-3 bg-white dark:bg-stone-900 border-t border-stone-200 dark:border-stone-800 flex items-center space-x-2">
  <input type="text" id="ai-user-input" placeholder="질문 내용을 입력하세요 (예: 어깨 통증 치료 문의)..." class="flex-1 text-xs px-3.5 py-2.5 rounded-xl border border-stone-300 dark:border-stone-700 bg-stone-50 dark:bg-stone-950 text-stone-900 dark:text-stone-100 focus:outline-none focus:ring-2 focus:ring-emerald-500" />
  <button id="ai-send-btn" class="px-4 py-2.5 bg-emerald-600 hover:bg-emerald-700 text-white font-semibold rounded-xl text-xs shadow transition-all flex items-center space-x-1 shrink-0">
    <span>전송</span>
    <span>➔</span>
  </button>
</div>

No results found