mingle-website/zh/contact.html
68893236+KINDNICK@users.noreply.github.com 30cd06e9d6 feat: setup i18n build script and SEO optimizations
2026-03-01 14:56:52 +09:00

340 lines
18 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html><html lang="zh"><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>联系我们 - 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/zh/contact.html">
<!-- Theme Color -->
<meta name="theme-color" content="#ff8800">
<!-- SEO 메타 태그 -->
<meta name="description" content="Mingle Studio联系方式 - 动作捕捉工作室场地租赁、拍摄、制作咨询与洽谈">
<meta name="keywords" content="모션캡쳐 문의, 스튜디오 대관, 촬영 문의, 버튜버 제작, 3D 모션 상담">
<meta name="author" content="밍글 스튜디오">
<!-- Open Graph -->
<meta property="og:title" content="联系我们 - Mingle Studio">
<meta property="og:description" content="动作捕捉工作室场地租赁、拍摄、制作相关咨询与洽谈。位于仁川科技谷的OptiTrack专业工作室">
<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">跳转到正文</a>
<!-- 헤더 -->
<div id="header-placeholder">
<!-- 공통 헤더 컴포넌트 -->
<nav class="navbar" aria-label="메인 내비게이션">
<div class="nav-container">
<div class="nav-logo">
<a href="/zh/">
<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="/zh/about" class="nav-link" data-i18n="header.nav.about">About</a></li>
<li><a href="/zh/services" class="nav-link" data-i18n="header.nav.services">Services</a></li>
<li><a href="/zh/portfolio" class="nav-link" data-i18n="header.nav.portfolio">Portfolio</a></li>
<li><a href="/zh/gallery" class="nav-link" data-i18n="header.nav.gallery">Gallery</a></li>
<li><a href="/zh/contact" class="nav-link" data-i18n="header.nav.contact">Contact</a></li>
<li><a href="/zh/qna" class="nav-link" data-i18n="header.nav.qna">Q&amp;A</a></li>
</ul>
<div class="nav-actions">
<div class="lang-switcher">
<button class="lang-btn" aria-label="选择语言" 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">与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">电话咨询</h3>
<p data-i18n="contact.phone.desc">24小时可用</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">商务咨询</h3>
<p data-i18n="contact.business.desc">合作与协作咨询</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">预约与咨询</h3>
<p data-i18n="contact.reservation.desc">24小时受理</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-solid fa-location-dot" aria-hidden="true"></i></div>
<h3 data-i18n="contact.visit.title">到访工作室</h3>
<p data-i18n="contact.visit.desc">需提前预约</p>
<a href="#location" class="contact-link" data-i18n="contact.visit.link">查看位置</a>
</div>
</div>
</div>
</section>
<!-- 위치 정보 -->
<section id="location" class="section">
<div class="container">
<div class="section-header">
<h2 data-i18n="contact.location.title">工作室位置</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">地址</span></h3>
<p data-i18n-html="contact.location.addressValue">(21330) 仁川广域市富平区主夫吐路236<br>仁川科技谷U1中心 A栋 B105号</p>
<h3><i class="fa-solid fa-train-subway" aria-hidden="true"></i> <span data-i18n="contact.location.subway">地铁</span></h3>
<ul>
<li data-i18n="contact.location.subwayDesc">仁川7号线葛山站下车 → 步行约7分钟</li>
</ul>
<h3><i class="fa-solid fa-bus" aria-hidden="true"></i> <span data-i18n="contact.location.bus">公交</span></h3>
<ul>
<li data-i18n="contact.location.busStop">갈산시장·갈산도서관 站</li>
<li data-i18n="contact.location.busRoutes">4路、526路、555路公交</li>
</ul>
<h3><i class="fa-solid fa-car" aria-hidden="true"></i> <span data-i18n="contact.location.parking">停车</span></h3>
<p data-i18n="contact.location.parkingDesc">基本2小时免费使用楼内设施最多4小时免费</p>
<h3><i class="fa-solid fa-clock" aria-hidden="true"></i> <span data-i18n="contact.location.hours">营业时间</span></h3>
<ul>
<li data-i18n="contact.location.hours24">24小时营业</li>
<li data-i18n="contact.location.hoursAllYear">全年无休</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地图</a>
<a href="https://maps.app.goo.gl/ioGQR4ZEsuGToRnb9" target="_blank" class="btn btn-outline" data-i18n="contact.location.googleMap">Google地图</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 예약 및 FAQ -->
<section class="section bg-gradient">
<div class="container text-center">
<h2 data-i18n="contact.cta.title">预约与咨询</h2>
<p data-i18n="contact.cta.desc">便捷的在线预约或查看常见问题</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">Naver预约</a>
<a href="qna.html" class="btn btn-outline btn-lg" data-i18n="contact.cta.btnFaq">查看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">公司信息</h3>
<ul class="footer-list">
<li><strong data-i18n="footer.companyName">Mingle Studio</strong></li>
<li data-i18n="footer.ceo">代表: 김희진</li>
<li data-i18n="footer.businessNumber">营业执照号: 208-12-73755</li>
</ul>
</div>
<div class="footer-section">
<h3 class="footer-heading" data-i18n="footer.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">商务咨询</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">预约咨询</span></a></li>
</ul>
</div>
<div class="footer-section">
<h3 class="footer-heading" data-i18n="footer.directions">交通指南</h3>
<ul class="footer-list">
<li><i class="fa-solid fa-location-dot" aria-hidden="true"></i> <span data-i18n="footer.address">仁川广域市富平区主夫吐路236</span></li>
<li data-i18n="footer.addressDetail">仁川科技谷U1中心 A栋 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> 비즈니스 문의</a></li>
<li><a href="mailto:help@minglestudio.co.kr"><i class="fa-solid fa-envelope" aria-hidden="true"></i> 예약 문의</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>