From 1e0569dab53de00889d4f2b3d3a7d3761691f327 Mon Sep 17 00:00:00 2001
From: gahusb <bgg8988@gmail.com>
Date: Sun, 22 Mar 2026 23:52:18 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=ED=99=88=ED=8E=98=EC=9D=B4=EC=A7=80?=
 =?UTF-8?q?=EC=A0=9C=EC=9E=91=C2=B7=ED=94=84=EB=A1=AC=ED=94=84=ED=8A=B8?=
 =?UTF-8?q?=C2=B7=EC=9E=90=EB=8F=99=ED=99=94=20=EA=B2=B0=EC=A0=9C=EB=B2=84?=
 =?UTF-8?q?=ED=8A=BC=20=E2=86=92=20=EA=B2=AC=EC=A0=81=EB=AC=B8=EC=9D=98(Co?=
 =?UTF-8?q?ntactModal)=EB=A1=9C=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 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 | 28 ++++++++--------------------
 app/services/prompt/page.tsx     | 28 ++++++++--------------------
 app/services/website/page.tsx    | 32 +++++++++++++++++++++++++++-----
 3 files changed, 43 insertions(+), 45 deletions(-)

diff --git a/app/services/automation/page.tsx b/app/services/automation/page.tsx
index 80ad5c3..c61aee9 100644
--- a/app/services/automation/page.tsx
+++ b/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,25 +235,14 @@ 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 ${
-                      plan.highlight ? 'bg-cyan-400 text-[#012030] hover:bg-cyan-300' : 'bg-[#04102b] text-white hover:bg-[#0a1f5c]'
-                    }`}
-                  >
-                    견적 문의
-                  </button>
-                )}
+                <button
+                  onClick={() => openModal(`업무 자동화 - ${plan.name}`)}
+                  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]'
+                  }`}
+                >
+                  견적 문의
+                </button>
               </div>
             ))}
           </div>
diff --git a/app/services/prompt/page.tsx b/app/services/prompt/page.tsx
index 6ad0aec..c6907d1 100644
--- a/app/services/prompt/page.tsx
+++ b/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,25 +229,14 @@ 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 ${
-                      plan.highlight ? 'bg-violet-400 text-[#0d0a2e] hover:bg-violet-300' : 'bg-[#04102b] text-white hover:bg-[#0a1f5c]'
-                    }`}
-                  >
-                    견적 문의
-                  </button>
-                )}
+                <button
+                  onClick={() => openModal(`프롬프트 엔지니어링 - ${plan.name}`)}
+                  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]'
+                  }`}
+                >
+                  견적 문의
+                </button>
               </div>
             ))}
           </div>
diff --git a/app/services/website/page.tsx b/app/services/website/page.tsx
index 01d29f7..5509740 100644
--- a/app/services/website/page.tsx
+++ b/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
-                  productId={plan.productId}
+                <button
+                  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>