fix: 홈페이지제작·프롬프트·자동화 결제버튼 → 견적문의(ContactModal)로 변경

- website/page.tsx: PaymentButton 제거, ContactModal 추가, 버튼 '견적 문의'
- prompt/page.tsx: 전 플랜 PaymentButton 제거, ContactModal openModal 통일
- automation/page.tsx: PaymentButton 제거, ContactModal openModal 통일
- PaymentButton unused import 정리

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

app/services/automation/page.tsx

@@ -3,7 +3,6 @@
 import { useState } from 'react';
 import Link from 'next/link';
 import ContactModal from '../../components/ContactModal';
-import PaymentButton from '../../components/PaymentButton';
 
 const tools = [
   {
@@ -236,16 +235,6 @@ export default function AutomationPage() {
                 <div className={`text-xs leading-relaxed mb-6 flex-1 p-3 rounded-xl ${plan.highlight ? 'bg-cyan-400/10 text-cyan-100/70' : 'bg-[#f0f5ff] text-slate-600'}`}>
                   예: {plan.examples}
                 </div>
-                {plan.productId ? (
-                  <PaymentButton
-                    productId={plan.productId}
-                    className={`block w-full text-center py-3 rounded-xl text-sm font-bold transition ${
-                      plan.highlight ? 'bg-cyan-400 text-[#012030] hover:bg-cyan-300' : 'bg-[#04102b] text-white hover:bg-[#0a1f5c]'
-                    }`}
-                  >
-                    바로 결제하기
-                  </PaymentButton>
-                ) : (
                 <button
                   onClick={() => openModal(`업무 자동화 - ${plan.name}`)}
                   className={`block w-full text-center py-3 rounded-xl text-sm font-bold transition ${
@@ -254,7 +243,6 @@ export default function AutomationPage() {
                 >
                   견적 문의
                 </button>
-                )}
               </div>
             ))}
           </div>

app/services/prompt/page.tsx

@@ -3,7 +3,6 @@
 import { useState } from 'react';
 import Link from 'next/link';
 import ContactModal from '../../components/ContactModal';
-import PaymentButton from '../../components/PaymentButton';
 
 const CHECKLIST = [
   '주로 어떤 AI 도구를 사용하는지 (ChatGPT / Claude / Gemini)',
@@ -230,16 +229,6 @@ export default function PromptPage() {
                     </li>
                   ))}
                 </ul>
-                {plan.productId ? (
-                  <PaymentButton
-                    productId={plan.productId}
-                    className={`block w-full text-center py-3 rounded-xl text-sm font-bold transition ${
-                      plan.highlight ? 'bg-violet-400 text-[#0d0a2e] hover:bg-violet-300' : 'bg-[#04102b] text-white hover:bg-[#0a1f5c]'
-                    }`}
-                  >
-                    바로 결제하기
-                  </PaymentButton>
-                ) : (
                 <button
                   onClick={() => openModal(`프롬프트 엔지니어링 - ${plan.name}`)}
                   className={`block w-full text-center py-3 rounded-xl text-sm font-bold transition ${
@@ -248,7 +237,6 @@ export default function PromptPage() {
                 >
                   견적 문의
                 </button>
-                )}
               </div>
             ))}
           </div>

app/services/website/page.tsx

@@ -2,7 +2,7 @@
 
 import Link from 'next/link';
 import { useState, useEffect, useRef } from 'react';
-import PaymentButton from '../../components/PaymentButton';
+import ContactModal from '../../components/ContactModal';
 
 const samples = [
   {
@@ -160,6 +160,13 @@ function useReveal() {
 export default function WebsiteServicePage() {
   const [openFaq, setOpenFaq] = useState<number | null>(null);
   const [showTop, setShowTop] = useState(false);
+  const [modalOpen, setModalOpen] = useState(false);
+  const [modalService, setModalService] = useState('홈페이지 제작');
+
+  const openModal = (service: string) => {
+    setModalService(service);
+    setModalOpen(true);
+  };
 
   useEffect(() => {
     const scroller = (document.querySelector('.main-content') as HTMLElement | null) ?? document.documentElement;
@@ -176,6 +183,21 @@ export default function WebsiteServicePage() {
 
   return (
     <div style={{ background: '#030712', minHeight: '100vh', color: 'white', fontFamily: "'Pretendard', 'Apple SD Gothic Neo', system-ui, sans-serif" }}>
+      <ContactModal
+        isOpen={modalOpen}
+        onClose={() => setModalOpen(false)}
+        service={modalService}
+        checklist={[
+          '원하시는 홈페이지 종류 (소개/쇼핑몰/SaaS 등)',
+          '참고하고 싶은 사이트 URL (있으면)',
+          '필요한 주요 페이지 및 기능',
+          '희망 납품 일정 및 예산 범위',
+          '디자인 선호 스타일 (모던/감성/심플 등)',
+        ]}
+        accentColor="text-indigo-400"
+        headerFrom="#0a0a1a"
+        headerTo="#1e1b4b"
+      />
       <style dangerouslySetInnerHTML={{ __html: `
         @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.min.css');
 
@@ -533,8 +555,8 @@ export default function WebsiteServicePage() {
                     </div>
                   ))}
                 </div>
-                <PaymentButton
+                <button
-                  productId={plan.productId}
+                  onClick={() => openModal(`홈페이지 제작 - ${plan.name}`)}
                   style={{
                     display: 'block', width: '100%', textAlign: 'center', padding: '13px',
                     background: plan.featured ? plan.color : 'rgba(255,255,255,0.04)',
@@ -543,8 +565,8 @@ export default function WebsiteServicePage() {
                     transition: 'opacity 0.2s', cursor: 'pointer',
                   }}
                 >
-                  바로 결제하기
+                  견적 문의
-                </PaymentButton>
+                </button>
               </div>
             ))}
           </div>