164 lines
7.2 KiB
HTML
164 lines
7.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>밍글 스튜디오 - 모션캡쳐 창작 스튜디오</title>
|
|
|
|
<!-- SEO 메타 태그 -->
|
|
<meta name="description" content="밍글 스튜디오 - 최첨단 OptiTrack 모션캡쳐 시스템을 갖춘 창작 스튜디오. 인천테크노밸리 위치, 시간당 22만원 대관 서비스.">
|
|
<meta name="keywords" content="모션캡쳐, 스튜디오 대관, OptiTrack, 3D 애니메이션, 버추얼 콘텐츠, 인천 스튜디오">
|
|
<meta name="author" content="밍글 스튜디오">
|
|
<meta name="robots" content="index, follow">
|
|
|
|
<!-- Open Graph -->
|
|
<meta property="og:title" content="밍글 스튜디오 - 모션캡쳐 창작 스튜디오">
|
|
<meta property="og:description" content="최첨단 OptiTrack 모션캡쳐 시스템을 갖춘 창작 스튜디오">
|
|
<meta property="og:image" content="https://minglestudio.co.kr/mingle logo.webp">
|
|
<meta property="og:url" content="https://minglestudio.co.kr">
|
|
<meta property="og:type" content="website">
|
|
|
|
<!-- 폰트 -->
|
|
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap" rel="stylesheet">
|
|
|
|
<!-- CSS -->
|
|
<link rel="stylesheet" href="/css/common.css">
|
|
<link rel="stylesheet" href="/css/main.css">
|
|
</head>
|
|
<body>
|
|
<!-- 헤더 -->
|
|
<div id="header-placeholder"></div>
|
|
|
|
<!-- Hero 섹션 -->
|
|
<section class="hero">
|
|
<div class="container">
|
|
<div class="hero-content">
|
|
<div class="hero-text">
|
|
<h1 class="hero-title">
|
|
모션캡쳐로 만드는<br>
|
|
<span class="text-primary">무한한 창작의 세계</span>
|
|
</h1>
|
|
<p class="hero-description">
|
|
최첨단 OptiTrack 시스템과 전문 장비를 갖춘<br>
|
|
밍글 스튜디오에서 여러분의 상상을 현실로 만들어보세요
|
|
</p>
|
|
<div class="hero-buttons">
|
|
<a href="/services.html" class="btn btn-primary">서비스 알아보기</a>
|
|
<a href="/contact.html" class="btn btn-outline">예약 문의하기</a>
|
|
</div>
|
|
</div>
|
|
<div class="hero-image">
|
|
<img src="/mingle logo.webp" alt="밍글 스튜디오" class="hero-logo">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 특징 섹션 -->
|
|
<section class="features section bg-light">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<h2>왜 밍글 스튜디오인가?</h2>
|
|
<p>최고의 장비와 전문성으로 여러분의 프로젝트를 지원합니다</p>
|
|
</div>
|
|
<div class="features-grid grid grid-3">
|
|
<div class="feature-card card">
|
|
<div class="feature-icon">🎬</div>
|
|
<h3>최첨단 OptiTrack 시스템</h3>
|
|
<p>28대의 고성능 카메라로 구성된 전문 모션캡쳐 시스템</p>
|
|
</div>
|
|
<div class="feature-card card">
|
|
<div class="feature-icon">🏢</div>
|
|
<h3>넓은 캡쳐 공간</h3>
|
|
<p>8m x 8m x 3.5m의 여유로운 모션캡쳐 볼륨</p>
|
|
</div>
|
|
<div class="feature-card card">
|
|
<div class="feature-icon">💼</div>
|
|
<h3>합리적인 가격</h3>
|
|
<p>시간당 22만원(VAT 포함)의 투명한 요금제</p>
|
|
</div>
|
|
<div class="feature-card card">
|
|
<div class="feature-icon">🎯</div>
|
|
<h3>전신 & 페이셜 캡쳐</h3>
|
|
<p>몸 전체와 얼굴 표정까지 정밀하게 캡쳐 가능</p>
|
|
</div>
|
|
<div class="feature-card card">
|
|
<div class="feature-icon">🛠️</div>
|
|
<h3>전문 기술 지원</h3>
|
|
<p>숙련된 오퍼레이터의 기술 지원 서비스</p>
|
|
</div>
|
|
<div class="feature-card card">
|
|
<div class="feature-icon">📍</div>
|
|
<h3>접근성 좋은 위치</h3>
|
|
<p>인천테크노밸리 ITAVERSE 내 위치</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- CTA 섹션 -->
|
|
<section class="cta section">
|
|
<div class="container text-center">
|
|
<h2>프로젝트를 시작할 준비가 되셨나요?</h2>
|
|
<p class="cta-description">
|
|
밍글 스튜디오와 함께 여러분의 창작 비전을 실현해보세요
|
|
</p>
|
|
<div class="cta-buttons">
|
|
<a href="/gallery.html" class="btn btn-secondary">스튜디오 둘러보기</a>
|
|
<a href="/portfolio.html" class="btn btn-outline">포트폴리오 보기</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 간단한 서비스 소개 -->
|
|
<section class="services-preview section bg-light">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<h2>제공 서비스</h2>
|
|
<p>다양한 분야에서 활용 가능한 모션캡쳐 솔루션</p>
|
|
</div>
|
|
<div class="services-list grid grid-2">
|
|
<div class="service-item">
|
|
<h3>🎮 게임 개발</h3>
|
|
<p>캐릭터 애니메이션 및 모션 데이터 제작</p>
|
|
</div>
|
|
<div class="service-item">
|
|
<h3>🎬 영상 제작</h3>
|
|
<p>VFX, 버추얼 프로덕션 지원</p>
|
|
</div>
|
|
<div class="service-item">
|
|
<h3>📱 메타버스 콘텐츠</h3>
|
|
<p>버추얼 아바타 및 VTuber 제작</p>
|
|
</div>
|
|
<div class="service-item">
|
|
<h3>🏃 스포츠 분석</h3>
|
|
<p>동작 분석 및 퍼포먼스 개선</p>
|
|
</div>
|
|
</div>
|
|
<div class="text-center mt-4">
|
|
<a href="/services.html" class="btn btn-primary">전체 서비스 보기</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 연락처 간단 정보 -->
|
|
<section class="contact-info section">
|
|
<div class="container text-center">
|
|
<h2>문의 및 예약</h2>
|
|
<div class="contact-details">
|
|
<p><strong>이메일:</strong> minglestudio@naver.com</p>
|
|
<p><strong>위치:</strong> 인천광역시 연수구 컨벤시아대로 69, ITAVERSE 101동 701-1호</p>
|
|
<p><strong>운영시간:</strong> 평일 09:00 - 18:00</p>
|
|
</div>
|
|
<a href="/contact.html" class="btn btn-primary mt-3">예약 문의하기</a>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 푸터 -->
|
|
<div id="footer-placeholder"></div>
|
|
|
|
<!-- JavaScript -->
|
|
<script src="/js/common.js"></script>
|
|
<script src="/js/main.js"></script>
|
|
</body>
|
|
</html> |