98fdae3f48
- en/contact.html: 폼 라벨/버튼/카카오톡 카드 영어로 수정 - ja/contact.html: 폼 라벨/버튼/카카오톡 카드 일본어로 수정 - zh/contact.html: 폼 라벨/버튼/카카오톡 카드 중국어로 수정 - i18n JSON 미로드 시에도 올바른 언어 표시되도록 HTML 폴백 텍스트 수정 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
526 lines
30 KiB
HTML
526 lines
30 KiB
HTML
<!DOCTYPE html><html lang="en"><head>
|
|
<!-- Google Tag Manager -->
|
|
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
|
|
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
|
|
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
|
|
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
|
|
})(window,document,'script','dataLayer','GTM-PPTNN6WD');</script>
|
|
<!-- End Google Tag Manager -->
|
|
<!-- Google tag (gtag.js) -->
|
|
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-R0PBYHVQBS"></script>
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag(){dataLayer.push(arguments);}
|
|
gtag('js', new Date());
|
|
gtag('config', 'G-R0PBYHVQBS');
|
|
</script>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Contact Us - Mingle Studio</title>
|
|
|
|
<!-- 파비콘 -->
|
|
<link rel="icon" type="image/x-icon" href="/images/logo/mingle-logo.ico">
|
|
<link rel="shortcut icon" href="/images/logo/mingle-logo.ico">
|
|
<link rel="icon" type="image/webp" href="/images/logo/mingle-logo.webp">
|
|
|
|
<!-- Canonical URL -->
|
|
<link rel="canonical" href="https://minglestudio.co.kr/en/contact.html">
|
|
|
|
<!-- Theme Color -->
|
|
<meta name="theme-color" content="#ff8800">
|
|
|
|
<!-- SEO 메타 태그 -->
|
|
<meta name="description" content="Contact Mingle Studio - Inquiries for motion capture studio rental, shooting, production, and consultation">
|
|
<meta name="keywords" content="모션캡쳐 문의, 스튜디오 대관, 촬영 문의, 버튜버 제작, 3D 모션 상담">
|
|
<meta name="author" content="밍글 스튜디오">
|
|
|
|
<!-- Open Graph -->
|
|
<meta property="og:title" content="Contact Us - Mingle Studio">
|
|
<meta property="og:description" content="Inquiries for motion capture studio rental, shooting, and production. OptiTrack professional studio located in Incheon Techno Valley.">
|
|
<meta property="og:url" content="https://minglestudio.co.kr/contact.html">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:image" content="https://minglestudio.co.kr/images/logo/mingle-OG.png">
|
|
<meta property="og:image:width" content="1200">
|
|
<meta property="og:image:height" content="630">
|
|
<meta property="og:locale" content="ko_KR">
|
|
<meta property="og:site_name" content="밍글 스튜디오">
|
|
<meta property="og:image:alt" content="밍글 스튜디오 - 문의하기">
|
|
|
|
<!-- Twitter Card -->
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:title" content="문의하기 - 밍글 스튜디오">
|
|
<meta name="twitter:description" content="모션캡처 스튜디오 대관, 촬영, 제작 관련 문의 및 상담. 인천 테크노밸리 소재 OptiTrack 전문 스튜디오">
|
|
<meta name="twitter:image" content="https://minglestudio.co.kr/images/logo/mingle-OG.png">
|
|
<meta name="twitter:site" content="@mingle_studio">
|
|
<meta name="twitter:creator" content="@mingle_studio">
|
|
|
|
<!-- 폰트 -->
|
|
<link href="https://hangeul.pstatic.net/hangeul_static/css/nanum-square.css" rel="stylesheet">
|
|
|
|
<!-- Icons -->
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
|
|
<!-- CSS -->
|
|
<link rel="stylesheet" href="/css/common.css">
|
|
<link rel="stylesheet" href="/css/contact.css">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="alternate" hreflang="ko" href="https://minglestudio.co.kr/contact.html">
|
|
<link rel="alternate" hreflang="en" href="https://minglestudio.co.kr/en/contact.html">
|
|
<link rel="alternate" hreflang="ja" href="https://minglestudio.co.kr/ja/contact.html">
|
|
<link rel="alternate" hreflang="zh" href="https://minglestudio.co.kr/zh/contact.html">
|
|
<link rel="alternate" hreflang="x-default" href="https://minglestudio.co.kr/contact.html">
|
|
</head>
|
|
<body>
|
|
<!-- Google Tag Manager (noscript) -->
|
|
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PPTNN6WD"
|
|
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
|
<!-- End Google Tag Manager (noscript) -->
|
|
<a href="#main-content" class="skip-to-content" data-i18n="common.skipToContent">Skip to content</a>
|
|
|
|
<!-- 헤더 -->
|
|
<div id="header-placeholder">
|
|
<!-- 공통 헤더 컴포넌트 -->
|
|
<nav class="navbar" aria-label="메인 내비게이션">
|
|
<div class="nav-container">
|
|
<div class="nav-logo">
|
|
<a href="/en/">
|
|
<img src="/images/logo/mingle-logo.webp" alt="밍글 스튜디오 로고">
|
|
<span data-i18n="header.studioName">Mingle Studio</span>
|
|
</a>
|
|
</div>
|
|
<ul id="nav-menu" class="nav-menu">
|
|
<li><a href="/en/about" class="nav-link" data-i18n="header.nav.about">About</a></li>
|
|
<li><a href="/en/services" class="nav-link" data-i18n="header.nav.services">Services</a></li>
|
|
<li><a href="/en/portfolio" class="nav-link" data-i18n="header.nav.portfolio">Portfolio</a></li>
|
|
<li><a href="/en/gallery" class="nav-link" data-i18n="header.nav.gallery">Gallery</a></li>
|
|
|
|
<li><a href="/en/contact" class="nav-link" data-i18n="header.nav.contact">Contact</a></li>
|
|
<li><a href="/en/qna" class="nav-link" data-i18n="header.nav.qna">Q&A</a></li>
|
|
</ul>
|
|
<div class="nav-actions">
|
|
<div class="lang-switcher">
|
|
<button class="lang-btn" aria-label="Select language" data-i18n-aria="header.langSelect">
|
|
<span class="lang-current">KO</span>
|
|
<svg class="lang-chevron" viewBox="0 0 10 6" width="10" height="6" aria-hidden="true">
|
|
<path d="M1 1l4 4 4-4" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
</svg>
|
|
</button>
|
|
<ul class="lang-dropdown">
|
|
<li><button data-lang="ko">🇰🇷 한국어</button></li>
|
|
<li><button data-lang="en">🇺🇸 English</button></li>
|
|
<li><button data-lang="zh">🇨🇳 中文</button></li>
|
|
<li><button data-lang="ja">🇯🇵 日本語</button></li>
|
|
</ul>
|
|
</div>
|
|
<button class="theme-toggle" id="themeToggle" aria-label="다크 모드 전환" title="다크/라이트 모드 전환">
|
|
<div class="theme-toggle-thumb">
|
|
<svg class="theme-toggle-icon theme-toggle-icon--sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
|
|
<circle cx="12" cy="12" r="5"></circle>
|
|
<line x1="12" y1="1" x2="12" y2="3"></line>
|
|
<line x1="12" y1="21" x2="12" y2="23"></line>
|
|
<line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
|
|
<line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
|
|
<line x1="1" y1="12" x2="3" y2="12"></line>
|
|
<line x1="21" y1="12" x2="23" y2="12"></line>
|
|
<line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
|
|
<line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
|
|
</svg>
|
|
<svg class="theme-toggle-icon theme-toggle-icon--moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
|
|
<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
|
|
</svg>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
<button class="hamburger" aria-label="메뉴 열기" aria-expanded="false" aria-controls="nav-menu">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</button>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
|
|
<main id="main-content">
|
|
<!-- 페이지 헤더 -->
|
|
<section class="page-header">
|
|
<div class="container">
|
|
<h1 data-i18n="contact.pageHeader.title">Contact Us</h1>
|
|
<p data-i18n="contact.pageHeader.desc">Start your next project with Mingle Studio</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 연락처 정보 -->
|
|
<section class="section">
|
|
<div class="container">
|
|
<div class="contact-info-grid stagger-children">
|
|
<div class="contact-card reveal" data-reveal="up">
|
|
<div class="contact-icon"><i class="fa-solid fa-phone" aria-hidden="true"></i></div>
|
|
<h3 data-i18n="contact.phone.title">Phone</h3>
|
|
<p data-i18n="contact.phone.desc">Available 24 hours</p>
|
|
<a href="tel:+82-10-9288-9190" class="contact-link">010-9288-9190</a>
|
|
</div>
|
|
|
|
<div class="contact-card reveal" data-reveal="up">
|
|
<div class="contact-icon"><i class="fa-solid fa-briefcase" aria-hidden="true"></i></div>
|
|
<h3 data-i18n="contact.business.title">Business Inquiry</h3>
|
|
<p data-i18n="contact.business.desc">Partnerships and collaboration</p>
|
|
<a href="mailto:minglestudio@minglestudio.co.kr" class="contact-link">minglestudio@minglestudio.co.kr</a>
|
|
</div>
|
|
|
|
<div class="contact-card reveal" data-reveal="up">
|
|
<div class="contact-icon"><i class="fa-solid fa-envelope" aria-hidden="true"></i></div>
|
|
<h3 data-i18n="contact.reservation.title">Reservations & Inquiries</h3>
|
|
<p data-i18n="contact.reservation.desc">Accepting inquiries 24 hours</p>
|
|
<a href="mailto:help@minglestudio.co.kr" class="contact-link">help@minglestudio.co.kr</a>
|
|
</div>
|
|
|
|
<div class="contact-card reveal" data-reveal="up">
|
|
<div class="contact-icon"><i class="fa-brands fa-discord" aria-hidden="true"></i></div>
|
|
<h3 data-i18n="contact.discord.title">Discord</h3>
|
|
<p data-i18n="contact.discord.desc">Live chat inquiry</p>
|
|
<a href="https://discord.com/users/1402264505110495354" target="_blank" class="contact-link">minglestudio_mocap</a>
|
|
</div>
|
|
|
|
<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">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>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<!-- 온라인 문의 폼 -->
|
|
<section class="section">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<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">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">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">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">Inquiry Type <span class="required">*</span></label>
|
|
<select id="service" name="service" required>
|
|
<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">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">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">View Privacy Policy</a>
|
|
</div>
|
|
|
|
<div class="privacy-summary">
|
|
<ul>
|
|
<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">Send Inquiry</button>
|
|
<button type="reset" class="btn btn-outline btn-lg" data-i18n="contact.form.reset">Reset</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 개인정보처리방침 모달 -->
|
|
<div id="privacyModal" class="modal" onclick="if(event.target===this)closePrivacyModal()" role="dialog" aria-modal="true" aria-labelledby="privacyModalTitle">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h3 id="privacyModalTitle">Consent to Collection and Use of Personal Information</h3>
|
|
<button class="modal-close" onclick="closePrivacyModal()" aria-label="Close">×</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>Mingle Studio (hereinafter "the Company") seeks your consent for the collection and use of personal information in accordance with the Personal Information Protection Act (PIPA) of South Korea.</p>
|
|
|
|
<h4>1. Purpose of Collection and Use</h4>
|
|
<p>The Company processes personal information for the following purposes:</p>
|
|
<ul>
|
|
<li>Receiving and responding to customer inquiries</li>
|
|
<li>Service consultation and quotation guidance</li>
|
|
<li>Notification of inquiry processing results</li>
|
|
</ul>
|
|
|
|
<h4>2. Items of Personal Information Collected</h4>
|
|
<ul>
|
|
<li><strong>Required:</strong> Name, email address, inquiry type, message</li>
|
|
<li><strong>Optional:</strong> Phone number</li>
|
|
</ul>
|
|
<p style="color: #ef4444; font-size: 0.85rem;">※ Please do not include sensitive personal information such as national ID numbers or bank account numbers in your inquiry.</p>
|
|
|
|
<h4>3. Retention and Use Period</h4>
|
|
<p>Collected personal information is retained for <strong>7 days from the date of inquiry</strong> and is automatically destroyed after the retention period. However, if there is an obligation to preserve under relevant laws, it will be preserved for the period prescribed by such laws.</p>
|
|
|
|
<h4>4. Destruction Procedure and Method</h4>
|
|
<ul>
|
|
<li><strong>Procedure:</strong> Personal information that has exceeded the retention period is destroyed without delay by an automated deletion system.</li>
|
|
<li><strong>Method:</strong> Electronic file information is completely deleted so that it cannot be recovered or reproduced.</li>
|
|
</ul>
|
|
|
|
<h4>5. Provision to Third Parties and Overseas Transfer</h4>
|
|
<p>The Company does not provide personal information to third parties in principle. However, for inquiry processing, personal information is transferred overseas as follows (pursuant to Article 28-8 of PIPA):</p>
|
|
<ul>
|
|
<li><strong>Country and recipient:</strong> United States / Discord Inc.</li>
|
|
<li><strong>Timing and method:</strong> Real-time transmission via dedicated API (internet network) upon inquiry submission</li>
|
|
<li><strong>Items transferred:</strong> Name, email, phone number (optional), inquiry type, message</li>
|
|
<li><strong>Purpose:</strong> Prompt inquiry confirmation and response via collaboration tool (Discord)</li>
|
|
<li><strong>Retention and use period:</strong> Stored for 7 days after transmission, then automatically destroyed</li>
|
|
</ul>
|
|
|
|
<h4>6. Rights of Data Subjects</h4>
|
|
<p>Users may exercise the following rights as data subjects:</p>
|
|
<ul>
|
|
<li>Request to access personal information</li>
|
|
<li>Request correction of errors</li>
|
|
<li>Request deletion</li>
|
|
<li>Request suspension of processing</li>
|
|
</ul>
|
|
<p>These rights can be exercised by contacting the Personal Information Protection Officer below, and the Company will take action without delay.</p>
|
|
|
|
<h4>7. Safety Measures</h4>
|
|
<p>The Company takes the following measures to ensure the safety of personal information:</p>
|
|
<ul>
|
|
<li>Data transmission encryption (HTTPS/TLS)</li>
|
|
<li>Access restriction (only designated administrators can view)</li>
|
|
<li>Automated deletion system (destroyed after 7 days)</li>
|
|
</ul>
|
|
|
|
<h4>8. Right to Refuse Consent</h4>
|
|
<p>Users have the right to refuse consent to the collection and use of personal information. However, refusal of consent for required items will restrict the use of the inquiry service.</p>
|
|
|
|
<h4>9. Personal Information Protection Officer</h4>
|
|
<ul>
|
|
<li><strong>Name:</strong> Kim Heejin</li>
|
|
<li><strong>Position:</strong> CEO</li>
|
|
<li><strong>Email:</strong> minglestudio@minglestudio.co.kr</li>
|
|
<li><strong>Phone:</strong> +82-10-9288-9190</li>
|
|
</ul>
|
|
|
|
<h4>10. Changes to This Policy</h4>
|
|
<p>This privacy policy is effective from March 4, 2026. Any changes will be announced through this website.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
function openPrivacyModal() {
|
|
var m = document.getElementById('privacyModal');
|
|
if (!m) return;
|
|
m.classList.add('active');
|
|
m.style.display = 'flex';
|
|
document.body.style.overflow = 'hidden';
|
|
}
|
|
function closePrivacyModal() {
|
|
var m = document.getElementById('privacyModal');
|
|
if (!m) return;
|
|
m.classList.remove('active');
|
|
m.style.display = '';
|
|
document.body.style.overflow = '';
|
|
}
|
|
// 체크박스 → 제출 버튼 활성화
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
var cb = document.getElementById('privacyConsent');
|
|
var btn = document.getElementById('submitBtn');
|
|
if (cb && btn) {
|
|
cb.addEventListener('change', function() {
|
|
btn.disabled = !cb.checked;
|
|
btn.classList.toggle('btn-submit-disabled', !cb.checked);
|
|
});
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<!-- 위치 정보 -->
|
|
<section id="location" class="section">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<h2 data-i18n="contact.location.title">Studio Location</h2>
|
|
</div>
|
|
|
|
<div class="location-wrapper">
|
|
<div class="location-info">
|
|
<div class="location-details">
|
|
<h3><i class="fa-solid fa-location-dot" aria-hidden="true"></i> <span data-i18n="contact.location.address">Address</span></h3>
|
|
<p data-i18n-html="contact.location.addressValue">(21330) 236, Jubuto-ro, Bupyeong-gu, Incheon<br>Incheon Techno Valley U1 Center, Bldg. A, Room B105</p>
|
|
|
|
<h3><i class="fa-solid fa-train-subway" aria-hidden="true"></i> <span data-i18n="contact.location.subway">Subway</span></h3>
|
|
<ul>
|
|
<li data-i18n="contact.location.subwayDesc">Incheon Line 7, Galsan Station → approx. 7 min walk</li>
|
|
</ul>
|
|
|
|
<h3><i class="fa-solid fa-bus" aria-hidden="true"></i> <span data-i18n="contact.location.bus">Bus</span></h3>
|
|
<ul>
|
|
<li data-i18n="contact.location.busStop">Galsan Market/Galsan Library bus stop</li>
|
|
<li data-i18n="contact.location.busRoutes">Bus No. 4, 526, 555</li>
|
|
</ul>
|
|
|
|
<h3><i class="fa-solid fa-car" aria-hidden="true"></i> <span data-i18n="contact.location.parking">Parking</span></h3>
|
|
<p data-i18n="contact.location.parkingDesc">2 hours free, up to 4 hours free when using building facilities</p>
|
|
|
|
<h3><i class="fa-solid fa-clock" aria-hidden="true"></i> <span data-i18n="contact.location.hours">Operating Hours</span></h3>
|
|
<ul>
|
|
<li data-i18n="contact.location.hours24">Open 24 Hours</li>
|
|
<li data-i18n="contact.location.hoursAllYear">Open Year-Round</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="location-map">
|
|
<div id="map" class="map-container">
|
|
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d1012.8014347878724!2d126.6649476!3d37.5078124!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6f4c35884c93c281%3A0x1a65ba0583486105!2z67CN6riAIOyKpO2KnOuUlOyYpA!5e0!3m2!1sko!2skr!4v1759144450469!5m2!1sko!2skr" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" title="밍글 스튜디오 위치 - 구글 지도">
|
|
</iframe>
|
|
</div>
|
|
|
|
<div class="map-buttons">
|
|
<a href="https://map.naver.com/p/search/밍글스튜디오" target="_blank" class="btn btn-outline" data-i18n="contact.location.naverMap">Naver Map</a>
|
|
<a href="https://maps.app.goo.gl/ioGQR4ZEsuGToRnb9" target="_blank" class="btn btn-outline" data-i18n="contact.location.googleMap">Google Maps</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 예약 및 FAQ -->
|
|
<section class="section bg-gradient">
|
|
<div class="container text-center">
|
|
<h2 data-i18n="contact.cta.title">Reservations & Inquiries</h2>
|
|
<p data-i18n="contact.cta.desc">Make an easy online reservation or check our frequently asked questions</p>
|
|
<div class="cta-buttons">
|
|
<a href="https://m.booking.naver.com/booking/10/bizes/1468174/items/6949481" target="_blank" class="btn btn-primary btn-lg" data-i18n="contact.cta.btnNaver">Book via Naver</a>
|
|
<a href="qna.html" class="btn btn-outline btn-lg" data-i18n="contact.cta.btnFaq">View FAQ</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
</main>
|
|
|
|
<!-- 푸터 -->
|
|
<div id="footer-placeholder">
|
|
<!-- 공통 푸터 컴포넌트 -->
|
|
<footer class="site-footer">
|
|
<div class="container">
|
|
<div class="footer-grid">
|
|
<div class="footer-section">
|
|
<h3 class="footer-heading" data-i18n="footer.companyInfo">Company Info</h3>
|
|
<ul class="footer-list">
|
|
<li><strong data-i18n="footer.companyName">Mingle Studio</strong></li>
|
|
<li data-i18n="footer.ceo">CEO: 김희진</li>
|
|
<li data-i18n="footer.businessNumber">Business Registration No.: 208-12-73755</li>
|
|
</ul>
|
|
</div>
|
|
<div class="footer-section">
|
|
<h3 class="footer-heading" data-i18n="footer.contact">Contact</h3>
|
|
<ul class="footer-list">
|
|
<li><a href="tel:+82-10-9288-9190"><i class="fa-solid fa-phone" aria-hidden="true"></i> 010-9288-9190</a></li>
|
|
<li><a href="mailto:minglestudio@minglestudio.co.kr"><i class="fa-solid fa-briefcase" aria-hidden="true"></i> <span data-i18n="footer.businessInquiry">Business Inquiry</span></a></li>
|
|
<li><a href="mailto:help@minglestudio.co.kr"><i class="fa-solid fa-envelope" aria-hidden="true"></i> <span data-i18n="footer.reservationInquiry">Reservation Inquiry</span></a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="footer-section">
|
|
<h3 class="footer-heading" data-i18n="footer.directions">Directions</h3>
|
|
<ul class="footer-list">
|
|
<li><i class="fa-solid fa-location-dot" aria-hidden="true"></i> <span data-i18n="footer.address">236, Jubuto-ro, Bupyeong-gu, Incheon</span></li>
|
|
<li data-i18n="footer.addressDetail">Incheon Techno Valley U1 Center, Bldg. A, Room B105</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="footer-bottom">
|
|
<p data-i18n="footer.copyright">© 2025 Mingle Studio. All rights reserved.</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
|
|
<!-- 백업 푸터 (JavaScript 로드 실패 시) -->
|
|
<footer class="site-footer" id="backupFooter">
|
|
<div class="container">
|
|
<div class="footer-grid">
|
|
<div class="footer-section">
|
|
<h3 class="footer-heading">회사 정보</h3>
|
|
<ul class="footer-list">
|
|
<li><strong>밍글 스튜디오</strong></li>
|
|
<li>대표: 김희진</li>
|
|
<li>사업자등록번호: 208-12-73755</li>
|
|
</ul>
|
|
</div>
|
|
<div class="footer-section">
|
|
<h3 class="footer-heading">연락처</h3>
|
|
<ul class="footer-list">
|
|
<li><a href="tel:+82-10-9288-9190"><i class="fa-solid fa-phone" aria-hidden="true"></i> 010-9288-9190</a></li>
|
|
<li><a href="mailto:minglestudio@minglestudio.co.kr"><i class="fa-solid fa-briefcase" aria-hidden="true"></i> minglestudio@minglestudio.co.kr</a></li>
|
|
<li><a href="mailto:help@minglestudio.co.kr"><i class="fa-solid fa-envelope" aria-hidden="true"></i> help@minglestudio.co.kr</a></li>
|
|
<li><a href="https://discord.com/users/1402264505110495354" target="_blank"><i class="fa-brands fa-discord" aria-hidden="true"></i> minglestudio_mocap</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="footer-section">
|
|
<h3 class="footer-heading">오시는 길</h3>
|
|
<ul class="footer-list">
|
|
<li><i class="fa-solid fa-location-dot" aria-hidden="true"></i> 인천광역시 부평구 주부토로 236</li>
|
|
<li>인천테크노밸리 U1센터 A동 B105호</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="footer-bottom">
|
|
<p>© 2025 밍글 스튜디오. All rights reserved.</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- JavaScript -->
|
|
<script src="/js/i18n.js"></script>
|
|
<script src="/js/common.js"></script>
|
|
<script src="/js/contact.js"></script>
|
|
|
|
</body></html> |