mingle/mingle-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add: 서비스 구분 개선 + 후작업 옵션 추가

Browse Source 
- 녹화/라이브 방송 비교 배너 추가 (서비스 섹션 상단)
- 서비스 1: "녹화 전용" 안내 배지 (헤더 하단)
- 서비스 2: "별도 패키지" 안내 배지 (헤더 하단)
- 후작업 추가 옵션: 데이터 클린업 (5~10만원/분) / 리타게팅 (30~50만원/분)
- 한/영/일/중 4개 언어 번역 완료

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
68893236+KINDNICK@users.noreply.github.com 2026-03-17 23:53:26 +09:00
parent 4763c6f5c3
commit b67ef51b83
9 changed files with 549 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

237
css/services.css
View File

@ -401,6 +401,209 @@
margin: 0;
}
/* 서비스 비교 배너 */
.service-compare-banner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--spacing-lg);
margin-bottom: var(--spacing-2xl);
padding: var(--spacing-xl);
background: var(--bg-primary);
border-radius: var(--border-radius);
border: 1px solid var(--border-color);
}
.compare-item {
display: flex;
align-items: flex-start;
gap: var(--spacing-md);
padding: var(--spacing-lg);
border-radius: var(--border-radius-sm);
background: var(--bg-secondary);
}
.compare-icon {
flex-shrink: 0;
width: 44px;
height: 44px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.1rem;
color: #fff;
}
.compare-icon.recording {
background: var(--primary-color);
}
.compare-icon.live {
background: #6c5ce7;
}
.compare-info h4 {
margin: 0 0 4px;
font-size: var(--font-base);
color: var(--text-primary);
}
.compare-info .compare-price {
font-size: var(--font-sm);
font-weight: 700;
color: var(--primary-color);
margin: 0 0 4px;
}
.compare-info .compare-desc {
font-size: var(--font-xs);
color: var(--text-secondary);
margin: 0;
}
.service-type-notice {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 16px;
border-radius: 20px;
font-size: var(--font-xs);
font-weight: 600;
margin: 0 0 var(--spacing-lg);
}
/* When notice follows package-header, tighten spacing */
.package-header + .service-type-notice {
margin-top: calc(-1 * var(--spacing-md));
}
/* When notice follows service-note, add top spacing */
.service-note + .service-type-notice {
margin-top: var(--spacing-lg);
}
.service-type-notice.recording-only {
background: rgba(255, 136, 0, 0.1);
color: var(--primary-color);
border: 1px solid rgba(255, 136, 0, 0.3);
}
.service-type-notice.live-package {
background: rgba(108, 92, 231, 0.1);
color: #6c5ce7;
border: 1px solid rgba(108, 92, 231, 0.3);
}
@media (max-width: 768px) {
.service-compare-banner {
grid-template-columns: 1fr;
}
}
/* 후작업 추가 옵션 */
.post-processing-options {
margin-top: var(--spacing-2xl);
padding: var(--spacing-xl);
background: var(--bg-primary);
border: 1px solid var(--border-color);
border-radius: var(--border-radius);
}
.post-processing-options > h5 {
display: flex;
align-items: center;
gap: var(--spacing-sm);
font-size: var(--font-lg);
color: var(--text-primary);
margin: 0 0 var(--spacing-lg);
}
.post-options-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--spacing-lg);
}
.post-option-card {
padding: var(--spacing-xl);
background: var(--bg-secondary);
border: 1px solid var(--border-color);
border-radius: var(--border-radius-sm);
transition: border-color 0.2s ease;
}
.post-option-card.featured {
border-color: var(--primary-color);
background: rgba(255, 136, 0, 0.03);
}
.post-option-header {
display: flex;
align-items: center;
gap: var(--spacing-sm);
margin-bottom: var(--spacing-md);
}
.post-option-icon {
width: 36px;
height: 36px;
border-radius: 50%;
background: var(--primary-color);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.9rem;
flex-shrink: 0;
}
.post-option-card.featured .post-option-icon {
background: var(--primary-color);
}
.post-option-header h6 {
margin: 0;
font-size: var(--font-base);
color: var(--text-primary);
font-weight: 700;
}
.post-option-price {
margin-bottom: var(--spacing-sm);
}
.post-option-price .price-amount {
font-size: var(--font-xl);
font-weight: 800;
color: var(--primary-color);
}
.post-option-price .price-unit {
font-size: var(--font-sm);
color: var(--text-secondary);
margin-left: 2px;
}
.post-option-desc {
font-size: var(--font-sm);
color: var(--text-secondary);
margin: 0;
line-height: 1.5;
}
.post-option-note {
font-size: var(--font-xs);
color: var(--text-secondary);
margin: var(--spacing-lg) 0 0;
font-style: italic;
}
@media (max-width: 768px) {
.post-options-grid {
grid-template-columns: 1fr;
}
}
/* 서비스 노트 */
.service-note {
background: var(--color-info-bg);
@ -2445,6 +2648,40 @@
}
/* 서비스 노트 */
[data-theme="dark"] .service-compare-banner {
background: rgba(255, 255, 255, 0.03);
border-color: var(--glass-border);
}
[data-theme="dark"] .compare-item {
background: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .service-type-notice.recording-only {
background: rgba(255, 136, 0, 0.15);
border-color: rgba(255, 136, 0, 0.3);
}
[data-theme="dark"] .service-type-notice.live-package {
background: rgba(108, 92, 231, 0.15);
border-color: rgba(108, 92, 231, 0.3);
}
[data-theme="dark"] .post-processing-options {
background: rgba(255, 255, 255, 0.03);
border-color: var(--glass-border);
}
[data-theme="dark"] .post-option-card {
background: rgba(255, 255, 255, 0.05);
border-color: var(--glass-border);
}
[data-theme="dark"] .post-option-card.featured {
border-color: rgba(255, 136, 0, 0.4);
background: rgba(255, 136, 0, 0.08);
}
[data-theme="dark"] .service-note {
background: rgba(255, 136, 0, 0.08);
border-color: rgba(255, 136, 0, 0.2);

58
en/services.html
View File

@ -170,6 +170,26 @@
<p class="vat-notice-inline" data-i18n="services.packages.vatNotice">※ All prices are exclusive of VAT</p>
</div>
<!-- 서비스 비교 배너 -->
<div class="service-compare-banner">
<div class="compare-item">
<span class="compare-icon recording"><i class="fa-solid fa-bullseye" aria-hidden="true"></i></span>
<div class="compare-info">
<h4 data-i18n="services.compare.recordingTitle">모션캡처 녹화</h4>
<p class="compare-price" data-i18n="services.compare.recordingPrice">200,000원~/시간 (2인 기준)</p>
<p class="compare-desc" data-i18n="services.compare.recordingDesc">모션 데이터 녹화 전용 · 라이브 방송 미포함</p>
</div>
</div>
<div class="compare-item">
<span class="compare-icon live"><i class="fa-solid fa-star" aria-hidden="true"></i></span>
<div class="compare-info">
<h4 data-i18n="services.compare.liveTitle">모션캡처 라이브 방송</h4>
<p class="compare-price" data-i18n="services.compare.livePrice">1,400,000원~ / 4시간 패키지</p>
<p class="compare-desc" data-i18n="services.compare.liveDesc">녹화 + 라이브 방송 + 아바타·배경·프랍 세팅 포함 풀패키지</p>
</div>
</div>
</div>
<!-- 서비스 1: 모션캡처 녹화 서비스 -->
<div class="service-package">
<div class="package-header">
@ -177,6 +197,10 @@
<h3 data-i18n="services.service1.title">Service 1: Motion Capture Recording</h3>
<span class="package-badge" data-i18n="services.service1.badge">Standard</span>
</div>
<span class="service-type-notice recording-only">
<i class="fa-solid fa-circle-info" aria-hidden="true"></i>
<span data-i18n="services.service1.typeNotice">녹화 전용 서비스입니다 · 라이브 방송은 아래 별도 패키지를 이용해주세요</span>
</span>
<!-- 가격 카드들 -->
<div class="pricing-cards-wrapper">
@ -248,8 +272,34 @@
</div>
</div>
<div class="service-note">
<p data-i18n-html="services.service1.note">Avatar retargeting is not included by default. It can be arranged through a separate consultation for follow-up work.</p>
<!-- 후작업 추가 옵션 -->
<div class="post-processing-options">
<h5 data-i18n="services.service1.postTitle"><i class="fa-solid fa-wand-magic-sparkles" aria-hidden="true"></i> 후작업 추가 옵션</h5>
<div class="post-options-grid">
<div class="post-option-card">
<div class="post-option-header">
<span class="post-option-icon"><i class="fa-solid fa-broom" aria-hidden="true"></i></span>
<h6 data-i18n="services.service1.cleanupTitle">데이터 클린업</h6>
</div>
<div class="post-option-price">
<span class="price-amount" data-i18n="services.service1.cleanupPrice">50,000 ~ 100,000원</span>
<span class="price-unit" data-i18n="services.service1.cleanupUnit">/ 분당</span>
</div>
<p class="post-option-desc" data-i18n="services.service1.cleanupDesc">노이즈 제거 및 프레임 보정 · 리타게팅 미포함</p>
</div>
<div class="post-option-card featured">
<div class="post-option-header">
<span class="post-option-icon"><i class="fa-solid fa-person-running" aria-hidden="true"></i></span>
<h6 data-i18n="services.service1.retargetTitle">리타게팅</h6>
</div>
<div class="post-option-price">
<span class="price-amount" data-i18n="services.service1.retargetPrice">300,000 ~ 500,000원</span>
<span class="price-unit" data-i18n="services.service1.retargetUnit">/ 분당</span>
</div>
<p class="post-option-desc" data-i18n="services.service1.retargetDesc">고객 아바타에 최적화된 모션 리타게팅 적용</p>
</div>
</div>
<p class="post-option-note" data-i18n="services.service1.postNote">* 후작업은 녹화 완료 후 별도 상담을 통해 진행됩니다</p>
</div>
</div>
@ -310,6 +360,10 @@
<h3 data-i18n="services.service2.title">Service 2: Streamingle Service</h3>
<span class="package-badge featured" data-i18n="services.service2.badge">Flagship</span>
</div>
<span class="service-type-notice live-package">
<i class="fa-solid fa-circle-info" aria-hidden="true"></i>
<span data-i18n="services.service2.typeNotice">녹화 서비스와 별도 패키지 · 아바타·배경·프랍 세팅 + 라이브 방송 포함</span>
</span>
<!-- 모션캡처 라이브 방송 패키지 선택 -->
<div class="pricing-cards-wrapper">

22
i18n/en.json
View File

@ -259,6 +259,14 @@
"desc": "We offer optimal motion capture recording services tailored to your needs and scale",
"vatNotice": "※ All prices are exclusive of VAT"
},
"compare": {
"recordingTitle": "Motion Capture Recording",
"recordingPrice": "200,000 KRW~/hr (2-person base)",
"recordingDesc": "Recording only · Live streaming not included",
"liveTitle": "Motion Capture Live Broadcast",
"livePrice": "1,400,000 KRW~ / 4-hour package",
"liveDesc": "Recording + Live broadcast + Avatar, background & prop setup included"
},
"service1": {
"title": "Service 1: Motion Capture Recording",
"badge": "Standard",
@ -285,7 +293,18 @@
"tech4": "Real-time monitoring",
"tech5": "Professional operator",
"tech6": "Motion data delivery",
"note": "Avatar retargeting is not included by default. It can be arranged through a separate consultation for follow-up work."
"note": "Avatar retargeting is not included by default. It can be arranged through a separate consultation for follow-up work.",
"postTitle": "Post-Processing Options",
"cleanupTitle": "Data Cleanup",
"cleanupPrice": "50,000 ~ 100,000 KRW",
"cleanupUnit": "/ per minute",
"cleanupDesc": "Noise removal & frame correction · Retargeting not included",
"retargetTitle": "Retargeting",
"retargetPrice": "300,000 ~ 500,000 KRW",
"retargetUnit": "/ per minute",
"retargetDesc": "Motion retargeting optimized for your avatar",
"postNote": "* Post-processing is arranged via separate consultation after recording",
"typeNotice": "Recording-only service · For live broadcast, please see the separate package below"
},
"combo": {
"title": "Combo Packages",
@ -309,6 +328,7 @@
"service2": {
"title": "Service 2: Streamingle Service",
"badge": "Flagship",
"typeNotice": "Separate package from recording service · Includes avatar, background & prop setup + live broadcast",
"pkg4h": "4-Hour Package",
"pkg4hBadge": "NEW",
"pkg4hPrice": "$1,100",

22
i18n/ja.json
View File

@ -259,6 +259,14 @@
"desc": "用途と規模に合った最適なモーションキャプチャー録画サービスを提供します",
"vatNotice": "※ 全ての料金は消費税別です"
},
"compare": {
"recordingTitle": "モーションキャプチャー録画",
"recordingPrice": "200,000ウォン~/時間（2名基準）",
"recordingDesc": "モーションデータ録画専用 · ライブ配信は含まれません",
"liveTitle": "モーションキャプチャー ライブ配信",
"livePrice": "1,400,000ウォン~ / 4時間パッケージ",
"liveDesc": "録画 + ライブ配信 + アバター・背景・プロップセッティング込みフルパッケージ"
},
"service1": {
"title": "サービス1：モーションキャプチャー録画サービス",
"badge": "ベーシック",
@ -285,7 +293,18 @@
"tech4": "リアルタイムモニタリング",
"tech5": "専門オペレーター",
"tech6": "モーションデータ提供",
"note": "アバターリターゲティングサービスは基本提供に含まれておらず、後続作業連携時に別途ご相談にて提供いたします。"
"note": "アバターリターゲティングサービスは基本提供に含まれておらず、後続作業連携時に別途ご相談にて提供いたします。",
"postTitle": "後処理オプション",
"cleanupTitle": "データクリーンアップ",
"cleanupPrice": "50,000 ~ 100,000ウォン",
"cleanupUnit": "/ 分あたり",
"cleanupDesc": "ノイズ除去・フレーム補正 · リターゲティング不含",
"retargetTitle": "リターゲティング",
"retargetPrice": "300,000 ~ 500,000ウォン",
"retargetUnit": "/ 分あたり",
"retargetDesc": "お客様のアバターに最適化されたモーションリターゲティング",
"postNote": "* 後処理は録画完了後、別途ご相談にて承ります",
"typeNotice": "録画専用サービスです · ライブ配信は下記の別途パッケージをご利用ください"
},
"combo": {
"title": "セットプラン",
@ -309,6 +328,7 @@
"service2": {
"title": "サービス2：ストリーミングルサービス",
"badge": "代表サービス",
"typeNotice": "録画サービスとは別パッケージ · アバター・背景・プロップセッティング + ライブ配信込み",
"pkg4h": "4時間パッケージ",
"pkg4hBadge": "NEW",
"pkg4hPrice": "$1,100",

22
i18n/ko.json
View File

@ -259,6 +259,14 @@
"desc": "용도와 규모에 맞는 최적의 모션캡처 녹화 서비스를 제공합니다",
"vatNotice": "※ 모든 가격은 부가세 별도입니다"
},
"compare": {
"recordingTitle": "모션캡처 녹화",
"recordingPrice": "200,000원~/시간 (2인 기준)",
"recordingDesc": "모션 데이터 녹화 전용 · 라이브 방송 미포함",
"liveTitle": "모션캡처 라이브 방송",
"livePrice": "1,400,000원~ / 4시간 패키지",
"liveDesc": "녹화 + 라이브 방송 + 아바타·배경·프랍 세팅 포함 풀패키지"
},
"service1": {
"title": "서비스 1: 모션캡처 녹화 서비스",
"badge": "기본형",
@ -285,7 +293,18 @@
"tech4": "실시간 모니터링",
"tech5": "전문 오퍼레이터",
"tech6": "모션 데이터 제공",
"note": "아바타 리타게팅 서비스는 기본 제공되지 않으며, 후속 작업 연계 시 별도 상담을 통해 제공합니다."
"note": "아바타 리타게팅 서비스는 기본 제공되지 않으며, 후속 작업 연계 시 별도 상담을 통해 제공합니다.",
"postTitle": "후작업 추가 옵션",
"cleanupTitle": "데이터 클린업",
"cleanupPrice": "50,000 ~ 100,000원",
"cleanupUnit": "/ 분당",
"cleanupDesc": "노이즈 제거 및 프레임 보정 · 리타게팅 미포함",
"retargetTitle": "리타게팅",
"retargetPrice": "300,000 ~ 500,000원",
"retargetUnit": "/ 분당",
"retargetDesc": "고객 아바타에 최적화된 모션 리타게팅 적용",
"postNote": "* 후작업은 녹화 완료 후 별도 상담을 통해 진행됩니다",
"typeNotice": "녹화 전용 서비스입니다 · 라이브 방송은 아래 별도 패키지를 이용해주세요"
},
"combo": {
"title": "결합상품",
@ -309,6 +328,7 @@
"service2": {
"title": "서비스 2: 모션캡처 라이브 방송 서비스",
"badge": "대표상품",
"typeNotice": "녹화 서비스와 별도 패키지 · 아바타·배경·프랍 세팅 + 라이브 방송 포함",
"pkg4h": "4시간 패키지",
"pkg4hBadge": "NEW",
"pkg4hPrice": "1,400,000원",

22
i18n/zh.json
View File

@ -259,6 +259,14 @@
"desc": "根据用途和规模提供最优动作捕捉录制服务",
"vatNotice": "※ 所有价格均不含增值税"
},
"compare": {
"recordingTitle": "动作捕捉录制",
"recordingPrice": "200,000韩元~/小时（2人基准）",
"recordingDesc": "仅录制动作数据 · 不包含直播",
"liveTitle": "动作捕捉直播",
"livePrice": "1,400,000韩元~ / 4小时套餐",
"liveDesc": "录制 + 直播 + 虚拟形象·背景·道具设置全包套餐"
},
"service1": {
"title": "服务1: 动作捕捉录制服务",
"badge": "基础型",
@ -285,7 +293,18 @@
"tech4": "实时监控",
"tech5": "专业操作员",
"tech6": "提供动作数据",
"note": "虚拟形象重定向服务不包含在基础服务中，如需后续对接可通过单独咨询提供。"
"note": "虚拟形象重定向服务不包含在基础服务中，如需后续对接可通过单独咨询提供。",
"postTitle": "后期处理选项",
"cleanupTitle": "数据清理",
"cleanupPrice": "50,000 ~ 100,000韩元",
"cleanupUnit": "/ 每分钟",
"cleanupDesc": "噪声去除与帧修正 · 不含重定向",
"retargetTitle": "重定向",
"retargetPrice": "300,000 ~ 500,000韩元",
"retargetUnit": "/ 每分钟",
"retargetDesc": "针对客户虚拟形象的动作重定向优化",
"postNote": "* 后期处理在录制完成后通过单独咨询进行",
"typeNotice": "仅限录制服务 · 直播请参阅下方独立套餐"
},
"combo": {
"title": "组合产品",
@ -309,6 +328,7 @@
"service2": {
"title": "服务2: Streamingle 直播服务",
"badge": "代表产品",
"typeNotice": "与录制服务分开的套餐 · 包含虚拟形象·背景·道具设置 + 直播",
"pkg4h": "4小时套餐",
"pkg4hBadge": "NEW",
"pkg4hPrice": "$1,100",

58
ja/services.html
View File

@ -170,6 +170,26 @@
<p class="vat-notice-inline" data-i18n="services.packages.vatNotice">※ 全ての料金は消費税別です</p>
</div>
<!-- 서비스 비교 배너 -->
<div class="service-compare-banner">
<div class="compare-item">
<span class="compare-icon recording"><i class="fa-solid fa-bullseye" aria-hidden="true"></i></span>
<div class="compare-info">
<h4 data-i18n="services.compare.recordingTitle">모션캡처 녹화</h4>
<p class="compare-price" data-i18n="services.compare.recordingPrice">200,000원~/시간 (2인 기준)</p>
<p class="compare-desc" data-i18n="services.compare.recordingDesc">모션 데이터 녹화 전용 · 라이브 방송 미포함</p>
</div>
</div>
<div class="compare-item">
<span class="compare-icon live"><i class="fa-solid fa-star" aria-hidden="true"></i></span>
<div class="compare-info">
<h4 data-i18n="services.compare.liveTitle">모션캡처 라이브 방송</h4>
<p class="compare-price" data-i18n="services.compare.livePrice">1,400,000원~ / 4시간 패키지</p>
<p class="compare-desc" data-i18n="services.compare.liveDesc">녹화 + 라이브 방송 + 아바타·배경·프랍 세팅 포함 풀패키지</p>
</div>
</div>
</div>
<!-- 서비스 1: 모션캡처 녹화 서비스 -->
<div class="service-package">
<div class="package-header">
@ -177,6 +197,10 @@
<h3 data-i18n="services.service1.title">サービス1：モーションキャプチャー録画サービス</h3>
<span class="package-badge" data-i18n="services.service1.badge">ベーシック</span>
</div>
<span class="service-type-notice recording-only">
<i class="fa-solid fa-circle-info" aria-hidden="true"></i>
<span data-i18n="services.service1.typeNotice">녹화 전용 서비스입니다 · 라이브 방송은 아래 별도 패키지를 이용해주세요</span>
</span>
<!-- 가격 카드들 -->
<div class="pricing-cards-wrapper">
@ -248,8 +272,34 @@
</div>
</div>
<div class="service-note">
<p data-i18n-html="services.service1.note">アバターリターゲティングサービスは基本提供に含まれておらず、後続作業連携時に別途ご相談にて提供いたします。</p>
<!-- 후작업 추가 옵션 -->
<div class="post-processing-options">
<h5 data-i18n="services.service1.postTitle"><i class="fa-solid fa-wand-magic-sparkles" aria-hidden="true"></i> 후작업 추가 옵션</h5>
<div class="post-options-grid">
<div class="post-option-card">
<div class="post-option-header">
<span class="post-option-icon"><i class="fa-solid fa-broom" aria-hidden="true"></i></span>
<h6 data-i18n="services.service1.cleanupTitle">데이터 클린업</h6>
</div>
<div class="post-option-price">
<span class="price-amount" data-i18n="services.service1.cleanupPrice">50,000 ~ 100,000원</span>
<span class="price-unit" data-i18n="services.service1.cleanupUnit">/ 분당</span>
</div>
<p class="post-option-desc" data-i18n="services.service1.cleanupDesc">노이즈 제거 및 프레임 보정 · 리타게팅 미포함</p>
</div>
<div class="post-option-card featured">
<div class="post-option-header">
<span class="post-option-icon"><i class="fa-solid fa-person-running" aria-hidden="true"></i></span>
<h6 data-i18n="services.service1.retargetTitle">리타게팅</h6>
</div>
<div class="post-option-price">
<span class="price-amount" data-i18n="services.service1.retargetPrice">300,000 ~ 500,000원</span>
<span class="price-unit" data-i18n="services.service1.retargetUnit">/ 분당</span>
</div>
<p class="post-option-desc" data-i18n="services.service1.retargetDesc">고객 아바타에 최적화된 모션 리타게팅 적용</p>
</div>
</div>
<p class="post-option-note" data-i18n="services.service1.postNote">* 후작업은 녹화 완료 후 별도 상담을 통해 진행됩니다</p>
</div>
</div>
@ -310,6 +360,10 @@
<h3 data-i18n="services.service2.title">サービス2：ストリーミングルサービス</h3>
<span class="package-badge featured" data-i18n="services.service2.badge">代表サービス</span>
</div>
<span class="service-type-notice live-package">
<i class="fa-solid fa-circle-info" aria-hidden="true"></i>
<span data-i18n="services.service2.typeNotice">녹화 서비스와 별도 패키지 · 아바타·배경·프랍 세팅 + 라이브 방송 포함</span>
</span>
<!-- 모션캡처 라이브 방송 패키지 선택 -->
<div class="pricing-cards-wrapper">

58
services.html
View File

@ -164,6 +164,26 @@
<p class="vat-notice-inline" data-i18n="services.packages.vatNotice">※ 모든 가격은 부가세 별도입니다</p>
</div>
<!-- 서비스 비교 배너 -->
<div class="service-compare-banner">
<div class="compare-item">
<span class="compare-icon recording"><i class="fa-solid fa-bullseye" aria-hidden="true"></i></span>
<div class="compare-info">
<h4 data-i18n="services.compare.recordingTitle">모션캡처 녹화</h4>
<p class="compare-price" data-i18n="services.compare.recordingPrice">200,000원~/시간 (2인 기준)</p>
<p class="compare-desc" data-i18n="services.compare.recordingDesc">모션 데이터 녹화 전용 · 라이브 방송 미포함</p>
</div>
</div>
<div class="compare-item">
<span class="compare-icon live"><i class="fa-solid fa-star" aria-hidden="true"></i></span>
<div class="compare-info">
<h4 data-i18n="services.compare.liveTitle">모션캡처 라이브 방송</h4>
<p class="compare-price" data-i18n="services.compare.livePrice">1,400,000원~ / 4시간 패키지</p>
<p class="compare-desc" data-i18n="services.compare.liveDesc">녹화 + 라이브 방송 + 아바타·배경·프랍 세팅 포함 풀패키지</p>
</div>
</div>
</div>
<!-- 서비스 1: 모션캡처 녹화 서비스 -->
<div class="service-package">
<div class="package-header">
@ -171,6 +191,10 @@
<h3 data-i18n="services.service1.title">서비스 1: 모션캡처 녹화 서비스</h3>
<span class="package-badge" data-i18n="services.service1.badge">기본형</span>
</div>
<span class="service-type-notice recording-only">
<i class="fa-solid fa-circle-info" aria-hidden="true"></i>
<span data-i18n="services.service1.typeNotice">녹화 전용 서비스입니다 · 라이브 방송은 아래 별도 패키지를 이용해주세요</span>
</span>
<!-- 가격 카드들 -->
<div class="pricing-cards-wrapper">
@ -242,8 +266,34 @@
</div>
</div>
<div class="service-note">
<p data-i18n-html="services.service1.note"><strong>참고:</strong> 아바타 리타게팅 서비스는 기본 제공되지 않으며, 후속 작업 연계 시 별도 상담을 통해 제공합니다.</p>
<!-- 후작업 추가 옵션 -->
<div class="post-processing-options">
<h5 data-i18n="services.service1.postTitle"><i class="fa-solid fa-wand-magic-sparkles" aria-hidden="true"></i> 후작업 추가 옵션</h5>
<div class="post-options-grid">
<div class="post-option-card">
<div class="post-option-header">
<span class="post-option-icon"><i class="fa-solid fa-broom" aria-hidden="true"></i></span>
<h6 data-i18n="services.service1.cleanupTitle">데이터 클린업</h6>
</div>
<div class="post-option-price">
<span class="price-amount" data-i18n="services.service1.cleanupPrice">50,000 ~ 100,000원</span>
<span class="price-unit" data-i18n="services.service1.cleanupUnit">/ 분당</span>
</div>
<p class="post-option-desc" data-i18n="services.service1.cleanupDesc">노이즈 제거 및 프레임 보정 · 리타게팅 미포함</p>
</div>
<div class="post-option-card featured">
<div class="post-option-header">
<span class="post-option-icon"><i class="fa-solid fa-person-running" aria-hidden="true"></i></span>
<h6 data-i18n="services.service1.retargetTitle">리타게팅</h6>
</div>
<div class="post-option-price">
<span class="price-amount" data-i18n="services.service1.retargetPrice">300,000 ~ 500,000원</span>
<span class="price-unit" data-i18n="services.service1.retargetUnit">/ 분당</span>
</div>
<p class="post-option-desc" data-i18n="services.service1.retargetDesc">고객 아바타에 최적화된 모션 리타게팅 적용</p>
</div>
</div>
<p class="post-option-note" data-i18n="services.service1.postNote">* 후작업은 녹화 완료 후 별도 상담을 통해 진행됩니다</p>
</div>
</div>
@ -304,6 +354,10 @@
<h3 data-i18n="services.service2.title">서비스 2: 모션캡처 라이브 방송 서비스</h3>
<span class="package-badge featured" data-i18n="services.service2.badge">대표상품</span>
</div>
<span class="service-type-notice live-package">
<i class="fa-solid fa-circle-info" aria-hidden="true"></i>
<span data-i18n="services.service2.typeNotice">녹화 서비스와 별도 패키지 · 아바타·배경·프랍 세팅 + 라이브 방송 포함</span>
</span>
<!-- 모션캡처 라이브 방송 패키지 선택 -->
<div class="pricing-cards-wrapper">

58
zh/services.html
View File

@ -170,6 +170,26 @@
<p class="vat-notice-inline" data-i18n="services.packages.vatNotice">※ 所有价格均不含增值税</p>
</div>
<!-- 서비스 비교 배너 -->
<div class="service-compare-banner">
<div class="compare-item">
<span class="compare-icon recording"><i class="fa-solid fa-bullseye" aria-hidden="true"></i></span>
<div class="compare-info">
<h4 data-i18n="services.compare.recordingTitle">모션캡처 녹화</h4>
<p class="compare-price" data-i18n="services.compare.recordingPrice">200,000원~/시간 (2인 기준)</p>
<p class="compare-desc" data-i18n="services.compare.recordingDesc">모션 데이터 녹화 전용 · 라이브 방송 미포함</p>
</div>
</div>
<div class="compare-item">
<span class="compare-icon live"><i class="fa-solid fa-star" aria-hidden="true"></i></span>
<div class="compare-info">
<h4 data-i18n="services.compare.liveTitle">모션캡처 라이브 방송</h4>
<p class="compare-price" data-i18n="services.compare.livePrice">1,400,000원~ / 4시간 패키지</p>
<p class="compare-desc" data-i18n="services.compare.liveDesc">녹화 + 라이브 방송 + 아바타·배경·프랍 세팅 포함 풀패키지</p>
</div>
</div>
</div>
<!-- 서비스 1: 모션캡처 녹화 서비스 -->
<div class="service-package">
<div class="package-header">
@ -177,6 +197,10 @@
<h3 data-i18n="services.service1.title">服务1: 动作捕捉录制服务</h3>
<span class="package-badge" data-i18n="services.service1.badge">基础型</span>
</div>
<span class="service-type-notice recording-only">
<i class="fa-solid fa-circle-info" aria-hidden="true"></i>
<span data-i18n="services.service1.typeNotice">녹화 전용 서비스입니다 · 라이브 방송은 아래 별도 패키지를 이용해주세요</span>
</span>
<!-- 가격 카드들 -->
<div class="pricing-cards-wrapper">
@ -248,8 +272,34 @@
</div>
</div>
<div class="service-note">
<p data-i18n-html="services.service1.note">虚拟形象重定向服务不包含在基础服务中，如需后续对接可通过单独咨询提供。</p>
<!-- 후작업 추가 옵션 -->
<div class="post-processing-options">
<h5 data-i18n="services.service1.postTitle"><i class="fa-solid fa-wand-magic-sparkles" aria-hidden="true"></i> 후작업 추가 옵션</h5>
<div class="post-options-grid">
<div class="post-option-card">
<div class="post-option-header">
<span class="post-option-icon"><i class="fa-solid fa-broom" aria-hidden="true"></i></span>
<h6 data-i18n="services.service1.cleanupTitle">데이터 클린업</h6>
</div>
<div class="post-option-price">
<span class="price-amount" data-i18n="services.service1.cleanupPrice">50,000 ~ 100,000원</span>
<span class="price-unit" data-i18n="services.service1.cleanupUnit">/ 분당</span>
</div>
<p class="post-option-desc" data-i18n="services.service1.cleanupDesc">노이즈 제거 및 프레임 보정 · 리타게팅 미포함</p>
</div>
<div class="post-option-card featured">
<div class="post-option-header">
<span class="post-option-icon"><i class="fa-solid fa-person-running" aria-hidden="true"></i></span>
<h6 data-i18n="services.service1.retargetTitle">리타게팅</h6>
</div>
<div class="post-option-price">
<span class="price-amount" data-i18n="services.service1.retargetPrice">300,000 ~ 500,000원</span>
<span class="price-unit" data-i18n="services.service1.retargetUnit">/ 분당</span>
</div>
<p class="post-option-desc" data-i18n="services.service1.retargetDesc">고객 아바타에 최적화된 모션 리타게팅 적용</p>
</div>
</div>
<p class="post-option-note" data-i18n="services.service1.postNote">* 후작업은 녹화 완료 후 별도 상담을 통해 진행됩니다</p>
</div>
</div>
@ -310,6 +360,10 @@
<h3 data-i18n="services.service2.title">服务2: Streamingle 直播服务</h3>
<span class="package-badge featured" data-i18n="services.service2.badge">代表产品</span>
</div>
<span class="service-type-notice live-package">
<i class="fa-solid fa-circle-info" aria-hidden="true"></i>
<span data-i18n="services.service2.typeNotice">녹화 서비스와 별도 패키지 · 아바타·배경·프랍 세팅 + 라이브 방송 포함</span>
</span>
<!-- 모션캡처 라이브 방송 패키지 선택 -->
<div class="pricing-cards-wrapper">