Add : 구글 폼 관련 내용 제거
This commit is contained in:
KINDNICK
parent
c2e9d5dea2
commit
a8c73b5745
98
index.html
98
index.html
@ -326,7 +326,7 @@
|
|||||||
<h4 style="color:#ff8800;margin-bottom:1rem;">1) 스튜디오 대관 절차</h4>
|
<h4 style="color:#ff8800;margin-bottom:1rem;">1) 스튜디오 대관 절차</h4>
|
||||||
<div style="background:#f8f9fa;padding:1.5rem;border-radius:10px;margin-bottom:2rem;">
|
<div style="background:#f8f9fa;padding:1.5rem;border-radius:10px;margin-bottom:2rem;">
|
||||||
<div style="display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center;">
|
<div style="display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center;">
|
||||||
<span style="background:#ff8800;color:#fff;padding:0.5rem 1rem;border-radius:20px;font-weight:600;">스튜디오 예약 구글 폼 제출</span>
|
<span style="background:#ff8800;color:#fff;padding:0.5rem 1rem;border-radius:20px;font-weight:600;">이메일 문의</span>
|
||||||
<span style="font-size:1.5rem;">→</span>
|
<span style="font-size:1.5rem;">→</span>
|
||||||
<span style="background:#ff8800;color:#fff;padding:0.5rem 1rem;border-radius:20px;font-weight:600;">담당자 확인 및 세부사항 협의</span>
|
<span style="background:#ff8800;color:#fff;padding:0.5rem 1rem;border-radius:20px;font-weight:600;">담당자 확인 및 세부사항 협의</span>
|
||||||
<span style="font-size:1.5rem;">→</span>
|
<span style="font-size:1.5rem;">→</span>
|
||||||
@ -335,9 +335,45 @@
|
|||||||
<span style="background:#ff8800;color:#fff;padding:0.5rem 1rem;border-radius:20px;font-weight:600;">예약 확정</span>
|
<span style="background:#ff8800;color:#fff;padding:0.5rem 1rem;border-radius:20px;font-weight:600;">예약 확정</span>
|
||||||
</div>
|
</div>
|
||||||
<div style="margin-top:1.5rem;text-align:center;">
|
<div style="margin-top:1.5rem;text-align:center;">
|
||||||
<a href="https://docs.google.com/forms/d/e/1FAIpQLSdLBLV1wLDvxxH6KTSjrwrUjI7VkQSdy9KL7mjSfNWBsY-qLw/viewform" target="_blank" class="btn btn-primary" style="margin:0 0.5rem;">📝 구글 폼으로 예약 신청하기</a>
|
<button id="showEmailForm" class="btn btn-primary" style="margin:0 0.5rem;">📧 이메일 문의하기</button>
|
||||||
<p style="margin-top:0.5rem;color:#666;font-size:0.9rem;">※ 네이버 플레이스를 통한 예약도 가능합니다</p>
|
<p style="margin-top:0.5rem;color:#666;font-size:0.9rem;">※ 네이버 플레이스를 통한 예약도 가능합니다</p>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- 인라인 이메일 양식 -->
|
||||||
|
<div id="inlineEmailForm" style="display:none;margin-top:1.5rem;background:#f8f9fa;padding:1.5rem;border-radius:10px;">
|
||||||
|
<p style="margin-bottom:1rem;font-weight:600;">아래 양식을 복사하여 이메일로 문의해주세요:</p>
|
||||||
|
<div style="background:#fff;padding:1.5rem;border-radius:8px;border:1px solid #e5e7eb;">
|
||||||
|
<p style="margin-bottom:0.8rem;"><strong>제목:</strong> [스튜디오 대관 문의]</p>
|
||||||
|
<p style="margin-bottom:0.8rem;"><strong>받는 사람:</strong> minglestudio.mocap@gmail.com</p>
|
||||||
|
<div style="margin-top:1.5rem;">
|
||||||
|
<p style="margin-bottom:0.8rem;"><strong>1. 성함 및 소속</strong></p>
|
||||||
|
<p style="margin-bottom:0.8rem;color:#666;">(개인의 경우 성함만, 기업인 경우 이용자분 성함과 소속을 함께 적어주세요)</p>
|
||||||
|
<p style="margin-bottom:1.5rem;">[여기에 작성해주세요]</p>
|
||||||
|
|
||||||
|
<p style="margin-bottom:0.8rem;"><strong>2. 연락처</strong></p>
|
||||||
|
<p style="margin-bottom:0.8rem;color:#666;">(전화번호, 이메일, 디스코드 중 택1)</p>
|
||||||
|
<p style="margin-bottom:1.5rem;">[여기에 작성해주세요]</p>
|
||||||
|
|
||||||
|
<p style="margin-bottom:0.8rem;"><strong>3. 이용 인원</strong></p>
|
||||||
|
<p style="margin-bottom:0.8rem;color:#666;">(1~2인 권장, 최대 4인까지 가능)</p>
|
||||||
|
<p style="margin-bottom:1.5rem;">□ 1명 □ 2명 □ 3명 □ 4명</p>
|
||||||
|
|
||||||
|
<p style="margin-bottom:0.8rem;"><strong>4. 스튜디오 사용 용도</strong></p>
|
||||||
|
<p style="margin-bottom:1.5rem;">□ 녹화 □ 기타: [여기에 작성해주세요]</p>
|
||||||
|
|
||||||
|
<p style="margin-bottom:0.8rem;"><strong>5. 희망 대관 날짜</strong></p>
|
||||||
|
<p style="margin-bottom:0.8rem;color:#666;">※ 최소 2주 전 예약을 권장합니다</p>
|
||||||
|
<p style="margin-bottom:1.5rem;">[여기에 작성해주세요]</p>
|
||||||
|
|
||||||
|
<p style="margin-bottom:0.8rem;"><strong>6. 희망 이용 시간</strong></p>
|
||||||
|
<p style="margin-bottom:0.8rem;color:#666;">※ 응답 예시) 오전 10시~ 오후 3시(5시간)</p>
|
||||||
|
<p style="margin-bottom:0.8rem;color:#666;">※ 새벽 대관(밤 10시~익일 8시) 이용 시 내부 규정에 따른 별도 요율이 적용됩니다</p>
|
||||||
|
<p style="margin-bottom:1.5rem;">[여기에 작성해주세요]</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="margin-top:1.5rem;text-align:center;">
|
||||||
|
<a href="mailto:minglestudio.mocap@gmail.com?subject=[스튜디오 대관 문의]" class="btn btn-primary">📧 이메일 바로 보내기</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h4 style="color:#ff8800;margin-bottom:1rem;">2) 예약 안내</h4>
|
<h4 style="color:#ff8800;margin-bottom:1rem;">2) 예약 안내</h4>
|
||||||
@ -565,6 +601,25 @@
|
|||||||
if (e.key === 'Escape') closeLightbox();
|
if (e.key === 'Escape') closeLightbox();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 인라인 이메일 문의 양식 토글 기능
|
||||||
|
const showEmailFormButtons = document.querySelectorAll('#showEmailForm, #showEmailForm2');
|
||||||
|
const inlineEmailForm1 = document.getElementById('inlineEmailForm');
|
||||||
|
const inlineEmailForm2 = document.getElementById('inlineEmailForm2');
|
||||||
|
|
||||||
|
showEmailFormButtons.forEach((button, index) => {
|
||||||
|
button.addEventListener('click', function() {
|
||||||
|
const targetForm = index === 0 ? inlineEmailForm1 : inlineEmailForm2;
|
||||||
|
|
||||||
|
if (targetForm.style.display === 'none' || targetForm.style.display === '') {
|
||||||
|
targetForm.style.display = 'block';
|
||||||
|
this.textContent = '📧 이메일 문의 양식 숨기기';
|
||||||
|
} else {
|
||||||
|
targetForm.style.display = 'none';
|
||||||
|
this.textContent = '📧 이메일 문의하기';
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@ -596,7 +651,44 @@
|
|||||||
<h2>FAQ – 자주 묻는 질문</h2>
|
<h2>FAQ – 자주 묻는 질문</h2>
|
||||||
</div>
|
</div>
|
||||||
<ul class="faq-list">
|
<ul class="faq-list">
|
||||||
<li><div class="faq-q">Q1. 스튜디오 대관은 어떻게 예약하나요?</div><div class="faq-a">A. 이메일 문의 또는 예약 폼 작성 후 전달해주시면 됩니다.<br>📧 minglestudio.mocap@gmail.com<br><br><a href="https://docs.google.com/forms/d/e/1FAIpQLSdLBLV1wLDvxxH6KTSjrwrUjI7VkQSdy9KL7mjSfNWBsY-qLw/viewform" target="_blank" class="btn btn-primary" style="margin:0.5rem 0;">📝 구글 폼으로 예약 신청하기</a></div></li>
|
<li><div class="faq-q">Q1. 스튜디오 대관은 어떻게 예약하나요?</div><div class="faq-a">A. 이메일 문의를 통해 예약하실 수 있습니다.<br>📧 minglestudio.mocap@gmail.com<br><br><button id="showEmailForm2" class="btn btn-primary" style="margin:0.5rem 0;">📧 이메일 문의하기</button>
|
||||||
|
<!-- 인라인 이메일 양식 (FAQ) -->
|
||||||
|
<div id="inlineEmailForm2" style="display:none;margin-top:1rem;background:#f8f9fa;padding:1.5rem;border-radius:10px;">
|
||||||
|
<p style="margin-bottom:1rem;font-weight:600;">아래 양식을 복사하여 이메일로 문의해주세요:</p>
|
||||||
|
<div style="background:#fff;padding:1.5rem;border-radius:8px;border:1px solid #e5e7eb;">
|
||||||
|
<p style="margin-bottom:0.8rem;"><strong>제목:</strong> [스튜디오 대관 문의]</p>
|
||||||
|
<p style="margin-bottom:0.8rem;"><strong>받는 사람:</strong> minglestudio.mocap@gmail.com</p>
|
||||||
|
<div style="margin-top:1.5rem;">
|
||||||
|
<p style="margin-bottom:0.8rem;"><strong>1. 성함 및 소속</strong></p>
|
||||||
|
<p style="margin-bottom:0.8rem;color:#666;">(개인의 경우 성함만, 기업인 경우 이용자분 성함과 소속을 함께 적어주세요)</p>
|
||||||
|
<p style="margin-bottom:1.5rem;">[여기에 작성해주세요]</p>
|
||||||
|
|
||||||
|
<p style="margin-bottom:0.8rem;"><strong>2. 연락처</strong></p>
|
||||||
|
<p style="margin-bottom:0.8rem;color:#666;">(전화번호, 이메일, 디스코드 중 택1)</p>
|
||||||
|
<p style="margin-bottom:1.5rem;">[여기에 작성해주세요]</p>
|
||||||
|
|
||||||
|
<p style="margin-bottom:0.8rem;"><strong>3. 이용 인원</strong></p>
|
||||||
|
<p style="margin-bottom:0.8rem;color:#666;">(1~2인 권장, 최대 4인까지 가능)</p>
|
||||||
|
<p style="margin-bottom:1.5rem;">□ 1명 □ 2명 □ 3명 □ 4명</p>
|
||||||
|
|
||||||
|
<p style="margin-bottom:0.8rem;"><strong>4. 스튜디오 사용 용도</strong></p>
|
||||||
|
<p style="margin-bottom:1.5rem;">□ 녹화 □ 기타: [여기에 작성해주세요]</p>
|
||||||
|
|
||||||
|
<p style="margin-bottom:0.8rem;"><strong>5. 희망 대관 날짜</strong></p>
|
||||||
|
<p style="margin-bottom:0.8rem;color:#666;">※ 최소 2주 전 예약을 권장합니다</p>
|
||||||
|
<p style="margin-bottom:1.5rem;">[여기에 작성해주세요]</p>
|
||||||
|
|
||||||
|
<p style="margin-bottom:0.8rem;"><strong>6. 희망 이용 시간</strong></p>
|
||||||
|
<p style="margin-bottom:0.8rem;color:#666;">※ 응답 예시) 오전 10시~ 오후 3시(5시간)</p>
|
||||||
|
<p style="margin-bottom:0.8rem;color:#666;">※ 새벽 대관(밤 10시~익일 8시) 이용 시 내부 규정에 따른 별도 요율이 적용됩니다</p>
|
||||||
|
<p style="margin-bottom:1.5rem;">[여기에 작성해주세요]</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="margin-top:1.5rem;text-align:center;">
|
||||||
|
<a href="mailto:minglestudio.mocap@gmail.com?subject=[스튜디오 대관 문의]" class="btn btn-primary">📧 이메일 바로 보내기</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div></li>
|
||||||
<li><div class="faq-q">Q2. 최소 대관 시간은 어떻게 되나요?</div><div class="faq-a">A. 최소 대관은 2시간부터 가능합니다.</div></li>
|
<li><div class="faq-q">Q2. 최소 대관 시간은 어떻게 되나요?</div><div class="faq-a">A. 최소 대관은 2시간부터 가능합니다.</div></li>
|
||||||
<li><div class="faq-q">Q3. 대관은 얼마나 전에 예약해야 하나요?</div><div class="faq-a">A. 최소 2주 전에 연락주시면 원활하게 준비가 가능합니다.</div></li>
|
<li><div class="faq-q">Q3. 대관은 얼마나 전에 예약해야 하나요?</div><div class="faq-a">A. 최소 2주 전에 연락주시면 원활하게 준비가 가능합니다.</div></li>
|
||||||
<li><div class="faq-q">Q4. 현장 결제가 가능한가요?</div><div class="faq-a">A. 네, 가능합니다.</div></li>
|
<li><div class="faq-q">Q4. 현장 결제가 가능한가요?</div><div class="faq-a">A. 네, 가능합니다.</div></li>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user