copy: 고객 고통 중심 카피 전면 재작성 + 사이드바 정체성 강화

- Sidebar: 'v2' 배지 제거, '박재오의 개발 공방' 태그라인으로 정체성 명확화,
  로그인 버튼 → 'AI 사주·키트 이용 시 필요' 안내 텍스트로 교체
- automation: automationTypes 6개 설명을 기능 나열 → 고객 고통 시나리오 중심으로 재작성
- website: samples 8개 desc을 '추상적 형용사' → '"고객 문제 → 해결"' 구조로 전환

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

app/components/Sidebar.tsx

@@ -118,11 +118,8 @@ export default function Sidebar({ isOpen, onClose }: SidebarProps) {
         {/* Brand */}
         <div className="px-5 pt-6 pb-5 flex-shrink-0">
           <Link href="/" onClick={onClose} className="block group">
-            <div className="flex items-baseline gap-2">
+            <div className="text-white font-bold text-lg tracking-tight leading-none">쟁승메이드</div>
-              <span className="text-white font-bold text-lg tracking-tight leading-none">쟁승메이드</span>
+            <p className="text-slate-500 text-xs mt-1 tracking-tight">박재오의 개발 공방</p>
-              <span className="text-slate-600 text-xs font-mono">v2</span>
-            </div>
-            <p className="text-slate-500 text-xs mt-1 font-mono tracking-tight">박재오 · 백엔드 7년</p>
           </Link>
         </div>
 
@@ -205,16 +202,10 @@ export default function Sidebar({ isOpen, onClose }: SidebarProps) {
               </button>
             </div>
           ) : (
-            <Link
+            <p className="px-3 text-slate-700 text-xs leading-relaxed">
-              href="/login"
+              AI 사주·키트 이용 시<br/>
-              onClick={onClose}
+              <Link href="/login" onClick={onClose} className="text-slate-500 hover:text-slate-300 underline underline-offset-2 transition-colors">로그인이 필요합니다</Link>
-              className="flex items-center gap-2 px-3 py-2 rounded-lg text-slate-500 hover:text-slate-200 hover:bg-white/5 transition-all text-sm group"
+            </p>
-            >
-              <svg className="w-4 h-4 text-slate-600 group-hover:text-slate-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1" />
-              </svg>
-              <span className="font-medium">로그인 / 회원가입</span>
-            </Link>
           )}
         </div>
       </aside>

app/services/automation/page.tsx

@@ -108,12 +108,42 @@ const CHECKLIST = [
 ];
 
 const automationTypes = [
-  { title: '엑셀 / 구글 시트 자동화', desc: '매일 반복되는 데이터 정리, 집계, 보고서 생성을 자동화합니다.', examples: ['일별 매출 집계 자동화', '데이터 형식 변환', '여러 시트 데이터 통합'], accentColor: 'border-emerald-200 bg-emerald-50', dotColor: 'bg-emerald-500', labelColor: 'text-emerald-700 bg-emerald-100 border-emerald-200' },
+  {
-  { title: '웹 스크래핑 · 데이터 수집', desc: '경쟁사 가격, 뉴스, 공공데이터 등을 자동 수집·정리합니다.', examples: ['쇼핑몰 가격 모니터링', '뉴스 기사 자동 수집', '공공 API 데이터 연동'], accentColor: 'border-blue-200 bg-blue-50', dotColor: 'bg-blue-500', labelColor: 'text-blue-700 bg-blue-100 border-blue-200' },
+    title: '엑셀 / 구글 시트 자동화',
-  { title: '이메일 자동 발송', desc: '조건에 따라 고객/거래처에 이메일을 자동으로 발송합니다.', examples: ['발주 확인 이메일 자동화', '정기 보고서 자동 발송', '이메일 분류 및 자동 응답'], accentColor: 'border-violet-200 bg-violet-50', dotColor: 'bg-violet-500', labelColor: 'text-violet-700 bg-violet-100 border-violet-200' },
+    desc: '매일 2시간씩 엑셀에 손가락 아파하던 업무, 밤 11시에 자동 실행되도록 바꿔드립니다.',
-  { title: '업무 프로세스 RPA', desc: 'PC에서 반복 실행하는 클릭·입력 작업을 자동화합니다.', examples: ['ERP 시스템 데이터 입력', '파일 이동·변환·백업', '웹사이트 폼 자동 제출'], accentColor: 'border-orange-200 bg-orange-50', dotColor: 'bg-orange-500', labelColor: 'text-orange-700 bg-orange-100 border-orange-200' },
+    examples: ['수작업 매출 집계 → 버튼 하나로 완료', '시트 간 데이터 복사 반복 → 전부 자동화', '보고서 양식이 매번 깨짐 → 서식 고정 자동화'],
-  { title: '텔레그램 봇 개발', desc: '특정 이벤트 발생 시 텔레그램으로 자동 알림을 보냅니다.', examples: ['서버 이상 알림 봇', '매출 현황 정기 보고 봇', '주문 접수 알림 봇'], accentColor: 'border-cyan-200 bg-cyan-50', dotColor: 'bg-cyan-500', labelColor: 'text-cyan-700 bg-cyan-100 border-cyan-200' },
+    accentColor: 'border-emerald-200 bg-emerald-50', dotColor: 'bg-emerald-500', labelColor: 'text-emerald-700 bg-emerald-100 border-emerald-200',
-  { title: 'API 연동 · 시스템 통합', desc: '서로 다른 시스템을 API로 연결하여 데이터를 자동 동기화합니다.', examples: ['CRM ↔ ERP 데이터 동기화', '결제 시스템 자동 연동', '재고 관리 자동화'], accentColor: 'border-indigo-200 bg-indigo-50', dotColor: 'bg-indigo-500', labelColor: 'text-indigo-700 bg-indigo-100 border-indigo-200' },
+  },
+  {
+    title: '웹 스크래핑 · 데이터 수집',
+    desc: '경쟁사 가격 확인하러 탭 10개 열어놓고 복사·붙여넣기 하던 그 시간을 되돌려 드립니다.',
+    examples: ['경쟁사 가격 변동 → 엑셀에 자동 수집', '상품 리뷰 수백 개 → 자동 취합 분석', '공공입찰 공고 → 조건 맞으면 카톡 알림'],
+    accentColor: 'border-blue-200 bg-blue-50', dotColor: 'bg-blue-500', labelColor: 'text-blue-700 bg-blue-100 border-blue-200',
+  },
+  {
+    title: '이메일 자동 발송',
+    desc: '"이 이메일 또 보내야 해?"라는 생각이 드는 모든 발송 업무를 없애드립니다.',
+    examples: ['주문 접수·발송 확인 이메일 자동 발송', '월말 보고서 관련자에게 자동 배포', '미수금 고객에게 단계별 안내 자동 발송'],
+    accentColor: 'border-violet-200 bg-violet-50', dotColor: 'bg-violet-500', labelColor: 'text-violet-700 bg-violet-100 border-violet-200',
+  },
+  {
+    title: '업무 프로세스 RPA',
+    desc: 'ERP에 데이터 입력하고, 파일 정리하고, 같은 버튼 수십 번 클릭하는 일을 대신 합니다.',
+    examples: ['ERP 입력 작업 → 완전 무인 자동화', '월말 파일 정리·백업 → 예약 실행', '발주서 웹 입력 → 로봇이 대신 클릭'],
+    accentColor: 'border-orange-200 bg-orange-50', dotColor: 'bg-orange-500', labelColor: 'text-orange-700 bg-orange-100 border-orange-200',
+  },
+  {
+    title: '텔레그램 봇 개발',
+    desc: '서버가 죽었는데 아무도 모르는 상황, 매출이 터졌는데 혼자만 아는 상황을 없애드립니다.',
+    examples: ['서버 다운·이상 → 즉시 카톡/텔레그램 알림', '하루 매출 현황 → 저녁 6시에 자동 리포트', '신규 주문 들어오면 → 담당자에게 즉시 알림'],
+    accentColor: 'border-cyan-200 bg-cyan-50', dotColor: 'bg-cyan-500', labelColor: 'text-cyan-700 bg-cyan-100 border-cyan-200',
+  },
+  {
+    title: 'API 연동 · 시스템 통합',
+    desc: '두 프로그램이 따로 놀아서 중간에 손으로 옮기고 있다면, 그 사이를 연결해드립니다.',
+    examples: ['CRM → ERP 고객 정보 자동 동기화', '결제 완료 → 재고 차감 자동 연동', '온라인몰 주문 → 배송 시스템 자동 등록'],
+    accentColor: 'border-indigo-200 bg-indigo-50', dotColor: 'bg-indigo-500', labelColor: 'text-indigo-700 bg-indigo-100 border-indigo-200',
+  },
 ];
 
 const plans = [

app/services/website/page.tsx

@@ -9,7 +9,7 @@ const samples = [
     type: 'corporate',
     title: '기업 홈페이지',
     subtitle: '테크솔루션㈜',
-    desc: '신뢰감 있는 기업 브랜드를 구축하는 전문 비즈니스 사이트',
+    desc: '"홈페이지가 없어서 B2B 영업 때마다 명함만 건넸다"는 고민을 해결한 기업 브랜드 사이트',
     gradient: 'linear-gradient(135deg, #0a192f 0%, #112240 50%, #1a3a6c 100%)',
     accent: '#4fc3f7',
     tags: ['기업', 'B2B', '신뢰'],
@@ -19,57 +19,57 @@ const samples = [
     type: 'bakery',
     title: '베이커리 홈페이지',
     subtitle: '르 쁘띠 포르',
-    desc: '따뜻하고 감성적인 분위기로 고객의 마음을 사로잡는 매장 사이트',
+    desc: '"인스타 팔로워는 많은데 실제 방문 예약이 없다"는 F&B 매장의 전환율 문제를 해결한 사이트',
     gradient: 'linear-gradient(135deg, #78350f 0%, #92400e 50%, #d97706 100%)',
     accent: '#fbbf24',
-    tags: ['F&B', '로컬', '감성'],
+    tags: ['F&B', '로컬', '예약'],
     icon: '🥐',
   },
   {
     type: 'portfolio',
     title: '개인 포트폴리오',
     subtitle: 'Kim Jisu',
-    desc: '크리에이티브한 개성을 드러내는 임팩트 있는 포트폴리오 사이트',
+    desc: '"링크드인에 PDF 올리면 아무도 안 보더라"는 문제를 해결한 채용·수주 전환형 포트폴리오',
     gradient: 'linear-gradient(135deg, #000000 0%, #0d0d0d 50%, #001a00 100%)',
     accent: '#00ff88',
-    tags: ['크리에이터', '디자이너', '개발자'],
+    tags: ['크리에이터', '디자이너', '수주'],
     icon: '✦',
   },
   {
     type: 'dashboard',
     title: '관리자 대시보드',
     subtitle: 'DataFlow SaaS',
-    desc: '데이터를 한눈에 파악하는 직관적인 SaaS 대시보드 시스템',
+    desc: '"엑셀로 수기 집계하다가 오류가 나서 야근"을 없애는 실시간 데이터 대시보드',
     gradient: 'linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f2a3a 100%)',
     accent: '#38bdf8',
-    tags: ['SaaS', '분석', '관리'],
+    tags: ['SaaS', '자동화', '관리'],
     icon: '📊',
   },
   {
     type: 'game',
     title: '게임 매칭 시스템',
     subtitle: 'NEXUS ARENA',
-    desc: '플레이어를 흥분시키는 사이버펑크 스타일의 게임 매칭 플랫폼',
+    desc: '"디스코드에서 수동으로 팀 짜다가 싸움 났다"는 커뮤니티의 매칭·랭킹 자동화 플랫폼',
     gradient: 'linear-gradient(135deg, #000000 0%, #0a0a1a 50%, #0d0029 100%)',
     accent: '#a855f7',
-    tags: ['게임', '멀티플레이', '랭킹'],
+    tags: ['게임', '커뮤니티', '자동화'],
     icon: '⚡',
   },
   {
     type: 'interior',
     title: '인테리어 업체 소개',
     subtitle: 'AURUM Interior',
-    desc: '따뜻한 감성과 고급스러운 감각을 담은 인테리어 포트폴리오 사이트',
+    desc: '"포트폴리오 사진을 카톡으로만 보내다가 고급 고객을 놓쳤다"는 문제를 해결한 브랜드 사이트',
     gradient: 'linear-gradient(135deg, #2C1810 0%, #4A3728 50%, #6B4E37 100%)',
     accent: '#D4A853',
-    tags: ['인테리어', '포트폴리오', '럭셔리'],
+    tags: ['인테리어', '포트폴리오', '고급'],
     icon: '◈',
   },
   {
     type: 'reading',
     title: '독서 기록 노트',
     subtitle: '나의 독서 기록',
-    desc: '읽은 책과 감상을 아름답게 기록하는 나만의 독서 저널 페이지',
+    desc: '읽은 책과 감상을 아름답게 기록하는 나만의 독서 저널 — 이런 것도 만들 수 있습니다',
     gradient: 'linear-gradient(135deg, #0C0B09 0%, #1A1710 50%, #2A2218 100%)',
     accent: '#D4A853',
     tags: ['라이프', '독서', '기록'],
@@ -79,7 +79,7 @@ const samples = [
     type: 'shopping',
     title: '개인 쇼핑몰',
     subtitle: 'MELLOW STUDIO',
-    desc: '감각적인 브랜드 스토리텔링과 미니멀 레이아웃으로 완성한 패션·라이프스타일 쇼핑몰',
+    desc: '"카페24 기본 테마가 너무 흔해서 브랜드가 안 살아난다"는 고민을 해결한 커스텀 쇼핑몰',
     gradient: 'linear-gradient(135deg, #2A2018 0%, #4A3C2C 50%, #7A6A52 100%)',
     accent: '#C4A882',
     tags: ['쇼핑몰', '패션', '라이프'],