gahusb/jaengseung-made
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
3ed2e60dc6717c40e2d1a0b39b962fc6aa80a0ab
jaengseung-made/public/marketing/thumb-homepage-B.svg
gahusb 3ed2e60dc6 feat: 프롬프트 패키지 3종 추가 + 마케팅 SVG 에셋 전면 재작성 
- 프롬프트 엔지니어링 페이지에 비즈니스 이메일/마케팅 카피/업무 보고서 패키지 3종 추가
- 각 상품 할인가(10,900~12,900원), 7가지 기능 설명, 프롬프트 미리보기 포함
- 마케팅 SVG 에셋 8개 전면 재작성:
  - 이모지 제거 → SVG path 기반 아이콘으로 교체
  - 배경에 유기적 bezier 곡선 블롭 형태 추가
  - 자동화 플로우 직선 연결 → 곡선 bezier path로 교체
  - 로또 공 3D 하이라이트/그림자 강화
  - 주식 차트 polyline → smooth bezier 곡선 개선
  - 말풍선 꼬리 path 추가로 자연스러운 대화 표현

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-25 04:17:24 +09:00

145 lines
9.9 KiB
XML
Raw Blame History

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="675" viewBox="0 0 1200 675">
<defs>
<linearGradient id="hpB-bgTop" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#04102b"/>
<stop offset="100%" stop-color="#0d1f4f"/>
</linearGradient>
<radialGradient id="hpB-glow1" cx="30%" cy="30%" r="50%">
<stop offset="0%" stop-color="#1d4ed8" stop-opacity="0.25"/>
<stop offset="100%" stop-color="#04102b" stop-opacity="0"/>
</radialGradient>
<radialGradient id="hpB-glow2" cx="75%" cy="25%" r="40%">
<stop offset="0%" stop-color="#7c3aed" stop-opacity="0.2"/>
<stop offset="100%" stop-color="#04102b" stop-opacity="0"/>
</radialGradient>
<linearGradient id="hpB-bottomBar" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#2563eb"/>
<stop offset="100%" stop-color="#7c3aed"/>
</linearGradient>
<linearGradient id="hpB-headGrad" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#60a5fa"/>
<stop offset="100%" stop-color="#a78bfa"/>
</linearGradient>
<linearGradient id="hpB-bizBorder" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#7c3aed"/>
<stop offset="100%" stop-color="#2563eb"/>
</linearGradient>
<filter id="hpB-cardShadow">
<feDropShadow dx="0" dy="4" stdDeviation="12" flood-color="#000" flood-opacity="0.25"/>
</filter>
<filter id="hpB-bizShadow">
<feDropShadow dx="0" dy="8" stdDeviation="20" flood-color="#7c3aed" flood-opacity="0.3"/>
</filter>
</defs>
<!-- 배경 상단 (어두운 네이비) -->
<rect width="1200" height="675" fill="url(#hpB-bgTop)"/>
<rect width="1200" height="675" fill="url(#hpB-glow1)"/>
<rect width="1200" height="675" fill="url(#hpB-glow2)"/>
<!-- 하단 밝은 배경 -->
<rect x="0" y="300" width="1200" height="375" fill="#f8fafc"/>
<!-- 유기적 웨이브 구분선 -->
<path d="M 0 290 C 200 270 400 320 600 300 C 800 280 1000 310 1200 295 L 1200 300 L 0 300 Z" fill="#f8fafc"/>
<!-- 보조 블롭 -->
<path d="M 0 0 C 150 40 300 -20 500 30 L 500 0 Z" fill="rgba(37,99,235,0.04)"/>
<path d="M 700 0 C 900 50 1100 -10 1200 40 L 1200 0 Z" fill="rgba(124,58,237,0.04)"/>
<!-- ===== 상단 헤드라인 영역 ===== -->
<text x="600" y="82" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="13" fill="#93c5fd" letter-spacing="1">PREMIUM DEVELOPMENT SERVICE</text>
<text x="600" y="142" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="46" font-weight="700" fill="url(#hpB-headGrad)">기업급 품질, 합리적 가격</text>
<text x="600" y="182" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="18" fill="#94a3b8">7년차 대기업 개발자가 직접 개발하는 맞춤 솔루션</text>
<!-- 3개 특징 -->
<g>
<!-- 특징 1 -->
<circle cx="280" cy="228" r="7" fill="#22c55e"/>
<text x="294" y="233" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="14" fill="#e2e8f0">최단 7일 납품</text>
<!-- 특징 2 -->
<circle cx="490" cy="228" r="7" fill="#60a5fa"/>
<text x="504" y="233" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="14" fill="#e2e8f0">코드 품질 보증</text>
<!-- 특징 3 -->
<circle cx="700" cy="228" r="7" fill="#a78bfa"/>
<text x="714" y="233" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="14" fill="#e2e8f0">납품 후 AS 포함</text>
</g>
<!-- ===== 플랜 카드 3개 ===== -->
<!-- 스타터 카드 -->
<g filter="url(#hpB-cardShadow)">
<rect x="78" y="296" width="290" height="310" rx="16" fill="white" stroke="#e2e8f0" stroke-width="1.5"/>
<!-- 상단 컬러 바 -->
<rect x="78" y="296" width="290" height="5" rx="2" fill="#22c55e"/>
<!-- 플랜명 -->
<text x="110" y="336" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="13" fill="#64748b" font-weight="600" letter-spacing="1">STARTER</text>
<text x="110" y="362" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="28" font-weight="700" fill="#1e293b">스타터</text>
<!-- 가격 -->
<text x="110" y="398" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="32" font-weight="700" fill="#22c55e">33<tspan font-size="18">만원~</tspan></text>
<!-- 구분선 -->
<line x1="110" y1="412" x2="338" y2="412" stroke="#e2e8f0" stroke-width="1"/>
<!-- 기능 목록 -->
<text x="124" y="434" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="13" fill="#374151">✓ 업무 자동화 스크립트</text>
<text x="124" y="457" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="13" fill="#374151">✓ 납품 후 2주 AS</text>
<text x="124" y="480" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="13" fill="#374151">✓ 코드 설명 문서 포함</text>
<text x="124" y="503" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="13" fill="#94a3b8">— 시스템 통합 제외</text>
<!-- CTA -->
<rect x="110" y="526" width="228" height="38" rx="10" fill="#f0fdf4" stroke="#86efac" stroke-width="1.5"/>
<text x="224" y="550" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="14" font-weight="600" fill="#16a34a">문의하기</text>
</g>
<!-- 비즈니스 카드 (강조) -->
<g filter="url(#hpB-bizShadow)">
<rect x="388" y="286" width="310" height="330" rx="16" fill="white" stroke="url(#hpB-bizBorder)" stroke-width="2.5"/>
<!-- 상단 컬러 바 -->
<rect x="388" y="286" width="310" height="5" rx="2" fill="url(#hpB-bizBorder)"/>
<!-- 추천 배지 -->
<rect x="484" y="270" width="118" height="24" rx="12" fill="#7c3aed"/>
<text x="543" y="287" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" font-weight="600" fill="white">가장 인기있는 플랜</text>
<!-- 플랜명 -->
<text x="422" y="330" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="13" fill="#7c3aed" font-weight="600" letter-spacing="1">BUSINESS</text>
<text x="422" y="358" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="28" font-weight="700" fill="#1e293b">비즈니스</text>
<!-- 가격 -->
<text x="422" y="396" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="32" font-weight="700" fill="#7c3aed">66<tspan font-size="18">만원~</tspan></text>
<!-- 구분선 -->
<line x1="422" y1="410" x2="668" y2="410" stroke="#e2e8f0" stroke-width="1"/>
<!-- 기능 목록 -->
<text x="436" y="432" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="13" fill="#374151">✓ 풀스택 웹/앱 개발</text>
<text x="436" y="455" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="13" fill="#374151">✓ 납품 후 1개월 AS</text>
<text x="436" y="478" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="13" fill="#374151">✓ DB 설계 + API 개발</text>
<text x="436" y="501" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="13" fill="#374151">✓ 배포 환경 구성 포함</text>
<text x="436" y="524" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="13" fill="#374151">✓ 코드 인계 교육 포함</text>
<!-- CTA -->
<rect x="422" y="545" width="254" height="42" rx="12" fill="url(#hpB-headGrad)"/>
<text x="549" y="571" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="15" font-weight="700" fill="white">지금 문의하기</text>
</g>
<!-- 프리미엄 카드 -->
<g filter="url(#hpB-cardShadow)">
<rect x="728" y="296" width="290" height="310" rx="16" fill="white" stroke="#e2e8f0" stroke-width="1.5"/>
<!-- 상단 컬러 바 -->
<rect x="728" y="296" width="290" height="5" rx="2" fill="#f59e0b"/>
<!-- 플랜명 -->
<text x="760" y="336" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="13" fill="#64748b" font-weight="600" letter-spacing="1">PREMIUM</text>
<text x="760" y="362" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="28" font-weight="700" fill="#1e293b">프리미엄</text>
<!-- 가격 -->
<text x="760" y="398" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="32" font-weight="700" fill="#d97706">100<tspan font-size="18">만원~</tspan></text>
<!-- 구분선 -->
<line x1="760" y1="412" x2="988" y2="412" stroke="#e2e8f0" stroke-width="1"/>
<!-- 기능 목록 -->
<text x="774" y="434" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="13" fill="#374151">✓ 기업용 대형 시스템</text>
<text x="774" y="457" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="13" fill="#374151">✓ 납품 후 3개월 AS</text>
<text x="774" y="480" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="13" fill="#374151">✓ 성능 최적화 포함</text>
<text x="774" y="503" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="13" fill="#374151">✓ 보안 감사 포함</text>
<!-- CTA -->
<rect x="760" y="526" width="228" height="38" rx="10" fill="#fffbeb" stroke="#fde68a" stroke-width="1.5"/>
<text x="874" y="550" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="14" font-weight="600" fill="#d97706">문의하기</text>
</g>
<!-- 하단 바 -->
<rect x="0" y="638" width="1200" height="37" fill="url(#hpB-bottomBar)"/>
<text x="600" y="662" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="14" font-weight="600" fill="white">jaengseung-made.vercel.app — 지금 바로 문의하세요</text>
</svg>
Reference in New Issue View Git Blame Copy Permalink