From 415ba7a7316555fd6f530f069a62c33ad1c7e92c Mon Sep 17 00:00:00 2001
From: gahusb <bgg8988@gmail.com>
Date: Tue, 24 Mar 2026 10:45:19 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=ED=94=84=EB=A6=AC=EB=AF=B8=EC=97=84=20?=
 =?UTF-8?q?=ED=94=84=EB=A1=AC=ED=94=84=ED=8A=B8=20=EC=83=81=ED=92=88=20?=
 =?UTF-8?q?=EB=9F=B0=EC=B9=AD=20=ED=8A=B9=EA=B0=80=20=ED=95=A0=EC=9D=B8=20?=
 =?UTF-8?q?=ED=91=9C=EC=8B=9C=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

이미지 생성 프롬프트: 45,000원 → 12,900원 (72% OFF)
자소서·이력서 프롬프트: 35,000원 → 9,900원 (72% OFF)
원가 취소선 + 세일가 강조 + 할인율 배지 + 런칭 기념 특가 라벨 UI 적용

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 app/services/prompt/page.tsx | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/app/services/prompt/page.tsx b/app/services/prompt/page.tsx
index 5da35d5..c0a5074 100644
--- a/app/services/prompt/page.tsx
+++ b/app/services/prompt/page.tsx
@@ -26,6 +26,9 @@ const premiumProducts = [
     title: 'AI 이미지 생성 마스터 프롬프트 패키지',
     subtitle: 'Midjourney · DALL-E 3 · Stable Diffusion 전용',
     price: '45,000원',
+    salePrice: '12,900원',
+    discountRate: '72% OFF',
+    saleLabel: '런칭 기념 특가',
     priceNote: '/ 패키지 (즉시 다운로드)',
     desc: '수천 장의 이미지 생성 실험을 통해 검증된, 업종별·스타일별 고품질 프롬프트 50종 세트. 단순 키워드 나열이 아닌 구도·조명·분위기·카메라·후처리까지 세밀하게 설계된 전문가급 프롬프트입니다.',
     features: [
@@ -76,6 +79,9 @@ overexposed, blurry, plastic look, artificial lighting`,
     title: 'AI 자소서·이력서 첨삭 마스터 프롬프트',
     subtitle: 'ChatGPT · Claude 전용 · 대기업 HR 기준 적용',
     price: '35,000원',
+    salePrice: '9,900원',
+    discountRate: '72% OFF',
+    saleLabel: '런칭 기념 특가',
     priceNote: '/ 패키지 (즉시 다운로드)',
     desc: '대기업 현직 개발자의 실전 경험과 수십 명의 신입/경력 지원자 첨삭 경험을 바탕으로 설계한 자소서·이력서 최적화 프롬프트 세트. 합격률을 높이는 구체적인 표현과 구조로 AI가 전문 컨설턴트처럼 첨삭하도록 만들어드립니다.',
     features: [
@@ -268,7 +274,19 @@ export default function PromptPage() {
                       {product.badge}
                     </span>
                     <div className="text-right">
-                      <div className="text-2xl font-extrabold text-white">{product.price}</div>
+                      {/* 할인 배지 */}
+                      <div className="flex items-center justify-end gap-2 mb-1">
+                        <span className="text-xs font-extrabold bg-red-500 text-white px-2 py-0.5 rounded-md animate-pulse">
+                          {product.discountRate}
+                        </span>
+                        <span className="text-xs font-bold" style={{ color: product.accentColor }}>
+                          {product.saleLabel}
+                        </span>
+                      </div>
+                      {/* 원가 취소선 */}
+                      <div className="text-sm line-through opacity-40 text-right text-white mb-0.5">{product.price}</div>
+                      {/* 세일가 */}
+                      <div className="text-2xl font-extrabold text-white">{product.salePrice}</div>
                       <div className="text-xs" style={{ color: product.accentColor + '99' }}>{product.priceNote}</div>
                     </div>
                   </div>