feat: 미결제 서비스 전체 토스페이먼츠 결제 연결

products.ts — 7개 상품 신규 등록:
- prompt_team (249,000원): 팀/기업 프롬프트 패키지
- automation_basic (50,000원): 단순 업무 자동화
- automation_advanced (150,000원): 자동화 심화
- website_starter (200,000원): 홈페이지 스타터
- website_business (1,000,000원): 홈페이지 비즈니스
- website_premium (2,000,000원): 홈페이지 프리미엄

PaymentButton — style prop 추가 (inline-style 페이지 대응)

프롬프트 서비스: 팀/기업 패키지 PaymentButton 연결
업무 자동화: 단순·심화 플랜 PaymentButton 연결 (대형은 협의가격→ContactModal 유지)
웹사이트 제작: 전 플랜 Link 버튼 → PaymentButton 전환

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

app/services/website/page.tsx

@@ -2,6 +2,7 @@
 
 import Link from 'next/link';
 import { useState, useEffect, useRef } from 'react';
+import PaymentButton from '../../components/PaymentButton';
 
 const samples = [
   {
@@ -102,6 +103,7 @@ const plans = [
     color: '#38bdf8',
     features: ['5페이지 이내', '반응형 디자인', '기본 SEO 설정', '1개월 유지보수', '3~5영업일 납품'],
     note: '개인 블로그, 소규모 소개 사이트',
+    productId: 'website_starter',
   },
   {
     name: '비즈니스',
@@ -111,6 +113,7 @@ const plans = [
     featured: true,
     features: ['10페이지 이내', '반응형 디자인', '관리자 페이지', 'SEO 최적화', '3개월 유지보수', '1~2주 납품'],
     note: '기업 사이트, 브랜드 페이지',
+    productId: 'website_business',
   },
   {
     name: '프리미엄',
@@ -119,6 +122,7 @@ const plans = [
     color: '#f472b6',
     features: ['페이지 수 무제한', '맞춤 디자인', '결제/회원 시스템', 'DB 연동', '6개월 유지보수', '일정 협의'],
     note: '쇼핑몰, SaaS, 복합 시스템',
+    productId: 'website_premium',
   },
 ];
 
@@ -529,16 +533,18 @@ export default function WebsiteServicePage() {
                     </div>
                   ))}
                 </div>
-                <Link href="/freelance?service=website" style={{
-                  display: 'block', textAlign: 'center', padding: '13px',
-                  background: plan.featured ? plan.color : 'rgba(255,255,255,0.04)',
-                  borderRadius: 10, color: plan.featured ? '#1e1b4b' : '#94a3b8',
-                  fontWeight: 700, fontSize: 14, textDecoration: 'none',
-                  border: plan.featured ? 'none' : '1px solid rgba(255,255,255,0.07)',
-                  transition: 'opacity 0.2s',
-                }}>
-                  상담 신청
-                </Link>
+                <PaymentButton
+                  productId={plan.productId}
+                  style={{
+                    display: 'block', width: '100%', textAlign: 'center', padding: '13px',
+                    background: plan.featured ? plan.color : 'rgba(255,255,255,0.04)',
+                    borderRadius: 10, color: plan.featured ? '#1e1b4b' : '#94a3b8',
+                    fontWeight: 700, fontSize: 14, border: plan.featured ? 'none' : '1px solid rgba(255,255,255,0.07)',
+                    transition: 'opacity 0.2s', cursor: 'pointer',
+                  }}
+                >
+                  바로 결제하기
+                </PaymentButton>
               </div>
             ))}
           </div>