'use client'; import { useState } from 'react'; import Link from 'next/link'; import ContactModal from '../../components/ContactModal'; const CHECKLIST = [ '주로 어떤 AI 도구를 사용하는지 (ChatGPT / Claude / Gemini)', '자동화하고 싶은 업무 유형 (이메일 / 보고서 / 코드 등)', '현재 프롬프트 사용 방식 및 불만족스러운 점', '필요한 프롬프트 수량 (단건 / 패키지 / 팀 전체)', '납품 후 사용 가이드 및 1:1 교육 포함 여부 확인', ]; // ─── 프리미엄 상품 ─── const premiumProducts = [ { id: 'image_gen', badge: 'IMAGE GENERATION', badgeColor: '#e879f9', bgFrom: '#1a0533', bgTo: '#2d1054', accentColor: '#d946ef', accentBg: 'rgba(217,70,239,0.12)', accentBorder: 'rgba(217,70,239,0.3)', title: 'AI 이미지 생성 마스터 프롬프트 패키지', subtitle: 'Midjourney · DALL-E 3 · Stable Diffusion 전용', price: '45,000원', priceNote: '/ 패키지 (즉시 다운로드)', desc: '수천 장의 이미지 생성 실험을 통해 검증된, 업종별·스타일별 고품질 프롬프트 50종 세트. 단순 키워드 나열이 아닌 구도·조명·분위기·카메라·후처리까지 세밀하게 설계된 전문가급 프롬프트입니다.', features: [ { label: '50종 프롬프트 라이브러리', desc: '상업용 · 마케팅 · SNS 콘텐츠 · 제품 사진 · 인물 포트레이트 · 배경 · 로고 컨셉 · 인테리어 등 카테고리별 구성' }, { label: '구도·조명·후처리 공식', desc: '주제(Subject) → 환경(Environment) → 스타일(Style) → 조명(Lighting) → 카메라(Camera) → 후처리(Post) 6단계 구조 적용' }, { label: '네거티브 프롬프트 포함', desc: '흐림·왜곡·불필요한 텍스트·비현실적 요소를 제거하는 부정 키워드까지 최적화하여 실패 확률 최소화' }, { label: 'Midjourney 파라미터 완전 가이드', desc: '--ar / --v / --style / --chaos / --no 등 핵심 파라미터 활용법과 상황별 추천값 포함' }, { label: '한국어 → 영어 변환 치트시트', desc: '자주 쓰는 한국어 표현을 AI가 잘 이해하는 영어 표현으로 매핑한 빠른 참고 시트' }, { label: '업종별 특화 세트 5개', desc: '카페/음식 · 패션 · 부동산 인테리어 · 교육/강의 · 뷰티/헬스 분야 특화 프롬프트 세트별 제공' }, { label: '활용 예시 이미지 50장', desc: '각 프롬프트로 실제 생성한 결과물 예시 이미지 포함 (PDF 가이드북 형태 제공)' }, { label: '무제한 재사용 가능', desc: '구매 후 본인 사업·작업에 무제한 활용 가능. 상업적 이용 허용' }, ], promptPreview: { title: '프롬프트 예시 — 프리미엄 카페 음료 사진', content: `A professional product photograph of a single iced caramel latte in a tall clear glass, placed on a rustic wooden cafe table. The drink features layers of espresso, milk, and golden caramel syrup with ice cubes. Lighting: soft natural window light from the left, warm golden hour tone, subtle rim lighting highlighting condensation droplets on the glass. Camera: Canon EOS R5, 85mm f/1.8 lens, shallow depth of field, foreground blur with coffee beans and a sprig of dried lavender. Style: editorial food photography, Pinterest aesthetic, warm muted tones, slightly desaturated with lifted shadows. Post-processing: film grain texture, subtle vignette, color grade with warm highlights and cool shadows. --ar 4:5 --v 6.1 --style raw --q 2 Negative: text, watermark, multiple cups, cartoon, illustration, overexposed, blurry, plastic look, artificial lighting`, }, cta: '패키지 구매 문의 →', productId: 'prompt_image_gen', }, { id: 'resume', badge: 'CAREER COACHING', badgeColor: '#34d399', bgFrom: '#052e16', bgTo: '#064e3b', accentColor: '#10b981', accentBg: 'rgba(16,185,129,0.12)', accentBorder: 'rgba(16,185,129,0.3)', title: 'AI 자소서·이력서 첨삭 마스터 프롬프트', subtitle: 'ChatGPT · Claude 전용 · 대기업 HR 기준 적용', price: '35,000원', priceNote: '/ 패키지 (즉시 다운로드)', desc: '7년차 대기업 재직 경험과 수십 명의 신입/경력 지원자 첨삭 경험을 바탕으로 설계한 자소서·이력서 최적화 프롬프트 세트. 합격률을 높이는 구체적인 표현과 구조로 AI가 전문 컨설턴트처럼 첨삭하도록 만들어드립니다.', features: [ { label: '자기소개서 7가지 유형별 프롬프트', desc: '지원동기 · 성장과정 · 강점/약점 · 직무역량 · 팀워크 경험 · 위기극복 · 입사 후 포부 — 각 항목에 최적화된 별도 프롬프트 제공' }, { label: 'STAR 기법 자동 적용', desc: '상황(Situation) → 과제(Task) → 행동(Action) → 결과(Result) 구조로 경험을 임팩트 있게 재구성하는 프롬프트 포함' }, { label: '이력서 불릿포인트 최적화', desc: '단순 업무 나열이 아닌 "무엇을 했고, 어떤 방법으로, 어떤 결과를 냈는지" 3단 구조 + 수치화로 강점을 극대화하는 첨삭 프롬프트' }, { label: 'ATS 키워드 최적화', desc: '채용 공고의 키워드를 분석하여 자소서에 자연스럽게 녹여내는 ATS(지원자 추적 시스템) 통과 최적화 프롬프트' }, { label: '업종/직무별 맞춤 톤 설정', desc: 'IT · 금융 · 제조 · 마케팅 · 공공기관 등 업종별, 신입/경력별 적합한 문체와 표현 스타일로 자동 조정' }, { label: '약점을 강점으로 전환하는 프롬프트', desc: '공백기 · 전공 불일치 · 낮은 학점 · 짧은 재직기간 등 불리한 스펙을 긍정적으로 표현하는 전략적 첨삭 프롬프트' }, { label: '면접 질문 예측 & 답변 준비', desc: '작성된 자소서를 기반으로 예상 면접 질문을 생성하고, 모범 답변 구조를 잡아주는 면접 대비 프롬프트 포함' }, { label: '실제 첨삭 Before/After 5사례', desc: '실제로 사용하여 개선된 자소서 전후 비교 예시 5가지를 PDF로 제공 (직무별 다양한 케이스)' }, ], promptPreview: { title: '프롬프트 예시 — 지원동기 항목 첨삭', content: `당신은 15년 경력의 대기업 HR 수석 컨설턴트입니다. 수백 명의 합격 자소서를 분석한 전문가 관점에서 다음 자소서를 첨삭해주세요. [첨삭 기준] 1. STAR 기법(상황-과제-행동-결과) 구조가 명확한가? 2. 지원 동기가 회사의 사업 방향/가치와 구체적으로 연결되는가? 3. "열정", "성장" 등 추상적 단어 대신 구체적 경험과 수치가 있는가? 4. 첫 문장이 면접관의 시선을 끄는 Hook으로 시작하는가? 5. 지원 직무에서 필요한 역량이 자연스럽게 드러나는가? [첨삭 방식] ① 현재 자소서의 강점 2가지 (구체적 근거 포함) ② 치명적 약점 3가지와 개선 방향 ③ 표현이 약한 문장 3개를 지목하여 강화 버전으로 재작성 ④ 전체 구조 리뉴얼 버전 (300자 이내로 압축한 임팩트 버전) ⑤ 이 자소서로 예상되는 면접 질문 2가지 [지원 정보] - 회사/직무: [입력] - 채용 공고 키워드: [입력] [첨삭할 자소서] [여기에 자소서 붙여넣기]`, }, cta: '패키지 구매 문의 →', productId: 'prompt_resume', }, ]; const useCases = [ { label: '이메일 작성', desc: '고객사별, 상황별 최적화된 비즈니스 이메일 프롬프트' }, { label: '보고서·기획서', desc: '회사 내부 보고서, 제안서, 기획서 자동 작성용 프롬프트' }, { label: '고객 응대', desc: 'CS 상담, FAQ 응답, 컴플레인 처리를 위한 프롬프트' }, { label: '마케팅 카피', desc: '제품 소개글, 광고 카피, SNS 콘텐츠 생성 프롬프트' }, { label: '개발 보조', desc: '코드 리뷰, 버그 설명, 문서화를 위한 개발자 전용 프롬프트' }, { label: '학습·요약', desc: '문서 요약, 핵심 추출, 번역 최적화 프롬프트' }, ]; const plans = [ { name: '단건 설계', price: '30,000원', period: '/ 건', desc: '특정 업무 1건 프롬프트 설계', features: ['요구사항 분석 및 인터뷰', '목적별 프롬프트 1개 설계', 'ChatGPT / Claude 최적화', '수정 1회 포함', '사용 가이드 문서 제공'], highlight: false, productId: 'prompt_single', }, { name: '비즈니스 패키지', price: '99,000원', period: '/ 패키지', desc: '업무 유형별 5개 프롬프트 세트', features: ['업무 분석 심층 인터뷰', '5개 프롬프트 맞춤 설계', '용도별 프롬프트 라이브러리', '수정 3회 포함', '활용 방법 1:1 교육 (30분)', '1개월 내 추가 조정 가능'], highlight: true, productId: 'prompt_business', }, { name: '팀/기업 패키지', price: '249,000원~', period: '/ 세트', desc: '부서·팀 전체 프롬프트 시스템 구축', features: ['팀 업무 프로세스 전체 분석', '10개 이상 프롬프트 설계', '팀 공유 프롬프트 라이브러리', '사내 가이드 문서 작성', '전 직원 교육 자료 제공', '3개월 내 업데이트 지원'], highlight: false, productId: 'prompt_team', }, ]; const examples = [ { type: '회의록 요약', before: '회의 내용을 요약해줘', after: '다음 회의록을 분석하여: 1) 핵심 결정사항 3가지, 2) 담당자별 Action Item, 3) 다음 회의 전 완료해야 할 사항을 불릿 형식으로 정리해줘. 회의록: [내용]', improvement: '구조화된 출력 · 역할 분리 · 명확한 포맷', }, { type: '코드 리뷰', before: '이 코드 리뷰해줘', after: '시니어 백엔드 개발자 관점에서 다음 코드를 리뷰해줘: 1) 버그 및 잠재적 오류, 2) 성능 개선 포인트, 3) 클린코드 관점에서의 개선사항을 각각 심각도(High/Medium/Low)와 함께 알려줘. 코드: [코드]', improvement: '페르소나 설정 · 심각도 기준 · 다각도 분석', }, ]; export default function PromptPage() { const [modalOpen, setModalOpen] = useState(false); const [modalService, setModalService] = useState('프롬프트 엔지니어링'); const openModal = (service: string) => { setModalService(service); setModalOpen(true); }; return (
setModalOpen(false)} service={modalService} checklist={CHECKLIST} accentColor="text-violet-400" headerFrom="#0d0a2e" headerTo="#1a0f5c" /> {/* ─── Hero ─── */}
const optimizePrompt = (task) {'=> {'}
return {'{'}
role: 'expert analyst',
context: `{'{task.context}'}`,
format: 'structured',
output: 'actionable'
{'}'}
{'};'}
// efficiency: 94% ↑
홈으로

PROMPT ENGINEERING · AI 활용 극대화

AI를 제대로
100% 활용하기

ChatGPT·Claude를 쓰는데 결과가 항상 애매하신가요?
업무에 딱 맞는 프롬프트를 전문 설계하여 AI를 제대로 활용하도록 도와드립니다.

↑ 업무 효율 평균 3~5배 향상
ChatGPT · Claude · Gemini 전용 최적화
{/* ─── 프리미엄 상품 ─── */}
PREMIUM PRODUCTS

바로 쓸 수 있는 프리미엄 프롬프트

전문가가 직접 설계하고 검증한 완성형 프롬프트 패키지 — 구매 즉시 사용 가능

{premiumProducts.map((product) => (
{/* 헤더 */}
{product.badge}
{product.price}
{product.priceNote}

{product.title}

{product.subtitle}

{product.desc}

{/* 기능 목록 */}

포함 내용

    {product.features.map((f, i) => (
  • {f.label} — {f.desc}
    • ))}
{/* 프롬프트 미리보기 */}

{product.promptPreview.title}

{product.promptPreview.content}
{/* CTA */}

구매 문의 시 프롬프트 샘플 파일 미리 제공

))}
{/* ─── Before/After ─── */}

BEFORE vs AFTER

이런 차이가 납니다

{examples.map((ex) => (
{ex.type} 예시 {ex.improvement}
일반 프롬프트
“{ex.before}”
모호한 지시 → 불완전한 결과
최적화 프롬프트
“{ex.after}”
명확한 구조 → 바로 쓸 수 있는 결과
))}
{/* ─── 활용 분야 ─── */}

USE CASES

활용 분야

{useCases.map((uc, i) => (
{String(i + 1).padStart(2, '0')}

{uc.label}

{uc.desc}

))}
{/* ─── 요금제 ─── */}

PRICING

요금제

{plans.map((plan) => (
{plan.highlight && (
추천
)}
{plan.name.toUpperCase()}
{plan.price} {plan.period}

{plan.desc}

    {plan.features.map((f) => (
  • {f}
    • ))}
))}
{/* ─── CTA ─── */}

GET STARTED

AI를 제대로 활용하고 싶다면

업무 분석 인터뷰 → 맞춤 설계 → 가이드 제공

); }