gahusb/jaengseung-made
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
- 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>
This commit is contained in:
gahusb
2026-03-22 23:52:18 +09:00
parent 2167719c6e
commit 1e0569dab5
3 changed files with 43 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
app/services/automation/page.tsx
View File

@@ -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>

28
app/services/prompt/page.tsx
View File

@@ -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>

32
app/services/website/page.tsx
View File

@@ -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>