Fix: 영/일/중 contact 페이지 폼 텍스트 한국어 → 각 언어로 번역

- en/contact.html: 폼 라벨/버튼/카카오톡 카드 영어로 수정
- ja/contact.html: 폼 라벨/버튼/카카오톡 카드 일본어로 수정
- zh/contact.html: 폼 라벨/버튼/카카오톡 카드 중국어로 수정
- i18n JSON 미로드 시에도 올바른 언어 표시되도록 HTML 폴백 텍스트 수정

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
68893236+KINDNICK@users.noreply.github.com 2026-03-05 01:30:12 +09:00
parent 414a91ef64
commit 98fdae3f48
3 changed files with 78 additions and 78 deletions

View File

@ -194,9 +194,9 @@
<div class="contact-card reveal" data-reveal="up">
<div class="contact-icon"><i class="fa-solid fa-comment" aria-hidden="true" style="color: #FEE500"></i></div>
<h3 data-i18n="contact.kakao.title">카카오톡</h3>
<p data-i18n="contact.kakao.desc">오픈채팅 상담</p>
<a href="https://open.kakao.com/o/sXOK0Iji" target="_blank" class="contact-link" data-i18n="contact.kakao.link">카카오톡 상담하기</a>
<h3 data-i18n="contact.kakao.title">KakaoTalk</h3>
<p data-i18n="contact.kakao.desc">Open Chat Consultation</p>
<a href="https://open.kakao.com/o/sXOK0Iji" target="_blank" class="contact-link" data-i18n="contact.kakao.link">KakaoTalk Consultation</a>
</div>
</div>
</div>
@ -208,67 +208,67 @@
<section class="section">
<div class="container">
<div class="section-header">
<h2 data-i18n="contact.form.title">온라인 문의</h2>
<p data-i18n="contact.form.desc">아래 양식을 작성하시면 빠르게 답변 드리겠습니다</p>
<h2 data-i18n="contact.form.title">Online Inquiry</h2>
<p data-i18n="contact.form.desc">Fill out the form below and we'll get back to you promptly</p>
</div>
<div class="contact-form-wrapper">
<form id="contactForm" class="contact-form" novalidate>
<div class="form-row">
<div class="form-group">
<label for="name" data-i18n="contact.form.name">이름 <span class="required">*</span></label>
<input type="text" id="name" name="name" required placeholder="홍길동" data-i18n-placeholder="contact.form.namePlaceholder">
<label for="name" data-i18n="contact.form.name">Name <span class="required">*</span></label>
<input type="text" id="name" name="name" required placeholder="John Doe" data-i18n-placeholder="contact.form.namePlaceholder">
</div>
<div class="form-group">
<label for="email" data-i18n="contact.form.email">이메일 <span class="required">*</span></label>
<label for="email" data-i18n="contact.form.email">Email <span class="required">*</span></label>
<input type="email" id="email" name="email" required placeholder="example@email.com">
</div>
</div>
<div class="form-row">
<div class="form-group">
<label for="phone" data-i18n="contact.form.phone">전화번호</label>
<label for="phone" data-i18n="contact.form.phone">Phone</label>
<input type="tel" id="phone" name="phone" placeholder="010-0000-0000">
</div>
<div class="form-group">
<label for="service" data-i18n="contact.form.service">문의 유형 <span class="required">*</span></label>
<label for="service" data-i18n="contact.form.service">Inquiry Type <span class="required">*</span></label>
<select id="service" name="service" required>
<option value="" data-i18n="contact.form.serviceDefault">선택해주세요</option>
<option value="studio_rental" data-i18n="contact.form.serviceRental">스튜디오 대관</option>
<option value="motion_recording" data-i18n="contact.form.serviceMotion">모션 녹화</option>
<option value="music_video" data-i18n="contact.form.serviceMV">뮤직비디오 제작</option>
<option value="partnership" data-i18n="contact.form.servicePartner">제휴/협력</option>
<option value="other" data-i18n="contact.form.serviceOther">기타</option>
<option value="" data-i18n="contact.form.serviceDefault">Please select</option>
<option value="studio_rental" data-i18n="contact.form.serviceRental">Studio Rental</option>
<option value="motion_recording" data-i18n="contact.form.serviceMotion">Motion Recording</option>
<option value="music_video" data-i18n="contact.form.serviceMV">Music Video Production</option>
<option value="partnership" data-i18n="contact.form.servicePartner">Partnership</option>
<option value="other" data-i18n="contact.form.serviceOther">Other</option>
</select>
</div>
</div>
<div class="form-group">
<label for="message" data-i18n="contact.form.message">문의 내용 <span class="required">*</span></label>
<textarea id="message" name="message" required rows="5" placeholder="프로젝트 내용, 희망 일정 등을 자유롭게 작성해주세요" data-i18n-placeholder="contact.form.messagePlaceholder"></textarea>
<p class="field-hint" data-i18n="contact.form.sensitiveWarning">주민등록번호, 계좌번호 등 민감한 개인정보를 입력하지 마세요.</p>
<label for="message" data-i18n="contact.form.message">Message <span class="required">*</span></label>
<textarea id="message" name="message" required rows="5" placeholder="Please describe your project, preferred schedule, etc." data-i18n-placeholder="contact.form.messagePlaceholder"></textarea>
<p class="field-hint" data-i18n="contact.form.sensitiveWarning">Please do not enter sensitive personal information such as ID numbers or bank account numbers.</p>
</div>
<div class="checkbox-group">
<label class="checkbox-label">
<input type="checkbox" id="privacyConsent" name="privacyConsent" required>
<span class="checkmark"></span>
<span data-i18n="contact.form.privacyAgree">개인정보 수집 및 이용에 동의합니다. (필수)</span>
<span data-i18n="contact.form.privacyAgree">I agree to the collection and use of personal information. (Required)</span>
</label>
<a href="javascript:void(0)" class="privacy-link" onclick="openPrivacyModal()" data-i18n="contact.form.privacyView">개인정보 처리방침 보기</a>
<a href="javascript:void(0)" class="privacy-link" onclick="openPrivacyModal()" data-i18n="contact.form.privacyView">View Privacy Policy</a>
</div>
<div class="privacy-summary">
<ul>
<li data-i18n="contact.form.privacyPurpose">수집 목적: 문의 접수 및 답변</li>
<li data-i18n="contact.form.privacyItems">수집 항목: 이름, 이메일, 전화번호, 문의 내용</li>
<li data-i18n="contact.form.privacyPeriod">보유 기간: 7일 후 자동 파기</li>
<li data-i18n="contact.form.privacyPurpose">Purpose: Inquiry reception and response</li>
<li data-i18n="contact.form.privacyItems">Items: Name, email, phone number, inquiry details</li>
<li data-i18n="contact.form.privacyPeriod">Retention: Auto-deleted after 7 days</li>
</ul>
</div>
<div class="form-submit">
<button type="submit" id="submitBtn" class="btn btn-primary btn-lg btn-submit-disabled" disabled data-i18n="contact.form.submit">문의 보내기</button>
<button type="reset" class="btn btn-outline btn-lg" data-i18n="contact.form.reset">초기화</button>
<button type="submit" id="submitBtn" class="btn btn-primary btn-lg btn-submit-disabled" disabled data-i18n="contact.form.submit">Send Inquiry</button>
<button type="reset" class="btn btn-outline btn-lg" data-i18n="contact.form.reset">Reset</button>
</div>
</form>
</div>

View File

@ -194,9 +194,9 @@
<div class="contact-card reveal" data-reveal="up">
<div class="contact-icon"><i class="fa-solid fa-comment" aria-hidden="true" style="color: #FEE500"></i></div>
<h3 data-i18n="contact.kakao.title">카카오톡</h3>
<p data-i18n="contact.kakao.desc">오픈채팅 상담</p>
<a href="https://open.kakao.com/o/sXOK0Iji" target="_blank" class="contact-link" data-i18n="contact.kakao.link">카카오톡 상담하기</a>
<h3 data-i18n="contact.kakao.title">KakaoTalk</h3>
<p data-i18n="contact.kakao.desc">オープンチャット相談</p>
<a href="https://open.kakao.com/o/sXOK0Iji" target="_blank" class="contact-link" data-i18n="contact.kakao.link">KakaoTalkで相談する</a>
</div>
</div>
</div>
@ -208,67 +208,67 @@
<section class="section">
<div class="container">
<div class="section-header">
<h2 data-i18n="contact.form.title">온라인 문의</h2>
<p data-i18n="contact.form.desc">아래 양식을 작성하시면 빠르게 답변 드리겠습니다</p>
<h2 data-i18n="contact.form.title">オンラインお問い合わせ</h2>
<p data-i18n="contact.form.desc">以下のフォームにご記入いただければ、迅速にご返答いたします</p>
</div>
<div class="contact-form-wrapper">
<form id="contactForm" class="contact-form" novalidate>
<div class="form-row">
<div class="form-group">
<label for="name" data-i18n="contact.form.name">이름 <span class="required">*</span></label>
<input type="text" id="name" name="name" required placeholder="홍길동" data-i18n-placeholder="contact.form.namePlaceholder">
<label for="name" data-i18n="contact.form.name">お名前 <span class="required">*</span></label>
<input type="text" id="name" name="name" required placeholder="山田太郎" data-i18n-placeholder="contact.form.namePlaceholder">
</div>
<div class="form-group">
<label for="email" data-i18n="contact.form.email">이메일 <span class="required">*</span></label>
<label for="email" data-i18n="contact.form.email">メール <span class="required">*</span></label>
<input type="email" id="email" name="email" required placeholder="example@email.com">
</div>
</div>
<div class="form-row">
<div class="form-group">
<label for="phone" data-i18n="contact.form.phone">전화번호</label>
<label for="phone" data-i18n="contact.form.phone">電話番号</label>
<input type="tel" id="phone" name="phone" placeholder="010-0000-0000">
</div>
<div class="form-group">
<label for="service" data-i18n="contact.form.service">문의 유형 <span class="required">*</span></label>
<label for="service" data-i18n="contact.form.service">お問い合わせ種類 <span class="required">*</span></label>
<select id="service" name="service" required>
<option value="" data-i18n="contact.form.serviceDefault">선택해주세요</option>
<option value="studio_rental" data-i18n="contact.form.serviceRental">스튜디오 대관</option>
<option value="motion_recording" data-i18n="contact.form.serviceMotion">모션 녹화</option>
<option value="music_video" data-i18n="contact.form.serviceMV">뮤직비디오 제작</option>
<option value="partnership" data-i18n="contact.form.servicePartner">제휴/협력</option>
<option value="other" data-i18n="contact.form.serviceOther">기타</option>
<option value="" data-i18n="contact.form.serviceDefault">選択してください</option>
<option value="studio_rental" data-i18n="contact.form.serviceRental">スタジオレンタル</option>
<option value="motion_recording" data-i18n="contact.form.serviceMotion">モーション録画</option>
<option value="music_video" data-i18n="contact.form.serviceMV">ミュージックビデオ制作</option>
<option value="partnership" data-i18n="contact.form.servicePartner">提携・協力</option>
<option value="other" data-i18n="contact.form.serviceOther">その他</option>
</select>
</div>
</div>
<div class="form-group">
<label for="message" data-i18n="contact.form.message">문의 내용 <span class="required">*</span></label>
<textarea id="message" name="message" required rows="5" placeholder="프로젝트 내용, 희망 일정 등을 자유롭게 작성해주세요" data-i18n-placeholder="contact.form.messagePlaceholder"></textarea>
<p class="field-hint" data-i18n="contact.form.sensitiveWarning">주민등록번호, 계좌번호 등 민감한 개인정보를 입력하지 마세요.</p>
<label for="message" data-i18n="contact.form.message">お問い合わせ内容 <span class="required">*</span></label>
<textarea id="message" name="message" required rows="5" placeholder="プロジェクト内容、ご希望のスケジュールなどをご自由にご記入ください" data-i18n-placeholder="contact.form.messagePlaceholder"></textarea>
<p class="field-hint" data-i18n="contact.form.sensitiveWarning">マイナンバーや口座番号などの機密個人情報を入力しないでください。</p>
</div>
<div class="checkbox-group">
<label class="checkbox-label">
<input type="checkbox" id="privacyConsent" name="privacyConsent" required>
<span class="checkmark"></span>
<span data-i18n="contact.form.privacyAgree">개인정보 수집 및 이용에 동의합니다. (필수)</span>
<span data-i18n="contact.form.privacyAgree">個人情報の収集および利用に同意します。(必須)</span>
</label>
<a href="javascript:void(0)" class="privacy-link" onclick="openPrivacyModal()" data-i18n="contact.form.privacyView">개인정보 처리방침 보기</a>
<a href="javascript:void(0)" class="privacy-link" onclick="openPrivacyModal()" data-i18n="contact.form.privacyView">個人情報処理方針を見る</a>
</div>
<div class="privacy-summary">
<ul>
<li data-i18n="contact.form.privacyPurpose">수집 목적: 문의 접수 및 답변</li>
<li data-i18n="contact.form.privacyItems">수집 항목: 이름, 이메일, 전화번호, 문의 내용</li>
<li data-i18n="contact.form.privacyPeriod">보유 기간: 7일 후 자동 파기</li>
<li data-i18n="contact.form.privacyPurpose">収集目的:お問い合わせの受付および回答</li>
<li data-i18n="contact.form.privacyItems">収集項目:氏名、メール、電話番号、お問い合わせ内容</li>
<li data-i18n="contact.form.privacyPeriod">保有期間7日後に自動削除</li>
</ul>
</div>
<div class="form-submit">
<button type="submit" id="submitBtn" class="btn btn-primary btn-lg btn-submit-disabled" disabled data-i18n="contact.form.submit">문의 보내기</button>
<button type="reset" class="btn btn-outline btn-lg" data-i18n="contact.form.reset">초기화</button>
<button type="submit" id="submitBtn" class="btn btn-primary btn-lg btn-submit-disabled" disabled data-i18n="contact.form.submit">お問い合わせを送信</button>
<button type="reset" class="btn btn-outline btn-lg" data-i18n="contact.form.reset">リセット</button>
</div>
</form>
</div>

View File

@ -194,9 +194,9 @@
<div class="contact-card reveal" data-reveal="up">
<div class="contact-icon"><i class="fa-solid fa-comment" aria-hidden="true" style="color: #FEE500"></i></div>
<h3 data-i18n="contact.kakao.title">카카오톡</h3>
<p data-i18n="contact.kakao.desc">오픈채팅 상담</p>
<a href="https://open.kakao.com/o/sXOK0Iji" target="_blank" class="contact-link" data-i18n="contact.kakao.link">카카오톡 상담하기</a>
<h3 data-i18n="contact.kakao.title">KakaoTalk</h3>
<p data-i18n="contact.kakao.desc">开放聊天咨询</p>
<a href="https://open.kakao.com/o/sXOK0Iji" target="_blank" class="contact-link" data-i18n="contact.kakao.link">KakaoTalk咨询</a>
</div>
</div>
</div>
@ -208,67 +208,67 @@
<section class="section">
<div class="container">
<div class="section-header">
<h2 data-i18n="contact.form.title">온라인 문의</h2>
<p data-i18n="contact.form.desc">아래 양식을 작성하시면 빠르게 답변 드리겠습니다</p>
<h2 data-i18n="contact.form.title">在线咨询</h2>
<p data-i18n="contact.form.desc">请填写以下表格,我们会尽快回复您</p>
</div>
<div class="contact-form-wrapper">
<form id="contactForm" class="contact-form" novalidate>
<div class="form-row">
<div class="form-group">
<label for="name" data-i18n="contact.form.name">이름 <span class="required">*</span></label>
<input type="text" id="name" name="name" required placeholder="홍길동" data-i18n-placeholder="contact.form.namePlaceholder">
<label for="name" data-i18n="contact.form.name">姓名 <span class="required">*</span></label>
<input type="text" id="name" name="name" required placeholder="张三" data-i18n-placeholder="contact.form.namePlaceholder">
</div>
<div class="form-group">
<label for="email" data-i18n="contact.form.email">이메일 <span class="required">*</span></label>
<label for="email" data-i18n="contact.form.email">电子邮件 <span class="required">*</span></label>
<input type="email" id="email" name="email" required placeholder="example@email.com">
</div>
</div>
<div class="form-row">
<div class="form-group">
<label for="phone" data-i18n="contact.form.phone">전화번호</label>
<label for="phone" data-i18n="contact.form.phone">电话号码</label>
<input type="tel" id="phone" name="phone" placeholder="010-0000-0000">
</div>
<div class="form-group">
<label for="service" data-i18n="contact.form.service">문의 유형 <span class="required">*</span></label>
<label for="service" data-i18n="contact.form.service">咨询类型 <span class="required">*</span></label>
<select id="service" name="service" required>
<option value="" data-i18n="contact.form.serviceDefault">선택해주세요</option>
<option value="studio_rental" data-i18n="contact.form.serviceRental">스튜디오 대관</option>
<option value="motion_recording" data-i18n="contact.form.serviceMotion">모션 녹화</option>
<option value="music_video" data-i18n="contact.form.serviceMV">뮤직비디오 제작</option>
<option value="partnership" data-i18n="contact.form.servicePartner">제휴/협력</option>
<option value="other" data-i18n="contact.form.serviceOther">기타</option>
<option value="" data-i18n="contact.form.serviceDefault">请选择</option>
<option value="studio_rental" data-i18n="contact.form.serviceRental">工作室租赁</option>
<option value="motion_recording" data-i18n="contact.form.serviceMotion">动作录制</option>
<option value="music_video" data-i18n="contact.form.serviceMV">音乐视频制作</option>
<option value="partnership" data-i18n="contact.form.servicePartner">合作伙伴</option>
<option value="other" data-i18n="contact.form.serviceOther">其他</option>
</select>
</div>
</div>
<div class="form-group">
<label for="message" data-i18n="contact.form.message">문의 내용 <span class="required">*</span></label>
<textarea id="message" name="message" required rows="5" placeholder="프로젝트 내용, 희망 일정 등을 자유롭게 작성해주세요" data-i18n-placeholder="contact.form.messagePlaceholder"></textarea>
<p class="field-hint" data-i18n="contact.form.sensitiveWarning">주민등록번호, 계좌번호 등 민감한 개인정보를 입력하지 마세요.</p>
<label for="message" data-i18n="contact.form.message">咨询内容 <span class="required">*</span></label>
<textarea id="message" name="message" required rows="5" placeholder="请自由填写项目内容、希望的日程等" data-i18n-placeholder="contact.form.messagePlaceholder"></textarea>
<p class="field-hint" data-i18n="contact.form.sensitiveWarning">请勿输入身份证号、银行账号等敏感个人信息。</p>
</div>
<div class="checkbox-group">
<label class="checkbox-label">
<input type="checkbox" id="privacyConsent" name="privacyConsent" required>
<span class="checkmark"></span>
<span data-i18n="contact.form.privacyAgree">개인정보 수집 및 이용에 동의합니다. (필수)</span>
<span data-i18n="contact.form.privacyAgree">我同意收集和使用个人信息。(必需)</span>
</label>
<a href="javascript:void(0)" class="privacy-link" onclick="openPrivacyModal()" data-i18n="contact.form.privacyView">개인정보 처리방침 보기</a>
<a href="javascript:void(0)" class="privacy-link" onclick="openPrivacyModal()" data-i18n="contact.form.privacyView">查看隐私政策</a>
</div>
<div class="privacy-summary">
<ul>
<li data-i18n="contact.form.privacyPurpose">수집 목적: 문의 접수 및 답변</li>
<li data-i18n="contact.form.privacyItems">수집 항목: 이름, 이메일, 전화번호, 문의 내용</li>
<li data-i18n="contact.form.privacyPeriod">보유 기간: 7일 후 자동 파기</li>
<li data-i18n="contact.form.privacyPurpose">收集目的:受理咨询并回复</li>
<li data-i18n="contact.form.privacyItems">收集项目:姓名、电子邮件、电话号码、咨询内容</li>
<li data-i18n="contact.form.privacyPeriod">保存期限7天后自动删除</li>
</ul>
</div>
<div class="form-submit">
<button type="submit" id="submitBtn" class="btn btn-primary btn-lg btn-submit-disabled" disabled data-i18n="contact.form.submit">문의 보내기</button>
<button type="reset" class="btn btn-outline btn-lg" data-i18n="contact.form.reset">초기화</button>
<button type="submit" id="submitBtn" class="btn btn-primary btn-lg btn-submit-disabled" disabled data-i18n="contact.form.submit">发送咨询</button>
<button type="reset" class="btn btn-outline btn-lg" data-i18n="contact.form.reset">重置</button>
</div>
</form>
</div>