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 연동 · 일정 협의', + }, };