From 216f77a31779646a2253f4e233cd4a6e63c5401d Mon Sep 17 00:00:00 2001
From: gahusb <bgg8988@gmail.com>
Date: Thu, 2 Apr 2026 02:03:09 +0900
Subject: [PATCH] =?UTF-8?q?design:=20Round=203=20=E2=80=94=20=EB=B8=8C?=
 =?UTF-8?q?=EB=9E=9C=EB=94=A9=20=EC=A0=95=ED=95=A9=EC=84=B1=20+=20?=
 =?UTF-8?q?=EC=9D=B4=EB=AA=A8=EC=A7=80=E2=86=92SVG=20+=20=EC=9E=94?=
 =?UTF-8?q?=EC=A1=B4=20gradient=20=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- login: 'Premium Dev Services' → '박재오의 개발 공방'
- DashboardShell: '토스페이먼츠 심사용' 주석 제거
- ai-kit: 타겟 사용자 4개 이모지(🏪💼🛍📣) → SVG 아이콘 + indigo 배경 뱃지
- website: Hero CTA 버튼 gradient → solid #6366f1

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 app/components/DashboardShell.tsx |  2 +-
 app/login/page.tsx                |  2 +-
 app/services/ai-kit/page.tsx      | 26 +++++++++++++++++++++-----
 app/services/website/page.tsx     |  9 ++++-----
 4 files changed, 27 insertions(+), 12 deletions(-)

diff --git a/app/components/DashboardShell.tsx b/app/components/DashboardShell.tsx
index 0dd54bf..4bb3b5f 100644
--- a/app/components/DashboardShell.tsx
+++ b/app/components/DashboardShell.tsx
@@ -44,7 +44,7 @@ export default function DashboardShell({ children }: { children: React.ReactNode
         {/* Main scrollable content */}
         <main className="main-content">
           {children}
-          {/* 토스페이먼츠 심사용 사업자 정보 푸터 */}
+          {/* 사업자 정보 푸터 */}
           <footer className="border-t border-slate-200 bg-white px-6 py-6 text-slate-500 text-xs">
             <div className="max-w-5xl">
               <p className="font-semibold text-slate-700 mb-2">쟁승메이드</p>
diff --git a/app/login/page.tsx b/app/login/page.tsx
index 02ec320..c13f83c 100644
--- a/app/login/page.tsx
+++ b/app/login/page.tsx
@@ -90,7 +90,7 @@ function LoginForm() {
             </div>
             <div className="text-left">
               <div className="text-white font-bold text-xl leading-tight">쟁승메이드</div>
-              <div className="text-blue-400 text-xs font-medium">Premium Dev Services</div>
+              <div className="text-blue-400 text-xs font-medium">박재오의 개발 공방</div>
             </div>
           </Link>
         </div>
diff --git a/app/services/ai-kit/page.tsx b/app/services/ai-kit/page.tsx
index 649dd7e..a8a096d 100644
--- a/app/services/ai-kit/page.tsx
+++ b/app/services/ai-kit/page.tsx
@@ -414,32 +414,48 @@ export default function AiKitPage() {
           <div className="grid sm:grid-cols-2 lg:grid-cols-4 gap-4">
             {[
               {
-                icon: '🏪',
+                icon: (
+                  <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" />
+                  </svg>
+                ),
                 title: '소상공인',
                 pain: '"매일 SNS, 이메일, 리뷰 답변에 2~3시간씩 쓰고 있어요."',
                 gain: '도구 3개만 써도 월 12시간 이상 확보',
               },
               {
-                icon: '💼',
+                icon: (
+                  <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
+                  </svg>
+                ),
                 title: '직장인',
                 pain: '"보고서 쓰다가 퇴근 시간 넘기는 게 일상이에요."',
                 gain: '보고서·일지·회의록 시간 90% 감소',
               },
               {
-                icon: '🛍',
+                icon: (
+                  <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" />
+                  </svg>
+                ),
                 title: '온라인 판매자',
                 pain: '"상품 50개 설명 쓰는 데 이틀이 걸렸어요."',
                 gain: '50개 상품 설명 → 25분 완성',
               },
               {
-                icon: '📣',
+                icon: (
+                  <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} d="M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 100-6M5.436 13.683A4.001 4.001 0 017 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 01-1.564-.317z" />
+                  </svg>
+                ),
                 title: '1인 마케터',
                 pain: '"콘텐츠 아이디어 고갈로 업로드를 자꾸 건너뛰어요."',
                 gain: '한 달치 콘텐츠 기획 → 10분 완성',
               },
             ].map((item, i) => (
               <div key={i} className="p-5 rounded-2xl bg-slate-50 border border-slate-100">
-                <div className="text-3xl mb-3">{item.icon}</div>
+                <div className="w-9 h-9 rounded-lg bg-indigo-100 text-indigo-600 flex items-center justify-center mb-3">{item.icon}</div>
                 <p className="text-sm font-extrabold text-slate-800 mb-2">{item.title}</p>
                 <p className="text-xs text-slate-500 italic leading-relaxed mb-3">{item.pain}</p>
                 <p className="text-xs font-bold text-indigo-600 bg-indigo-50 border border-indigo-100 rounded-lg px-2 py-1.5">
diff --git a/app/services/website/page.tsx b/app/services/website/page.tsx
index 98db432..2e3c228 100644
--- a/app/services/website/page.tsx
+++ b/app/services/website/page.tsx
@@ -593,14 +593,13 @@ export default function WebsiteServicePage() {
             <Link href="/freelance?service=website" style={{
               display: 'inline-flex', alignItems: 'center', gap: 8,
               padding: '14px 28px',
-              background: 'linear-gradient(135deg, #6366f1, #818cf8)',
+              background: '#6366f1',
               borderRadius: 12, color: 'white', fontWeight: 700, fontSize: 15,
               textDecoration: 'none',
-              boxShadow: '0 8px 32px rgba(99,102,241,0.4)',
-              transition: 'transform 0.3s, box-shadow 0.3s',
+              transition: 'background 0.2s',
             }}
-              onMouseEnter={e => { (e.currentTarget as HTMLElement).style.transform = 'translateY(-2px)'; (e.currentTarget as HTMLElement).style.boxShadow = '0 16px 48px rgba(99,102,241,0.5)'; }}
-              onMouseLeave={e => { (e.currentTarget as HTMLElement).style.transform = ''; (e.currentTarget as HTMLElement).style.boxShadow = '0 8px 32px rgba(99,102,241,0.4)'; }}>
+              onMouseEnter={e => { (e.currentTarget as HTMLElement).style.background = '#4f46e5'; }}
+              onMouseLeave={e => { (e.currentTarget as HTMLElement).style.background = '#6366f1'; }}>
               무료 상담 신청 →
             </Link>
             <a href="#samples" style={{