diff --git a/css/main.css b/css/main.css index 40d7bba..f7a33de 100644 --- a/css/main.css +++ b/css/main.css @@ -1038,6 +1038,40 @@ transform: translateY(-3px); } +.cta-discount-banner { + margin: var(--spacing-lg) auto var(--spacing-xl); + max-width: 480px; +} + +.cta-discount-banner a { + display: inline-block; + padding: 10px 28px; + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 136, 0, 0.5); + border-radius: 30px; + color: #fff; + font-size: var(--font-base); + text-decoration: none; + transition: all 0.3s ease; + backdrop-filter: blur(8px); +} + +.cta-discount-banner a:hover { + background: rgba(255, 136, 0, 0.2); + border-color: var(--primary-color); + transform: translateY(-2px); + box-shadow: 0 4px 15px rgba(255, 136, 0, 0.3); +} + +.cta-discount-banner a i { + margin-right: 6px; + color: var(--primary-color); +} + +.cta-discount-banner a strong { + color: var(--primary-color); +} + .contact-info-quick { display: grid; grid-template-columns: repeat(2, 1fr); diff --git a/css/services.css b/css/services.css index 537e8af..5d81e8f 100644 --- a/css/services.css +++ b/css/services.css @@ -637,6 +637,176 @@ line-height: 1.5; } +/* ======================================== + 할인 혜택 섹션 + ======================================== */ +.discount-section { + margin-bottom: var(--spacing-2xl); +} + +.discount-section > h3 { + font-size: var(--font-xl); + color: var(--text-primary); + text-align: center; + margin-bottom: var(--spacing-sm); +} + +.discount-section > h3 i { + color: var(--primary-color); + margin-right: 8px; +} + +.discount-scope { + text-align: center; + font-size: var(--font-sm); + color: var(--text-tertiary); + margin-bottom: var(--spacing-xl); +} + +.discount-cards { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: var(--spacing-xl); +} + +.discount-card { + background: var(--bg-white); + border-radius: var(--border-radius); + overflow: hidden; + box-shadow: var(--shadow-md); + transition: transform 0.3s ease, box-shadow 0.3s ease; +} + +.discount-card:hover { + transform: translateY(-4px); + box-shadow: var(--shadow-lg); +} + +.discount-card-header { + padding: var(--spacing-lg) var(--spacing-xl); + display: flex; + align-items: center; + gap: 12px; + position: relative; +} + +.discount-card-header.referral { + background: linear-gradient(135deg, #ff8800 0%, #ffaa33 100%); + color: #fff; +} + +.discount-card-header.multipass { + background: linear-gradient(135deg, #6c5ce7 0%, #a29bfe 100%); + color: #fff; +} + +.discount-icon { + font-size: 1.4rem; +} + +.discount-card-header h4 { + font-size: var(--font-lg); + font-weight: 700; + margin: 0; + color: #fff; +} + +.discount-badge { + margin-left: auto; + background: rgba(255, 255, 255, 0.25); + padding: 4px 12px; + border-radius: 20px; + font-size: var(--font-xs); + font-weight: 600; + white-space: nowrap; +} + +.discount-card-body { + padding: var(--spacing-xl); +} + +.discount-highlight { + display: flex; + align-items: center; + gap: 12px; + margin-bottom: var(--spacing-lg); + padding: var(--spacing-md) var(--spacing-lg); + background: var(--bg-light); + border-radius: var(--border-radius-sm); +} + +.discount-rate { + font-size: 2rem; + font-weight: 800; + color: var(--primary-color); + line-height: 1; +} + +.discount-label { + font-size: var(--font-base); + color: var(--text-primary); + font-weight: 600; +} + +.discount-details { + list-style: none; + padding: 0; + margin: 0; +} + +.discount-details li { + position: relative; + padding: 6px 0 6px 20px; + font-size: var(--font-sm); + color: var(--text-secondary); + line-height: 1.6; +} + +.discount-details li::before { + content: '✓'; + position: absolute; + left: 0; + color: var(--primary-color); + font-weight: 700; +} + +/* 다회권 테이블 */ +.discount-table-wrap { + margin-bottom: var(--spacing-lg); +} + +.discount-table { + width: 100%; + border-collapse: collapse; + text-align: center; +} + +.discount-table th { + background: var(--bg-light); + padding: 10px 16px; + font-size: var(--font-sm); + font-weight: 600; + color: var(--text-secondary); + border-bottom: 2px solid var(--border-color); +} + +.discount-table td { + padding: 12px 16px; + font-size: var(--font-base); + color: var(--text-primary); + border-bottom: 1px solid var(--border-color); +} + +.discount-table .highlight-row td { + background: rgba(108, 92, 231, 0.08); + font-weight: 600; +} + +.discount-table .highlight-row td:last-child { + color: #6c5ce7; + font-size: 1.1em; +} + /* 이용 안내사항 */ .usage-notes { background-color: var(--bg-white); @@ -1008,7 +1178,24 @@ .notes-grid { grid-template-columns: 1fr; } - + + .discount-cards { + grid-template-columns: 1fr; + } + + .discount-highlight { + flex-direction: column; + text-align: center; + } + + .discount-card-header { + flex-wrap: wrap; + } + + .discount-badge { + margin-left: 0; + } + .package-header { flex-direction: column; align-items: flex-start; @@ -2430,6 +2617,51 @@ color: var(--dark-text-tertiary); } +/* 할인 혜택 섹션 */ +[data-theme="dark"] .discount-card { + background: var(--dark-surface); + border: 1px solid var(--glass-border); +} + +[data-theme="dark"] .discount-card-body { + color: var(--dark-text-primary); +} + +[data-theme="dark"] .discount-highlight { + background: rgba(255, 255, 255, 0.06); +} + +[data-theme="dark"] .discount-label { + color: var(--dark-text-primary); +} + +[data-theme="dark"] .discount-details li { + color: var(--dark-text-secondary); +} + +[data-theme="dark"] .discount-section > h3 { + color: var(--dark-text-primary); +} + +[data-theme="dark"] .discount-scope { + color: var(--dark-text-tertiary); +} + +[data-theme="dark"] .discount-table th { + background: rgba(255, 255, 255, 0.06); + color: var(--dark-text-secondary); + border-color: var(--glass-border); +} + +[data-theme="dark"] .discount-table td { + color: var(--dark-text-primary); + border-color: var(--glass-border); +} + +[data-theme="dark"] .discount-table .highlight-row td { + background: rgba(108, 92, 231, 0.15); +} + /* 이용 안내사항 */ [data-theme="dark"] .usage-notes { background: var(--dark-surface); diff --git a/en/index.html b/en/index.html index 26d389c..d4e8045 100644 --- a/en/index.html +++ b/en/index.html @@ -975,6 +975,10 @@ Naver Booking +
+ Save up to 30% off with multi-session passes! Learn more → +
+
diff --git a/en/services.html b/en/services.html index e3dd220..33d7860 100644 --- a/en/services.html +++ b/en/services.html @@ -611,6 +611,74 @@ Ownership can be assigned to Mingle Studio or the client

+ +
+

Discount Benefits

+

* Applies to Streamingle Service (4-hour package) only / VAT excluded / Additional costs for backgrounds, avatar setup, props, etc. not included

+ +
+ +
+
+ +

Referral Discount

+ For New Customers +
+
+
+ 20% + Discount for both referrer & new customer +
+
    +
  • Tell us who referred you when making your first booking
    • +
  • Both the referrer and new customer receive a 20% discount coupon
    • +
  • No limit on referral count — coupons accumulate
    • +
+
+
+ + +
+
+ +

Multi-Pass Discount

+ Up to 30% Off +
+
+
+ + + + + + + + + + + + + + + + + + + + + +
PassDiscount
3-Session Pass20%
5-Session Pass25%
7-Session Pass30%
+
+
    +
  • Discount applied with prepayment (must be used within 3 months)
    • +
  • Pre-scheduling your dates helps with smooth coordination
    • +
  • If undecided, please consult at least 2 weeks in advance
    • +
+
+
+
+
+

Usage Guidelines

diff --git a/index.html b/index.html index 3d76cf5..24b514c 100644 --- a/index.html +++ b/index.html @@ -983,6 +983,10 @@ 네이버 예약
+
+ 다회 이용 시 최대 30% 할인! 자세히 보기 → +
+
diff --git a/ja/index.html b/ja/index.html index 315e554..de23d6d 100644 --- a/ja/index.html +++ b/ja/index.html @@ -975,6 +975,10 @@ Naver予約
+
+ 複数回利用で最大30%割引！ 詳しく見る → +
+
diff --git a/ja/services.html b/ja/services.html index c20d0e1..5a23007 100644 --- a/ja/services.html +++ b/ja/services.html @@ -611,6 +611,74 @@ Mingle Studioまたは依頼者帰属を選択可能です

+ +
+

割引特典

+

※ ストリミングルサービス（4時間パッケージ）に限る / VAT別途 / 背景・アバターセッティング・プロップ費用等の追加費用は除外

+ +
+ +
+
+ +

紹介割引

+ 新規のお客様対象 +
+
+
+ 20% + 紹介者＆新規のお客様 両方に割引 +
+
    +
  • 新規のお客様は初回予約時に紹介者をお知らせください
    • +
  • 紹介者と新規のお客様の両方に20%割引クーポンを進呈
    • +
  • 紹介回数の制限なく累積可能
    • +
+
+
+ + +
+
+ +

回数券割引

+ 最大30%割引 +
+
+
+ + + + + + + + + + + + + + + + + + + + + +
回数券割引率
3回券20%
5回券25%
7回券30%
+
+
    +
  • 前払い時に割引適用（3ヶ月以内に消化）
    • +
  • 事前に予約日を決めるとスケジュール調整がスムーズです
    • +
  • 未定の場合は最低2週間前にご相談ください
    • +
+
+
+
+
+

ご利用案内

diff --git a/services.html b/services.html index e2cf967..7fd6dbc 100644 --- a/services.html +++ b/services.html @@ -604,6 +604,74 @@
+ +
+

할인 혜택

+

* 스트리밍글 서비스(4시간 패키지)에 한함 / VAT 별도 / 배경·아바타세팅·프랍비용 등 추가비용 제외

+ +
+ +
+
+ +

추천인 할인

+ 신규 고객 대상 +
+
+
+ 20% + 추천인 & 신규고객 모두 할인 +
+
    +
  • 신규고객 첫 예약 시 추천인을 알려주세요
    • +
  • 추천인과 신규고객 모두 20% 할인 쿠폰 지급
    • +
  • 추천 횟수 제한 없이 누적 가능
    • +
+
+
+ + +
+
+ +

다회권 할인

+ 최대 30% 할인 +
+
+
+ + + + + + + + + + + + + + + + + + + + + +
이용권할인율
3회권20%
5회권25%
7회권30%
+
+
    +
  • 선결제 시 할인 적용 (3개월 이내 소진)
    • +
  • 예약일자를 미리 정하면 스케줄 조정이 원활합니다
    • +
  • 미정 시 최소 2주 전 협의를 통해 일정 확정
    • +
+
+
+
+
+

이용 안내사항

diff --git a/zh/index.html b/zh/index.html index 841231b..ea62a32 100644 --- a/zh/index.html +++ b/zh/index.html @@ -975,6 +975,10 @@ Naver预约
+
+ 多次使用最高享30%折扣！ 了解详情 → +
+
diff --git a/zh/services.html b/zh/services.html index d7495ea..21c3d14 100644 --- a/zh/services.html +++ b/zh/services.html @@ -611,6 +611,74 @@
+ +
+

优惠活动

+

※ 仅适用于Streamingle服务（4小时套餐）/ 不含增值税 / 不包含背景、虚拟形象设置、道具费用等额外费用

+ +
+ +
+
+ +

推荐优惠

+ 新客户专享 +
+
+
+ 20% + 推荐人和新客户均可享受折扣 +
+
    +
  • 新客户首次预约时请告知推荐人信息
    • +
  • 推荐人和新客户均可获得20%折扣券
    • +
  • 推荐次数无上限，优惠券可累积
    • +
+
+
+ + +
+
+ +

多次卡优惠

+ 最高30%折扣 +
+
+
+ + + + + + + + + + + + + + + + + + + + + +
次卡折扣率
3次卡20%
5次卡25%
7次卡30%
+
+
    +
  • 预付款时享受折扣（需在3个月内使用完毕）
    • +
  • 提前确定预约日期有助于顺利安排日程
    • +
  • 如未确定，请至少提前2周协商
    • +
+
+
+
+
+

使用须知