From 2167719c6efd99cec449854a9e3db5df572fb94f Mon Sep 17 00:00:00 2001 From: gahusb Date: Sun, 22 Mar 2026 18:35:18 +0900 Subject: [PATCH] =?UTF-8?q?feat:=20=EB=AF=B8=EA=B2=B0=EC=A0=9C=20=EC=84=9C?= =?UTF-8?q?=EB=B9=84=EC=8A=A4=20=EC=A0=84=EC=B2=B4=20=ED=86=A0=EC=8A=A4?= =?UTF-8?q?=ED=8E=98=EC=9D=B4=EB=A8=BC=EC=B8=A0=20=EA=B2=B0=EC=A0=9C=20?= =?UTF-8?q?=EC=97=B0=EA=B2=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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 --- app/components/PaymentButton.tsx | 6 +++-- app/services/automation/page.tsx | 34 +++++++++++++++++--------- app/services/prompt/page.tsx | 2 +- app/services/website/page.tsx | 26 ++++++++++++-------- lib/products.ts | 42 ++++++++++++++++++++++++++++++++ 5 files changed, 86 insertions(+), 24 deletions(-) diff --git a/app/components/PaymentButton.tsx b/app/components/PaymentButton.tsx index e447a57..aeed4fc 100644 --- a/app/components/PaymentButton.tsx +++ b/app/components/PaymentButton.tsx @@ -8,11 +8,12 @@ import { PRODUCTS } from '@/lib/products'; interface PaymentButtonProps { productId: string; className?: string; + style?: React.CSSProperties; children: React.ReactNode; returnUrl?: string; } -export default function PaymentButton({ productId, className, children, returnUrl }: PaymentButtonProps) { +export default function PaymentButton({ productId, className, style, children, returnUrl }: PaymentButtonProps) { const [loading, setLoading] = useState(false); const router = useRouter(); const supabase = createClient(); @@ -86,11 +87,12 @@ export default function PaymentButton({ productId, className, children, returnUr const isTestMode = process.env.NEXT_PUBLIC_TOSS_CLIENT_KEY?.startsWith('test_'); return ( -
+
diff --git a/app/services/automation/page.tsx b/app/services/automation/page.tsx index 41eaaa0..80ad5c3 100644 --- a/app/services/automation/page.tsx +++ b/app/services/automation/page.tsx @@ -3,6 +3,7 @@ import { useState } from 'react'; import Link from 'next/link'; import ContactModal from '../../components/ContactModal'; +import PaymentButton from '../../components/PaymentButton'; const tools = [ { @@ -76,9 +77,9 @@ const automationTypes = [ ]; const plans = [ - { name: '단순 자동화', price: '5만원~', desc: '단일 작업 · 1~3일 소요', examples: '엑셀 매크로, 단순 스크래핑, 이메일 자동화', highlight: false }, - { name: '자동화 심화', price: '15만원~', desc: '복합 작업 · 1~2주 소요', examples: 'RPA 프로세스, API 연동, 텔레그램 봇', highlight: true }, - { name: '대형 자동화', price: '협의', desc: '시스템 통합 · 2주 이상 소요', examples: '전사 업무 자동화, 멀티 시스템 통합', highlight: false }, + { name: '단순 자동화', price: '5만원~', desc: '단일 작업 · 1~3일 소요', examples: '엑셀 매크로, 단순 스크래핑, 이메일 자동화', highlight: false, productId: 'automation_basic' }, + { name: '자동화 심화', price: '15만원~', desc: '복합 작업 · 1~2주 소요', examples: 'RPA 프로세스, API 연동, 텔레그램 봇', highlight: true, productId: 'automation_advanced' }, + { name: '대형 자동화', price: '협의', desc: '시스템 통합 · 2주 이상 소요', examples: '전사 업무 자동화, 멀티 시스템 통합', highlight: false, productId: null }, ]; const process = [ @@ -235,14 +236,25 @@ export default function AutomationPage() {
예: {plan.examples}
- + {plan.productId ? ( + + 바로 결제하기 + + ) : ( + + )}
))}
diff --git a/app/services/prompt/page.tsx b/app/services/prompt/page.tsx index e9c9b4a..6ad0aec 100644 --- a/app/services/prompt/page.tsx +++ b/app/services/prompt/page.tsx @@ -48,7 +48,7 @@ const plans = [ desc: '부서·팀 전체 프롬프트 시스템 구축', features: ['팀 업무 프로세스 전체 분석', '10개 이상 프롬프트 설계', '팀 공유 프롬프트 라이브러리', '사내 가이드 문서 작성', '전 직원 교육 자료 제공', '3개월 내 업데이트 지원'], highlight: false, - productId: null, + productId: 'prompt_team', }, ]; diff --git a/app/services/website/page.tsx b/app/services/website/page.tsx index 68e879c..01d29f7 100644 --- a/app/services/website/page.tsx +++ b/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() { ))} - - 상담 신청 - + + 바로 결제하기 + ))} diff --git a/lib/products.ts b/lib/products.ts index 77d5670..9f72e18 100644 --- a/lib/products.ts +++ b/lib/products.ts @@ -77,4 +77,46 @@ export const PRODUCTS: Record = { type: 'one_time', description: '업무 유형별 프롬프트 5개 설계 · 수정 3회 · 1:1 교육 포함', }, + prompt_team: { + id: 'prompt_team', + name: '프롬프트 팀/기업 패키지', + price: 249000, + type: 'one_time', + description: '팀 전체 프롬프트 시스템 구축 · 10개 이상 설계 · 교육 자료 포함', + }, + automation_basic: { + id: 'automation_basic', + name: '단순 업무 자동화', + price: 50000, + type: 'one_time', + description: '단일 반복 업무 자동화 1건 개발 · 1~3일 납품', + }, + automation_advanced: { + id: 'automation_advanced', + name: '업무 자동화 심화', + price: 150000, + type: 'one_time', + description: '복합 업무 자동화 개발 · RPA·API 연동 · 1~2주 납품', + }, + website_starter: { + id: 'website_starter', + name: '홈페이지 스타터 패키지', + price: 200000, + type: 'one_time', + description: '5페이지 이내 반응형 홈페이지 · 기본 SEO · 3~5영업일 납품', + }, + website_business: { + id: 'website_business', + name: '홈페이지 비즈니스 패키지', + price: 1000000, + type: 'one_time', + description: '10페이지 이내 · 관리자 페이지 · SEO 최적화 · 1~2주 납품', + }, + website_premium: { + id: 'website_premium', + name: '홈페이지 프리미엄 패키지', + price: 2000000, + type: 'one_time', + description: '페이지 수 무제한 · 결제/회원 시스템 · DB 연동 · 일정 협의', + }, };