diff --git a/.claude/settings.local.json b/.claude/settings.local.json index c0e3e6f..6999120 100644 --- a/.claude/settings.local.json +++ b/.claude/settings.local.json @@ -33,7 +33,16 @@ "Bash(find:*)", "Bash(grep:*)", "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 \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 \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 \nEOF\n\\)\")", + "Bash(git commit -m \"$\\(cat <<''EOF''\nFix: 방문 크리에이터 마키 속도 원복 \\(40s → 30s\\)\n\nCo-Authored-By: Claude Opus 4.5 \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": [], "ask": [] diff --git a/css/services.css b/css/services.css index 8bb45c4..537e8af 100644 --- a/css/services.css +++ b/css/services.css @@ -83,106 +83,7 @@ 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 { @@ -319,7 +220,7 @@ background-color: var(--bg-white); border-radius: var(--border-radius); padding: var(--spacing-2xl); - margin-bottom: var(--spacing-2xl); + margin-bottom: var(--spacing-3xl); box-shadow: var(--shadow-md); transition: var(--transition); position: relative; @@ -388,20 +289,6 @@ 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 { font-size: var(--font-xl); @@ -534,6 +421,13 @@ gap: var(--spacing-xl); } +.streaming-common-label { + font-size: var(--font-sm); + color: var(--text-secondary); + text-align: center; + margin: 0; +} + .package-overview { display: flex; align-items: center; @@ -556,41 +450,6 @@ 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 { font-size: var(--font-2xl); margin-bottom: var(--spacing-sm); @@ -607,6 +466,10 @@ display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 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 { @@ -624,7 +487,8 @@ padding: var(--spacing-sm) 0; position: relative; padding-left: var(--spacing-lg); - color: var(--text-secondary); + color: var(--text-primary); + line-height: 1.6; } .feature-column li::before { @@ -858,6 +722,7 @@ grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--spacing-xl); margin-bottom: var(--spacing-2xl); + justify-items: center; } /* 개별 가격 카드 */ @@ -869,6 +734,8 @@ transition: var(--transition); position: relative; border: 2px solid transparent; + max-width: 420px; + width: 100%; } .pricing-card:hover { @@ -909,25 +776,12 @@ 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 { text-align: center; margin-bottom: 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); } @@ -954,14 +808,6 @@ 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 { text-align: right; @@ -1007,15 +853,16 @@ padding: var(--spacing-sm) 0; position: relative; padding-left: var(--spacing-lg); - color: var(--text-secondary); - line-height: 1.5; + color: var(--text-primary); + line-height: 1.6; } .card-features li::before { - content: '✨'; + content: '✓'; position: absolute; left: 0; color: var(--primary-color); + font-weight: 700; } /* 서비스 정보 카드 */ @@ -1126,7 +973,6 @@ .info-card { width: 100%; - max-width: 300px; justify-content: center; } @@ -1703,9 +1549,10 @@ .option-note { font-size: var(--font-sm); - color: var(--text-secondary); + color: var(--text-primary); grid-column: 1 / -1; - line-height: 1.4; + line-height: 1.5; + opacity: 0.75; } /* 프로세스 노트 */ @@ -1737,7 +1584,7 @@ .step-pricing .price-label { font-size: var(--font-base); - color: var(--text-secondary); + color: var(--text-primary); font-weight: 600; } diff --git a/images/sign/구슬요.jpg b/images/sign/구슬요.jpg new file mode 100644 index 0000000..ae6ee36 Binary files /dev/null and b/images/sign/구슬요.jpg differ diff --git a/images/sign/얌하.jpg b/images/sign/얌하.jpg new file mode 100644 index 0000000..9a94f2f Binary files /dev/null and b/images/sign/얌하.jpg differ diff --git a/index.html b/index.html index dfa978e..3b1114e 100644 --- a/index.html +++ b/index.html @@ -180,7 +180,7 @@ - + @@ -197,8 +197,8 @@

요금제 변경 안내

-

2026년 3월부터 적용됩니다

-
3월 시행
+

2026년 3월부터 적용되었습니다

+
시행 중
@@ -210,7 +210,7 @@ 할인 이벤트 종료 종료
-

오픈 기념 20% 할인 이벤트가 2월 28일로 종료되며, 3월부터 정상가가 적용됩니다.

+

오픈 기념 20% 할인 이벤트가 2월 28일부로 종료되었으며, 현재 정상가가 적용되고 있습니다.

@@ -236,7 +236,7 @@
-

※ 변경된 요금은 3월 초 서비스 페이지에 반영 예정입니다

+

※ 변경된 요금이 서비스 페이지에 반영되었습니다

diff --git a/qna.html b/qna.html index cd967d5..f812af2 100644 --- a/qna.html +++ b/qna.html @@ -152,8 +152,8 @@
[여기에 작성해주세요]
3. 이용 인원
-
(1~2인 권장, 최대 4인까지 가능)
-
□ 1명 □ 2명 □ 3명 □ 4명
+
(1~2인 권장, 최대 5인까지 가능)
+
□ 1명 □ 2명 □ 3명 □ 4명 □ 5명
4. 스튜디오 사용 용도
□ 녹화 □ 기타: [여기에 작성해주세요]
@@ -284,12 +284,12 @@ +
-

최대 4명까지 동시 모션캡쳐가 가능합니다.

+

최대 5명까지 동시 모션캡쳐가 가능합니다.

인원별 상세 정보:

  • 1명: 최고 정밀도 캡쳐
  • 2명: 상호작용 장면 최적
    • -
  • 3-4명: 그룹 퍼포먼스 가능
    • +
  • 3-5명: 그룹 퍼포먼스 가능

인원이 많을수록 캡쳐 공간과 정확도에 제약이 있을 수 있습니다.

diff --git a/services.html b/services.html index c8c6628..9a3a28f 100644 --- a/services.html +++ b/services.html @@ -32,13 +32,13 @@ - + - + @@ -51,7 +51,7 @@ - + @@ -105,36 +105,14 @@
-
-
- -

1인 이용

- 20% 할인 -
-
- 150,000원 - 120,000원 - /시간 -
-
-
    -
  • 1인 모션 녹화
    • -
  • 개인 프로젝트 최적화
    • -
  • 단독 캐릭터 모션 수록
    • -
-
-
-

2인 이용

인기 - 20% 할인
- 200,000원 - 160,000원 + 200,000원 /시간
@@ -150,16 +128,14 @@

추가 인원

- 20% 할인
- +100,000원 - +80,000원 + +100,000원 /명/시간
    -
  • 최대 4인 동시 녹화
    • +
  • 최대 5인 동시 녹화
  • 다인원 모션 캡쳐
  • 그룹 안무·연기 수록
@@ -168,13 +144,17 @@
+
+ +

최소 이용 인원: 2인

+

최소 이용시간: 2시간

-

최대 동시 이용: 4인

+

최대 동시 이용: 5인

@@ -255,23 +235,53 @@ 대표상품
-
-
-
- 20% 할인 - 2,000,000원 - 1,600,000원 - / 1~4인 사용 + +
+
+
+
+ +

4시간 패키지

+ NEW +
+
+ 1,400,000원 + / 1~5인 사용 +
+
+
    +
  • 총 4시간 이용
    • +
  • 대관 2시간 + 촬영 준비 2시간
    • +
  • 6시간 패키지와 동일한 혜택
    • +
+
-
-

총 6시간 패키지

-

대관 4시간 + 촬영 준비 2시간

+ +
+
+ +

6시간 패키지

+
+
+ 2,000,000원 + / 1~5인 사용 +
+
+
    +
  • 총 6시간 이용
    • +
  • 대관 4시간 + 촬영 준비 2시간
    • +
  • 대규모 프로젝트에 적합
    • +
+
+
+
+

아래 혜택은 4시간·6시간 패키지 모두에 포함됩니다

-
포함 혜택
+
공통 포함 혜택
  • 1인당 1벌 캐릭터 무료 세팅
  • 기존 보유 배경 중 2개 무료 세팅
    • @@ -289,7 +299,7 @@
  • 복합적 촬영 환경 제공
  • 실시간 스트리밍 (스트리밍글 전용)
  • 전문 스태프 풀 서비스
    • -
  • 1~4인 자유롭게 선택 가능
    • +
  • 1~5인 자유롭게 선택 가능
@@ -406,7 +416,7 @@
추가 인원: +100,000원/명/시간 - (최대 4인까지) + (최대 5인까지)
@@ -629,8 +639,8 @@
3. 이용 인원
-

(1~2인 권장, 최대 4인까지 가능)

-
□ 1명 □ 2명 □ 3명 □ 4명
+

(1~2인 권장, 최대 5인까지 가능)

+
□ 1명 □ 2명 □ 3명 □ 4명 □ 5명
@@ -653,7 +663,7 @@
@@ -941,7 +951,7 @@
-

최대 4인 동시 방송

+

최대 5인 동시 방송