feat: 프리미엄 툴 2종 + 프롬프트 상품 2종 추가

- automation/page.tsx: 부동산 크롤러·회계 자동화 프리미엄 섹션 UI 추가
- accounting_automation_v1.0.py: 사업장 회계 장부 자동화 프로그램 생성
  (5개 업종·19개 지출 항목·손익계산서·분기요약·부가세 자료 등 5시트 Excel 보고서)
- prompt/page.tsx: 이미지 생성 프롬프트 패키지(45,000원) + 자소서·이력서 첨삭 프롬프트(35,000원) 상품 추가
  (다크 그라디언트 카드, 실제 프롬프트 미리보기, ContactModal 연결)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-23 22:48:08 +09:00
parent 05d80a7926
commit 0cf7913169
3 changed files with 1540 additions and 1 deletions

View File

@@ -58,6 +58,47 @@ const tools = [
},
];
const premiumTools = [
{
id: 'realestate',
title: '부동산 매물 크롤링 프로그램',
subtitle: 'Real Estate Crawler v1.0',
desc: '직방·다방·피터팬·네이버부동산 4개 플랫폼을 동시 수집. 지역·거래유형·매물유형 선택 후 플랫폼별 시트로 Excel 자동 저장.',
tags: ['Python', '4개 플랫폼', '중복제거', 'Excel 출력'],
price: '3만원',
features: ['직방·다방·피터팬·네이버부동산 동시 수집', '지역·거래유형·매물유형 선택', '자동 중복 제거', '플랫폼별 시트 분리 Excel 저장'],
color: '#b45309',
bgFrom: '#451a03',
bgTo: '#78350f',
accentColor: '#f59e0b',
icon: (
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={1.5} className="w-7 h-7">
<path strokeLinecap="round" strokeLinejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" />
</svg>
),
downloadPath: '/downloads/real_estate_crawler_v1.0.py',
},
{
id: 'accounting',
title: '사업장 회계 장부 자동화 프로그램',
subtitle: 'Accounting Automation v1.0',
desc: '쇼핑몰·식당·제조업·서비스업 업종별 수입/지출 입력 → 매출총이익·영업이익·순이익 자동 계산 + 회계사 관점 조언 리포트.',
tags: ['Python', '업종별 맞춤', '손익계산서', '회계 조언'],
price: '5만원',
features: ['업종별 맞춤 항목 (쇼핑몰·식당·제조·서비스업)', '매출총이익·영업이익·순이익 자동 계산', '부가세 신고 준비 자료 자동 생성', '회계 전문가 관점 경고·조언 리포트'],
color: '#0f766e',
bgFrom: '#042f2e',
bgTo: '#134e4a',
accentColor: '#2dd4bf',
icon: (
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={1.5} className="w-7 h-7">
<path strokeLinecap="round" strokeLinejoin="round" d="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25" />
</svg>
),
downloadPath: '/downloads/accounting_automation_v1.0.py',
},
];
const CHECKLIST = [
'자동화하고 싶은 업무를 구체적으로 설명해주세요',
'현재 사용 중인 프로그램/시스템 (엑셀, ERP, 쇼핑몰 등)',
@@ -252,7 +293,71 @@ export default function AutomationPage() {
</div>
</div>
{/* ─── 자동화 툴 다운로드 ─── */}
{/* ─── 프리미엄 툴 ─── */}
<div className="px-6 pb-4 lg:px-12">
<div className="max-w-5xl mx-auto">
<div className="text-center mb-8">
<span className="inline-flex items-center gap-1.5 bg-amber-500/10 border border-amber-400/30 text-amber-700 text-xs font-bold px-3 py-1 rounded-full mb-3">
<svg className="w-3.5 h-3.5" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>
PREMIUM TOOLS
</span>
<h2 className="text-2xl md:text-3xl font-extrabold text-[#04102b] mb-2"> </h2>
<p className="text-slate-500 text-sm"> . + 1 .</p>
</div>
<div className="grid sm:grid-cols-2 gap-6">
{premiumTools.map((tool) => (
<div key={tool.id}
className="rounded-2xl overflow-hidden border border-white/10 shadow-xl flex flex-col"
style={{ background: `linear-gradient(145deg, ${tool.bgFrom}, ${tool.bgTo})` }}>
{/* 카드 헤더 */}
<div className="p-6 pb-4">
<div className="flex items-start justify-between mb-4">
<div style={{ color: tool.accentColor }} className="opacity-90">{tool.icon}</div>
<div className="flex flex-col items-end gap-1.5">
<span className="bg-white/10 text-white text-[10px] font-bold px-2.5 py-1 rounded-full border border-white/20">PREMIUM</span>
<span style={{ color: tool.accentColor }} className="text-xl font-extrabold">{tool.price}</span>
</div>
</div>
<div style={{ color: tool.accentColor }} className="text-xs font-bold mb-1 opacity-80">{tool.subtitle}</div>
<h3 className="text-white font-extrabold text-base mb-2 leading-snug" style={{ wordBreak: 'keep-all' }}>{tool.title}</h3>
<p className="text-white/50 text-xs leading-relaxed" style={{ wordBreak: 'keep-all' }}>{tool.desc}</p>
</div>
{/* 기능 목록 */}
<div className="px-6 pb-4 flex-1">
<div className="border-t border-white/10 pt-4 space-y-2">
{tool.features.map((f) => (
<div key={f} className="flex items-start gap-2">
<svg className="w-3.5 h-3.5 flex-shrink-0 mt-0.5" style={{ color: tool.accentColor }} viewBox="0 0 20 20" fill="currentColor">
<path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd"/>
</svg>
<span className="text-white/70 text-xs" style={{ wordBreak: 'keep-all' }}>{f}</span>
</div>
))}
</div>
</div>
{/* 태그 + CTA */}
<div className="px-6 pb-6">
<div className="flex flex-wrap gap-1.5 mb-4">
{tool.tags.map((tag) => (
<span key={tag} className="text-[10px] font-bold px-2 py-0.5 rounded-full border border-white/20 text-white/60">{tag}</span>
))}
</div>
<button
onClick={() => openModal(`업무 자동화 프리미엄 - ${tool.title}`)}
className="w-full py-3 rounded-xl text-sm font-extrabold transition-all hover:opacity-90 active:scale-[0.98]"
style={{ backgroundColor: tool.accentColor, color: tool.bgFrom }}
>
·
</button>
<p className="text-white/30 text-[10px] text-center mt-2"> Python + </p>
</div>
</div>
))}
</div>
</div>
</div>
{/* ─── 자동화 툴 무료 다운로드 ─── */}
<div className="px-6 pb-12 lg:px-12">
<div className="max-w-5xl mx-auto">
<div className="text-center mb-8">