Fix : 3월 요금제 및 여러 업데이트 사항 패치
This commit is contained in:
68893236+KINDNICK@users.noreply.github.com
parent
d4a3a9afa5
commit
841c0a1992
@ -33,7 +33,16 @@
|
|||||||
"Bash(find:*)",
|
"Bash(find:*)",
|
||||||
"Bash(grep:*)",
|
"Bash(grep:*)",
|
||||||
"Bash(echo:*)",
|
"Bash(echo:*)",
|
||||||
"Bash(git commit -m \"$\\(cat <<''EOF''\nUpdate: 전체 디자인 개선, 접근성 강화, OG 이미지 변경\n\n- 다크모드 지원 추가 \\(모든 페이지 CSS\\)\n- 글래스모피즘 카드 스타일 통일\n- 하드코딩 컬러 → CSS 변수 전환\n- 접근성 개선: skip nav, aria-label, sr-only, role=\"dialog\"\n- 파일 구조 정리: 이미지/로고 images/ 폴더로 이동, 미사용 파일 삭제\n- 서비스 패키지 8시간 → 6시간으로 변경\n- OG 이미지를 전용 mingle-OG.png로 변경\n- 컨택트 다크모드 위치 박스 투명 처리\n\nCo-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>\nEOF\n\\)\")"
|
"Bash(git commit -m \"$\\(cat <<''EOF''\nUpdate: 전체 디자인 개선, 접근성 강화, OG 이미지 변경\n\n- 다크모드 지원 추가 \\(모든 페이지 CSS\\)\n- 글래스모피즘 카드 스타일 통일\n- 하드코딩 컬러 → CSS 변수 전환\n- 접근성 개선: skip nav, aria-label, sr-only, role=\"dialog\"\n- 파일 구조 정리: 이미지/로고 images/ 폴더로 이동, 미사용 파일 삭제\n- 서비스 패키지 8시간 → 6시간으로 변경\n- OG 이미지를 전용 mingle-OG.png로 변경\n- 컨택트 다크모드 위치 박스 투명 처리\n\nCo-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>\nEOF\n\\)\")",
|
||||||
|
"WebFetch(domain:namu.wiki)",
|
||||||
|
"Bash(git commit -m \"$\\(cat <<''EOF''\nAdd: 파트너 스트리머\\(구슬요\\) 섹션 추가\n\n- index.html 클라이언트 섹션 위에 파트너 스트리머 섹션 추가\n- about.html 팀 소개 아래, Core Values 위에 Partner Streamer 섹션 추가\n- css/common.css에 파트너 스트리머 카드 스타일 및 다크모드 지원\n- 채널 링크: SOOP, YouTube, Instagram, X\n\nCo-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>\nEOF\n\\)\")",
|
||||||
|
"Bash(git commit -m \"$\\(cat <<''EOF''\nFix: 방문 크리에이터 마키 속도 원복 \\(40s → 30s\\)\n\nCo-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>\nEOF\n\\)\")",
|
||||||
|
"Bash(git commit:*)",
|
||||||
|
"Bash(npx skills add:*)",
|
||||||
|
"Bash(npx:*)",
|
||||||
|
"Bash(git pull:*)",
|
||||||
|
"Bash(ls -la /c/Dev/Web/mingle-website/*.html)",
|
||||||
|
"Bash(ls -la /c/Dev/Web/mingle-website/js/*.js)"
|
||||||
],
|
],
|
||||||
"deny": [],
|
"deny": [],
|
||||||
"ask": []
|
"ask": []
|
||||||
|
|||||||
207
css/services.css
207
css/services.css
@ -83,106 +83,7 @@
|
|||||||
50% { transform: scale(1.1); }
|
50% { transform: scale(1.1); }
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 서비스 테이블 */
|
/* (서비스 테이블/미사용 스타일 정리 완료) */
|
||||||
.services-table-wrapper {
|
|
||||||
margin-bottom: var(--spacing-2xl);
|
|
||||||
}
|
|
||||||
|
|
||||||
.services-table-wrapper .card {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.services-table-wrapper h3 {
|
|
||||||
margin-bottom: var(--spacing-lg);
|
|
||||||
font-size: var(--font-2xl);
|
|
||||||
color: var(--text-primary);
|
|
||||||
}
|
|
||||||
|
|
||||||
.table-responsive {
|
|
||||||
overflow-x: auto;
|
|
||||||
border-radius: var(--border-radius-sm);
|
|
||||||
box-shadow: var(--shadow-sm);
|
|
||||||
}
|
|
||||||
|
|
||||||
.services-table {
|
|
||||||
width: 100%;
|
|
||||||
border-collapse: collapse;
|
|
||||||
background: var(--bg-white);
|
|
||||||
}
|
|
||||||
|
|
||||||
.services-table th,
|
|
||||||
.services-table td {
|
|
||||||
padding: var(--spacing-lg);
|
|
||||||
text-align: left;
|
|
||||||
border-bottom: 1px solid var(--border-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.services-table th {
|
|
||||||
background: var(--bg-light);
|
|
||||||
font-weight: 700;
|
|
||||||
color: var(--text-primary);
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.services-table tbody tr:hover {
|
|
||||||
background: rgba(255, 136, 0, 0.02);
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-service {
|
|
||||||
background: linear-gradient(135deg, rgba(255, 136, 0, 0.05), rgba(255, 153, 51, 0.05));
|
|
||||||
}
|
|
||||||
|
|
||||||
.service-name {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: var(--spacing-sm);
|
|
||||||
}
|
|
||||||
|
|
||||||
.service-icon {
|
|
||||||
font-size: 1.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.service-features {
|
|
||||||
list-style: none;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.service-features li {
|
|
||||||
margin-bottom: var(--spacing-sm);
|
|
||||||
padding-left: var(--spacing-lg);
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.service-features li::before {
|
|
||||||
content: '•';
|
|
||||||
color: var(--primary-color);
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pricing {
|
|
||||||
text-align: center;
|
|
||||||
min-width: 180px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.price-main {
|
|
||||||
font-size: var(--font-xl);
|
|
||||||
font-weight: 700;
|
|
||||||
color: var(--primary-color);
|
|
||||||
margin-bottom: var(--spacing-xs);
|
|
||||||
}
|
|
||||||
|
|
||||||
.price-sub {
|
|
||||||
font-size: var(--font-sm);
|
|
||||||
color: var(--text-secondary);
|
|
||||||
margin-bottom: var(--spacing-sm);
|
|
||||||
}
|
|
||||||
|
|
||||||
.price-detail {
|
|
||||||
font-size: var(--font-sm);
|
|
||||||
line-height: 1.5;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 대관 절차 */
|
/* 대관 절차 */
|
||||||
.process-flow {
|
.process-flow {
|
||||||
@ -319,7 +220,7 @@
|
|||||||
background-color: var(--bg-white);
|
background-color: var(--bg-white);
|
||||||
border-radius: var(--border-radius);
|
border-radius: var(--border-radius);
|
||||||
padding: var(--spacing-2xl);
|
padding: var(--spacing-2xl);
|
||||||
margin-bottom: var(--spacing-2xl);
|
margin-bottom: var(--spacing-3xl);
|
||||||
box-shadow: var(--shadow-md);
|
box-shadow: var(--shadow-md);
|
||||||
transition: var(--transition);
|
transition: var(--transition);
|
||||||
position: relative;
|
position: relative;
|
||||||
@ -388,20 +289,6 @@
|
|||||||
box-shadow: var(--shadow-glow-sm);
|
box-shadow: var(--shadow-glow-sm);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 가격 헤더 */
|
|
||||||
.pricing-header {
|
|
||||||
text-align: center;
|
|
||||||
margin-bottom: var(--spacing-lg);
|
|
||||||
padding-bottom: var(--spacing-lg);
|
|
||||||
border-bottom: 1px solid var(--border-light);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pricing-header.unified {
|
|
||||||
text-align: left;
|
|
||||||
border-bottom: none;
|
|
||||||
padding-bottom: 0;
|
|
||||||
margin-bottom: var(--spacing-md);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pricing-header h4 {
|
.pricing-header h4 {
|
||||||
font-size: var(--font-xl);
|
font-size: var(--font-xl);
|
||||||
@ -534,6 +421,13 @@
|
|||||||
gap: var(--spacing-xl);
|
gap: var(--spacing-xl);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.streaming-common-label {
|
||||||
|
font-size: var(--font-sm);
|
||||||
|
color: var(--text-secondary);
|
||||||
|
text-align: center;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.package-overview {
|
.package-overview {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@ -556,41 +450,6 @@
|
|||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.promo-badge-large {
|
|
||||||
display: inline-block;
|
|
||||||
background: rgba(255, 255, 255, 0.3);
|
|
||||||
backdrop-filter: blur(10px);
|
|
||||||
color: var(--text-white);
|
|
||||||
padding: var(--spacing-xs) var(--spacing-md);
|
|
||||||
border-radius: 4px;
|
|
||||||
font-size: var(--font-sm);
|
|
||||||
font-weight: 700;
|
|
||||||
margin-bottom: var(--spacing-sm);
|
|
||||||
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
|
|
||||||
}
|
|
||||||
|
|
||||||
.promo-badge-package {
|
|
||||||
position: absolute;
|
|
||||||
top: 15px;
|
|
||||||
right: 15px;
|
|
||||||
background: var(--color-youtube);
|
|
||||||
color: var(--text-white);
|
|
||||||
padding: var(--spacing-xs) var(--spacing-md);
|
|
||||||
border-radius: 4px;
|
|
||||||
font-size: var(--font-sm);
|
|
||||||
font-weight: 700;
|
|
||||||
box-shadow: 0 2px 8px rgba(255, 0, 0, 0.3);
|
|
||||||
z-index: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.original-price-large {
|
|
||||||
display: block;
|
|
||||||
font-size: var(--font-2xl);
|
|
||||||
color: var(--text-secondary);
|
|
||||||
text-decoration: line-through;
|
|
||||||
margin-bottom: var(--spacing-xs);
|
|
||||||
}
|
|
||||||
|
|
||||||
.package-duration h4 {
|
.package-duration h4 {
|
||||||
font-size: var(--font-2xl);
|
font-size: var(--font-2xl);
|
||||||
margin-bottom: var(--spacing-sm);
|
margin-bottom: var(--spacing-sm);
|
||||||
@ -607,6 +466,10 @@
|
|||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||||
gap: var(--spacing-xl);
|
gap: var(--spacing-xl);
|
||||||
|
background: var(--bg-light);
|
||||||
|
padding: var(--spacing-xl);
|
||||||
|
border-radius: var(--border-radius);
|
||||||
|
border: 1px solid var(--border-light);
|
||||||
}
|
}
|
||||||
|
|
||||||
.feature-column h5 {
|
.feature-column h5 {
|
||||||
@ -624,7 +487,8 @@
|
|||||||
padding: var(--spacing-sm) 0;
|
padding: var(--spacing-sm) 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
padding-left: var(--spacing-lg);
|
padding-left: var(--spacing-lg);
|
||||||
color: var(--text-secondary);
|
color: var(--text-primary);
|
||||||
|
line-height: 1.6;
|
||||||
}
|
}
|
||||||
|
|
||||||
.feature-column li::before {
|
.feature-column li::before {
|
||||||
@ -858,6 +722,7 @@
|
|||||||
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
||||||
gap: var(--spacing-xl);
|
gap: var(--spacing-xl);
|
||||||
margin-bottom: var(--spacing-2xl);
|
margin-bottom: var(--spacing-2xl);
|
||||||
|
justify-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 개별 가격 카드 */
|
/* 개별 가격 카드 */
|
||||||
@ -869,6 +734,8 @@
|
|||||||
transition: var(--transition);
|
transition: var(--transition);
|
||||||
position: relative;
|
position: relative;
|
||||||
border: 2px solid transparent;
|
border: 2px solid transparent;
|
||||||
|
max-width: 420px;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pricing-card:hover {
|
.pricing-card:hover {
|
||||||
@ -909,25 +776,12 @@
|
|||||||
right: -10px;
|
right: -10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.promo-badge {
|
|
||||||
background: var(--color-youtube);
|
|
||||||
color: var(--text-white);
|
|
||||||
padding: var(--spacing-xs) var(--spacing-sm);
|
|
||||||
border-radius: 4px;
|
|
||||||
font-size: var(--font-xs);
|
|
||||||
font-weight: 700;
|
|
||||||
position: absolute;
|
|
||||||
top: -10px;
|
|
||||||
right: -10px;
|
|
||||||
box-shadow: 0 2px 8px rgba(255, 0, 0, 0.3);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 가격 표시 */
|
/* 가격 표시 */
|
||||||
.price-display {
|
.price-display {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-bottom: var(--spacing-lg);
|
margin-bottom: var(--spacing-lg);
|
||||||
padding: var(--spacing-lg);
|
padding: var(--spacing-lg);
|
||||||
background: linear-gradient(135deg, #fff4e6, #ffe8cc);
|
background: linear-gradient(135deg, #fff0d9, #ffe0b8);
|
||||||
border-radius: var(--border-radius-sm);
|
border-radius: var(--border-radius-sm);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -954,14 +808,6 @@
|
|||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
}
|
}
|
||||||
|
|
||||||
.original-price {
|
|
||||||
display: block;
|
|
||||||
font-size: var(--font-lg);
|
|
||||||
color: var(--text-light);
|
|
||||||
text-decoration: line-through;
|
|
||||||
margin-bottom: var(--spacing-xs);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 부가세 안내 */
|
/* 부가세 안내 */
|
||||||
.vat-notice {
|
.vat-notice {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
@ -1007,15 +853,16 @@
|
|||||||
padding: var(--spacing-sm) 0;
|
padding: var(--spacing-sm) 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
padding-left: var(--spacing-lg);
|
padding-left: var(--spacing-lg);
|
||||||
color: var(--text-secondary);
|
color: var(--text-primary);
|
||||||
line-height: 1.5;
|
line-height: 1.6;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-features li::before {
|
.card-features li::before {
|
||||||
content: '✨';
|
content: '✓';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
color: var(--primary-color);
|
color: var(--primary-color);
|
||||||
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 서비스 정보 카드 */
|
/* 서비스 정보 카드 */
|
||||||
@ -1126,7 +973,6 @@
|
|||||||
|
|
||||||
.info-card {
|
.info-card {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 300px;
|
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1703,9 +1549,10 @@
|
|||||||
|
|
||||||
.option-note {
|
.option-note {
|
||||||
font-size: var(--font-sm);
|
font-size: var(--font-sm);
|
||||||
color: var(--text-secondary);
|
color: var(--text-primary);
|
||||||
grid-column: 1 / -1;
|
grid-column: 1 / -1;
|
||||||
line-height: 1.4;
|
line-height: 1.5;
|
||||||
|
opacity: 0.75;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 프로세스 노트 */
|
/* 프로세스 노트 */
|
||||||
@ -1737,7 +1584,7 @@
|
|||||||
|
|
||||||
.step-pricing .price-label {
|
.step-pricing .price-label {
|
||||||
font-size: var(--font-base);
|
font-size: var(--font-base);
|
||||||
color: var(--text-secondary);
|
color: var(--text-primary);
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
BIN
images/sign/구슬요.jpg
Normal file
BIN
images/sign/구슬요.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 486 KiB |
BIN
images/sign/얌하.jpg
Normal file
BIN
images/sign/얌하.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 360 KiB |
10
index.html
10
index.html
@ -180,7 +180,7 @@
|
|||||||
<!-- CSS -->
|
<!-- CSS -->
|
||||||
<link rel="stylesheet" href="css/common.css">
|
<link rel="stylesheet" href="css/common.css">
|
||||||
<link rel="stylesheet" href="css/main.css">
|
<link rel="stylesheet" href="css/main.css">
|
||||||
<link rel="stylesheet" href="css/popup.css">
|
<link rel="stylesheet" href="css/popup.css?v=2">
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
@ -197,8 +197,8 @@
|
|||||||
|
|
||||||
<div class="popup-header">
|
<div class="popup-header">
|
||||||
<h2 class="popup-title"><i class="fa-solid fa-bullhorn" aria-hidden="true"></i> 요금제 변경 안내</h2>
|
<h2 class="popup-title"><i class="fa-solid fa-bullhorn" aria-hidden="true"></i> 요금제 변경 안내</h2>
|
||||||
<p class="popup-subtitle">2026년 3월부터 적용됩니다</p>
|
<p class="popup-subtitle">2026년 3월부터 적용되었습니다</p>
|
||||||
<div class="popup-badge">3월 시행</div>
|
<div class="popup-badge">시행 중</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="popup-body">
|
<div class="popup-body">
|
||||||
@ -210,7 +210,7 @@
|
|||||||
<span class="change-card-title"><i class="fa-solid fa-clock-rotate-left" aria-hidden="true"></i> 할인 이벤트 종료</span>
|
<span class="change-card-title"><i class="fa-solid fa-clock-rotate-left" aria-hidden="true"></i> 할인 이벤트 종료</span>
|
||||||
<span class="change-badge badge-end">종료</span>
|
<span class="change-badge badge-end">종료</span>
|
||||||
</div>
|
</div>
|
||||||
<p class="change-description">오픈 기념 20% 할인 이벤트가 <strong>2월 28일</strong>로 종료되며, 3월부터 정상가가 적용됩니다.</p>
|
<p class="change-description">오픈 기념 20% 할인 이벤트가 <strong>2월 28일</strong>부로 종료되었으며, 현재 정상가가 적용되고 있습니다.</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="change-card">
|
<div class="change-card">
|
||||||
@ -236,7 +236,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="popup-notice">
|
<div class="popup-notice">
|
||||||
<p>※ 변경된 요금은 3월 초 서비스 페이지에 반영 예정입니다</p>
|
<p>※ 변경된 요금이 서비스 페이지에 반영되었습니다</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="popup-info">
|
<div class="popup-info">
|
||||||
|
|||||||
8
qna.html
8
qna.html
@ -152,8 +152,8 @@
|
|||||||
<div style="margin: 0.5rem 0; padding: 0.5rem; background: #f0f0f0; border-radius: 4px;">[여기에 작성해주세요]</div>
|
<div style="margin: 0.5rem 0; padding: 0.5rem; background: #f0f0f0; border-radius: 4px;">[여기에 작성해주세요]</div>
|
||||||
|
|
||||||
<div><strong>3. 이용 인원</strong></div>
|
<div><strong>3. 이용 인원</strong></div>
|
||||||
<div style="color: #666; font-size: 0.85rem;">(1~2인 권장, 최대 4인까지 가능)</div>
|
<div style="color: #666; font-size: 0.85rem;">(1~2인 권장, 최대 5인까지 가능)</div>
|
||||||
<div style="margin: 0.5rem 0; padding: 0.5rem; background: #f0f0f0; border-radius: 4px;">□ 1명 □ 2명 □ 3명 □ 4명</div>
|
<div style="margin: 0.5rem 0; padding: 0.5rem; background: #f0f0f0; border-radius: 4px;">□ 1명 □ 2명 □ 3명 □ 4명 □ 5명</div>
|
||||||
|
|
||||||
<div><strong>4. 스튜디오 사용 용도</strong></div>
|
<div><strong>4. 스튜디오 사용 용도</strong></div>
|
||||||
<div style="margin: 0.5rem 0; padding: 0.5rem; background: #f0f0f0; border-radius: 4px;">□ 녹화 □ 기타: [여기에 작성해주세요]</div>
|
<div style="margin: 0.5rem 0; padding: 0.5rem; background: #f0f0f0; border-radius: 4px;">□ 녹화 □ 기타: [여기에 작성해주세요]</div>
|
||||||
@ -284,12 +284,12 @@
|
|||||||
<span class="faq-toggle">+</span>
|
<span class="faq-toggle">+</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="faq-answer">
|
<div class="faq-answer">
|
||||||
<p>최대 <strong>4명</strong>까지 동시 모션캡쳐가 가능합니다.</p>
|
<p>최대 <strong>5명</strong>까지 동시 모션캡쳐가 가능합니다.</p>
|
||||||
<p>인원별 상세 정보:</p>
|
<p>인원별 상세 정보:</p>
|
||||||
<ul>
|
<ul>
|
||||||
<li><strong>1명:</strong> 최고 정밀도 캡쳐</li>
|
<li><strong>1명:</strong> 최고 정밀도 캡쳐</li>
|
||||||
<li><strong>2명:</strong> 상호작용 장면 최적</li>
|
<li><strong>2명:</strong> 상호작용 장면 최적</li>
|
||||||
<li><strong>3-4명:</strong> 그룹 퍼포먼스 가능</li>
|
<li><strong>3-5명:</strong> 그룹 퍼포먼스 가능</li>
|
||||||
</ul>
|
</ul>
|
||||||
<p>인원이 많을수록 캡쳐 공간과 정확도에 제약이 있을 수 있습니다.</p>
|
<p>인원이 많을수록 캡쳐 공간과 정확도에 제약이 있을 수 있습니다.</p>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
106
services.html
106
services.html
@ -32,13 +32,13 @@
|
|||||||
<meta name="theme-color" content="#ff8800">
|
<meta name="theme-color" content="#ff8800">
|
||||||
|
|
||||||
<!-- SEO 메타 태그 -->
|
<!-- SEO 메타 태그 -->
|
||||||
<meta name="description" content="밍글 스튜디오 서비스 소개 - OptiTrack 모션캡쳐 스튜디오 대관, 1인 120,000원~/시간, 전신/페이셜 캡쳐, 모션 녹화 전문">
|
<meta name="description" content="밍글 스튜디오 서비스 소개 - OptiTrack 모션캡쳐 스튜디오 대관, 2인 200,000원~/시간, 전신/페이셜 캡쳐, 모션 녹화 전문">
|
||||||
<meta name="keywords" content="모션캡쳐 대관, OptiTrack, 스튜디오 요금, 모션 녹화, 모션캡쳐 스튜디오">
|
<meta name="keywords" content="모션캡쳐 대관, OptiTrack, 스튜디오 요금, 모션 녹화, 모션캡쳐 스튜디오">
|
||||||
<meta name="author" content="밍글 스튜디오">
|
<meta name="author" content="밍글 스튜디오">
|
||||||
|
|
||||||
<!-- Open Graph -->
|
<!-- Open Graph -->
|
||||||
<meta property="og:title" content="서비스 소개 - 밍글 스튜디오">
|
<meta property="og:title" content="서비스 소개 - 밍글 스튜디오">
|
||||||
<meta property="og:description" content="30대 OptiTrack 카메라로 전신/페이셜 모션캡처, 1인 120,000원~/시간, 2인 160,000원~/시간. 스트리밍글 서비스 1,600,000원으로 6시간 풀패키지 제공">
|
<meta property="og:description" content="30대 OptiTrack 카메라로 전신/페이셜 모션캡처, 2인 200,000원~/시간. 스트리밍글 서비스 4시간 1,400,000원 / 6시간 2,000,000원 풀패키지 제공">
|
||||||
<meta property="og:url" content="https://minglestudio.co.kr/services.html">
|
<meta property="og:url" content="https://minglestudio.co.kr/services.html">
|
||||||
<meta property="og:type" content="website">
|
<meta property="og:type" content="website">
|
||||||
<meta property="og:image" content="https://minglestudio.co.kr/images/logo/mingle-OG.png">
|
<meta property="og:image" content="https://minglestudio.co.kr/images/logo/mingle-OG.png">
|
||||||
@ -51,7 +51,7 @@
|
|||||||
<!-- Twitter Card -->
|
<!-- Twitter Card -->
|
||||||
<meta name="twitter:card" content="summary_large_image">
|
<meta name="twitter:card" content="summary_large_image">
|
||||||
<meta name="twitter:title" content="서비스 소개 - 밍글 스튜디오">
|
<meta name="twitter:title" content="서비스 소개 - 밍글 스튜디오">
|
||||||
<meta name="twitter:description" content="30대 OptiTrack 카메라로 전신/페이셜 모션캡처, 1인 120,000원~/시간, 2인 160,000원~/시간. 스트리밍글 서비스 1,600,000원으로 6시간 풀패키지 제공">
|
<meta name="twitter:description" content="30대 OptiTrack 카메라로 전신/페이셜 모션캡처, 2인 200,000원~/시간. 스트리밍글 서비스 4시간 1,400,000원 / 6시간 2,000,000원 풀패키지 제공">
|
||||||
<meta name="twitter:image" content="https://minglestudio.co.kr/images/logo/mingle-OG.png">
|
<meta name="twitter:image" content="https://minglestudio.co.kr/images/logo/mingle-OG.png">
|
||||||
<meta name="twitter:site" content="@mingle_studio">
|
<meta name="twitter:site" content="@mingle_studio">
|
||||||
<meta name="twitter:creator" content="@mingle_studio">
|
<meta name="twitter:creator" content="@mingle_studio">
|
||||||
@ -105,36 +105,14 @@
|
|||||||
<!-- 가격 카드들 -->
|
<!-- 가격 카드들 -->
|
||||||
<div class="pricing-cards-wrapper">
|
<div class="pricing-cards-wrapper">
|
||||||
<div class="pricing-cards stagger-children">
|
<div class="pricing-cards stagger-children">
|
||||||
<div class="pricing-card basic reveal" data-reveal="up">
|
|
||||||
<div class="card-header">
|
|
||||||
<span class="person-icon"><i class="fa-solid fa-user" aria-hidden="true"></i></span>
|
|
||||||
<h4>1인 이용</h4>
|
|
||||||
<span class="promo-badge"><i class="fa-solid fa-gift" aria-hidden="true"></i> 20% 할인</span>
|
|
||||||
</div>
|
|
||||||
<div class="price-display">
|
|
||||||
<span class="original-price">150,000원</span>
|
|
||||||
<span class="price-amount">120,000원</span>
|
|
||||||
<span class="price-unit">/시간</span>
|
|
||||||
</div>
|
|
||||||
<div class="card-features">
|
|
||||||
<ul>
|
|
||||||
<li>1인 모션 녹화</li>
|
|
||||||
<li>개인 프로젝트 최적화</li>
|
|
||||||
<li>단독 캐릭터 모션 수록</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="pricing-card team reveal" data-reveal="up">
|
<div class="pricing-card team reveal" data-reveal="up">
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<span class="person-icon"><i class="fa-solid fa-user-group" aria-hidden="true"></i></span>
|
<span class="person-icon"><i class="fa-solid fa-user-group" aria-hidden="true"></i></span>
|
||||||
<h4>2인 이용</h4>
|
<h4>2인 이용</h4>
|
||||||
<span class="popular-badge">인기</span>
|
<span class="popular-badge">인기</span>
|
||||||
<span class="promo-badge"><i class="fa-solid fa-gift" aria-hidden="true"></i> 20% 할인</span>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="price-display">
|
<div class="price-display">
|
||||||
<span class="original-price">200,000원</span>
|
<span class="price-amount">200,000원</span>
|
||||||
<span class="price-amount">160,000원</span>
|
|
||||||
<span class="price-unit">/시간</span>
|
<span class="price-unit">/시간</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-features">
|
<div class="card-features">
|
||||||
@ -150,16 +128,14 @@
|
|||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<span class="person-icon"><i class="fa-solid fa-people-group" aria-hidden="true"></i></span>
|
<span class="person-icon"><i class="fa-solid fa-people-group" aria-hidden="true"></i></span>
|
||||||
<h4>추가 인원</h4>
|
<h4>추가 인원</h4>
|
||||||
<span class="promo-badge"><i class="fa-solid fa-gift" aria-hidden="true"></i> 20% 할인</span>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="price-display">
|
<div class="price-display">
|
||||||
<span class="original-price">+100,000원</span>
|
<span class="price-amount">+100,000원</span>
|
||||||
<span class="price-amount">+80,000원</span>
|
|
||||||
<span class="price-unit">/명/시간</span>
|
<span class="price-unit">/명/시간</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-features">
|
<div class="card-features">
|
||||||
<ul>
|
<ul>
|
||||||
<li>최대 4인 동시 녹화</li>
|
<li>최대 5인 동시 녹화</li>
|
||||||
<li>다인원 모션 캡쳐</li>
|
<li>다인원 모션 캡쳐</li>
|
||||||
<li>그룹 안무·연기 수록</li>
|
<li>그룹 안무·연기 수록</li>
|
||||||
</ul>
|
</ul>
|
||||||
@ -168,13 +144,17 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="service-info">
|
<div class="service-info">
|
||||||
|
<div class="info-card">
|
||||||
|
<span class="info-icon"><i class="fa-solid fa-users" aria-hidden="true"></i></span>
|
||||||
|
<p><strong>최소 이용 인원:</strong> 2인</p>
|
||||||
|
</div>
|
||||||
<div class="info-card">
|
<div class="info-card">
|
||||||
<span class="info-icon"><i class="fa-solid fa-clock" aria-hidden="true"></i></span>
|
<span class="info-icon"><i class="fa-solid fa-clock" aria-hidden="true"></i></span>
|
||||||
<p><strong>최소 이용시간:</strong> 2시간</p>
|
<p><strong>최소 이용시간:</strong> 2시간</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="info-card">
|
<div class="info-card">
|
||||||
<span class="info-icon"><i class="fa-solid fa-users" aria-hidden="true"></i></span>
|
<span class="info-icon"><i class="fa-solid fa-users" aria-hidden="true"></i></span>
|
||||||
<p><strong>최대 동시 이용:</strong> 4인</p>
|
<p><strong>최대 동시 이용:</strong> 5인</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -255,23 +235,53 @@
|
|||||||
<span class="package-badge featured">대표상품</span>
|
<span class="package-badge featured">대표상품</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="streaming-package">
|
<!-- 스트리밍글 패키지 선택 -->
|
||||||
<div class="package-overview">
|
<div class="pricing-cards-wrapper">
|
||||||
<div class="package-price">
|
<div class="pricing-cards stagger-children">
|
||||||
<span class="promo-badge-large"><i class="fa-solid fa-gift" aria-hidden="true"></i> 20% 할인</span>
|
<div class="pricing-card team reveal" data-reveal="up">
|
||||||
<span class="original-price-large">2,000,000원</span>
|
<div class="card-header">
|
||||||
<span class="price-amount">1,600,000원</span>
|
<span class="person-icon"><i class="fa-solid fa-clock" aria-hidden="true"></i></span>
|
||||||
<span class="price-unit">/ 1~4인 사용</span>
|
<h4>4시간 패키지</h4>
|
||||||
|
<span class="popular-badge">NEW</span>
|
||||||
|
</div>
|
||||||
|
<div class="price-display">
|
||||||
|
<span class="price-amount">1,400,000원</span>
|
||||||
|
<span class="price-unit">/ 1~5인 사용</span>
|
||||||
|
</div>
|
||||||
|
<div class="card-features">
|
||||||
|
<ul>
|
||||||
|
<li>총 4시간 이용</li>
|
||||||
|
<li>대관 2시간 + 촬영 준비 2시간</li>
|
||||||
|
<li>6시간 패키지와 동일한 혜택</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="package-duration">
|
|
||||||
<h4>총 6시간 패키지</h4>
|
<div class="pricing-card extended reveal" data-reveal="up">
|
||||||
<p>대관 4시간 + 촬영 준비 2시간</p>
|
<div class="card-header">
|
||||||
|
<span class="person-icon"><i class="fa-solid fa-clock" aria-hidden="true"></i></span>
|
||||||
|
<h4>6시간 패키지</h4>
|
||||||
|
</div>
|
||||||
|
<div class="price-display">
|
||||||
|
<span class="price-amount">2,000,000원</span>
|
||||||
|
<span class="price-unit">/ 1~5인 사용</span>
|
||||||
|
</div>
|
||||||
|
<div class="card-features">
|
||||||
|
<ul>
|
||||||
|
<li>총 6시간 이용</li>
|
||||||
|
<li>대관 4시간 + 촬영 준비 2시간</li>
|
||||||
|
<li>대규모 프로젝트에 적합</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="streaming-package">
|
||||||
|
<p class="streaming-common-label"><i class="fa-solid fa-circle-info" aria-hidden="true"></i> 아래 혜택은 4시간·6시간 패키지 모두에 포함됩니다</p>
|
||||||
<div class="package-features">
|
<div class="package-features">
|
||||||
<div class="feature-column">
|
<div class="feature-column">
|
||||||
<h5>포함 혜택</h5>
|
<h5>공통 포함 혜택</h5>
|
||||||
<ul>
|
<ul>
|
||||||
<li>1인당 1벌 캐릭터 무료 세팅</li>
|
<li>1인당 1벌 캐릭터 무료 세팅</li>
|
||||||
<li>기존 보유 배경 중 2개 무료 세팅</li>
|
<li>기존 보유 배경 중 2개 무료 세팅</li>
|
||||||
@ -289,7 +299,7 @@
|
|||||||
<li>복합적 촬영 환경 제공</li>
|
<li>복합적 촬영 환경 제공</li>
|
||||||
<li>실시간 스트리밍 (스트리밍글 전용)</li>
|
<li>실시간 스트리밍 (스트리밍글 전용)</li>
|
||||||
<li>전문 스태프 풀 서비스</li>
|
<li>전문 스태프 풀 서비스</li>
|
||||||
<li>1~4인 자유롭게 선택 가능</li>
|
<li>1~5인 자유롭게 선택 가능</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -406,7 +416,7 @@
|
|||||||
<div class="step-pricing">
|
<div class="step-pricing">
|
||||||
<span class="price-label">추가 인원:</span>
|
<span class="price-label">추가 인원:</span>
|
||||||
<span class="price-amount">+100,000원/명/시간</span>
|
<span class="price-amount">+100,000원/명/시간</span>
|
||||||
<span class="price-note">(최대 4인까지)</span>
|
<span class="price-note">(최대 5인까지)</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="mv-mocap-pricing">
|
<div class="mv-mocap-pricing">
|
||||||
@ -629,8 +639,8 @@
|
|||||||
|
|
||||||
<div class="form-section">
|
<div class="form-section">
|
||||||
<h5>3. 이용 인원</h5>
|
<h5>3. 이용 인원</h5>
|
||||||
<p class="form-help">(1~2인 권장, 최대 4인까지 가능)</p>
|
<p class="form-help">(1~2인 권장, 최대 5인까지 가능)</p>
|
||||||
<div class="form-placeholder">□ 1명 □ 2명 □ 3명 □ 4명</div>
|
<div class="form-placeholder">□ 1명 □ 2명 □ 3명 □ 4명 □ 5명</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-section">
|
<div class="form-section">
|
||||||
@ -653,7 +663,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="email-send">
|
<div class="email-send">
|
||||||
<a href="mailto:help@minglestudio.co.kr?subject=[스튜디오 예약 문의] 밍글 스튜디오&body=안녕하세요. 밍글 스튜디오 대관 예약 문의 드립니다.%0A%0A■ 기본 정보%0A- 이용 예정일: (예: 2024년 12월 25일)%0A- 이용 시간: (예: 오후 2시 ~ 4시, 2시간)%0A- 참여 인원: 명%0A- 연락처: %0A- 이메일: %0A%0A■ 촬영 정보%0A- 촬영 목적: (예: 모션캡처 녹화, 게임 제작, 뮤직비디오 제작 등)%0A- 예상 촬영 내용: %0A- 필요한 장비: (전신 모션캡쳐 / 페이셜 캡쳐 / 기타)%0A%0A■ 추가 요청사항%0A- 특별한 요구사항: %0A- 문의사항: %0A%0A■ 참고사항%0A- 최소 대관: 2시간 (1인 120,000원~/시간, VAT 별도)%0A- 인원 추가: 2인 160,000원~/시간, 추가 인원 +80,000원~/명/시간%0A- 결제방법: 계좌이체 또는 현금 (카드결제 불가)%0A- 현금영수증/세금계산서 발행 가능%0A%0A빠른 시일 내에 답변 드리겠습니다.%0A감사합니다." class="btn btn-primary">
|
<a href="mailto:help@minglestudio.co.kr?subject=[스튜디오 예약 문의] 밍글 스튜디오&body=안녕하세요. 밍글 스튜디오 대관 예약 문의 드립니다.%0A%0A■ 기본 정보%0A- 이용 예정일: (예: 2024년 12월 25일)%0A- 이용 시간: (예: 오후 2시 ~ 4시, 2시간)%0A- 참여 인원: 명%0A- 연락처: %0A- 이메일: %0A%0A■ 촬영 정보%0A- 촬영 목적: (예: 모션캡처 녹화, 게임 제작, 뮤직비디오 제작 등)%0A- 예상 촬영 내용: %0A- 필요한 장비: (전신 모션캡쳐 / 페이셜 캡쳐 / 기타)%0A%0A■ 추가 요청사항%0A- 특별한 요구사항: %0A- 문의사항: %0A%0A■ 참고사항%0A- 최소 대관: 2시간 (2인 200,000원~/시간, VAT 별도)%0A- 인원 추가: 추가 인원 +100,000원~/명/시간%0A- 결제방법: 계좌이체 또는 현금 (카드결제 불가)%0A- 현금영수증/세금계산서 발행 가능%0A%0A빠른 시일 내에 답변 드리겠습니다.%0A감사합니다." class="btn btn-primary">
|
||||||
<i class="fa-solid fa-envelope" aria-hidden="true"></i> 이메일 바로 보내기
|
<i class="fa-solid fa-envelope" aria-hidden="true"></i> 이메일 바로 보내기
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
@ -941,7 +951,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="feature-item">
|
<div class="feature-item">
|
||||||
<span class="feature-icon"><i class="fa-solid fa-users" aria-hidden="true"></i></span>
|
<span class="feature-icon"><i class="fa-solid fa-users" aria-hidden="true"></i></span>
|
||||||
<p>최대 4인 동시 방송</p>
|
<p>최대 5인 동시 방송</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="feature-item">
|
<div class="feature-item">
|
||||||
<span class="feature-icon"><i class="fa-solid fa-clock" aria-hidden="true"></i></span>
|
<span class="feature-icon"><i class="fa-solid fa-clock" aria-hidden="true"></i></span>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user