gahusb
3f53594d3f
- 관리자 견적서 CRUD (WBS/항목/향후관리/특이사항 5탭 편집기) - 고객용 공개 견적서 페이지 (optional 항목 선택 + 실시간 총액 + 수락) - 마케팅 SVG 에셋 6종 (썸네일 5개 + 배너 1개) + 관리자 에셋 페이지 - 전체 카피 강화: 크레덴셜 제거 → URL증거/환불보장/계약서/납기패널티 중심 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
89 lines
7.2 KiB
XML
89 lines
7.2 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="675" viewBox="0 0 1200 675">
|
|
<defs>
|
|
<linearGradient id="topBg" x1="0%" y1="0%" x2="100%" y2="0%">
|
|
<stop offset="0%" style="stop-color:#0f172a"/>
|
|
<stop offset="100%" style="stop-color:#1e3a8a"/>
|
|
</linearGradient>
|
|
<linearGradient id="card2Grad" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#eff6ff"/>
|
|
<stop offset="100%" style="stop-color:#ede9fe"/>
|
|
</linearGradient>
|
|
<filter id="cardShadow">
|
|
<feDropShadow dx="0" dy="4" stdDeviation="12" flood-color="#000" flood-opacity="0.15"/>
|
|
</filter>
|
|
<filter id="card2Shadow">
|
|
<feDropShadow dx="0" dy="8" stdDeviation="20" flood-color="#7c3aed" flood-opacity="0.25"/>
|
|
</filter>
|
|
</defs>
|
|
|
|
<!-- 상단 어두운 배경 -->
|
|
<rect width="1200" height="280" fill="url(#topBg)"/>
|
|
<!-- 하단 밝은 배경 -->
|
|
<rect y="280" width="1200" height="395" fill="#f8fafc"/>
|
|
|
|
<!-- 상단 로고/브랜드 -->
|
|
<rect x="60" y="36" width="44" height="44" rx="12" fill="#2563eb"/>
|
|
<text x="82" y="64" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="18" font-weight="900" fill="#fff">쟁</text>
|
|
<text x="116" y="52" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="14" font-weight="700" fill="#60a5fa">쟁승메이드</text>
|
|
<text x="116" y="70" font-family="sans-serif" font-size="12" fill="#475569">홈페이지 제작 전문</text>
|
|
|
|
<!-- 상단 헤드라인 -->
|
|
<text x="600" y="128" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="48" font-weight="800" fill="#ffffff">기업급 품질, 합리적 가격</text>
|
|
<text x="600" y="180" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="22" fill="#94a3b8">7년차 대기업 현직 개발자 · Next.js 풀스택 · SEO 최적화</text>
|
|
|
|
<!-- 구분선 -->
|
|
<line x1="400" y1="218" x2="800" y2="218" stroke="#334155" stroke-width="1"/>
|
|
|
|
<!-- 아이콘 지표 3개 -->
|
|
<text x="340" y="255" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="14" fill="#60a5fa">⚡ 최단 7일 납품</text>
|
|
<text x="600" y="255" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="14" fill="#a78bfa">🔒 코드 품질 보장</text>
|
|
<text x="860" y="255" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="14" fill="#34d399">✓ 납품 후 AS 포함</text>
|
|
|
|
<!-- 플랜 카드 3개 -->
|
|
<!-- 카드1: 스타터 -->
|
|
<rect x="60" y="304" width="330" height="320" rx="20" fill="#ffffff" stroke="#e2e8f0" stroke-width="1.5" filter="url(#cardShadow)"/>
|
|
<rect x="60" y="304" width="330" height="8" rx="4" fill="#2563eb"/>
|
|
<text x="225" y="350" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="13" font-weight="700" fill="#2563eb">STARTER</text>
|
|
<text x="225" y="410" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="52" font-weight="900" fill="#0f172a">50만원</text>
|
|
<text x="225" y="438" text-anchor="middle" font-family="sans-serif" font-size="13" fill="#64748b">~부터 시작</text>
|
|
<line x1="84" y1="454" x2="366" y2="454" stroke="#f1f5f9" stroke-width="1.5"/>
|
|
<text x="100" y="480" font-family="'Malgun Gothic',sans-serif" font-size="13" fill="#64748b">✓ 5페이지 이내</text>
|
|
<text x="100" y="504" font-family="'Malgun Gothic',sans-serif" font-size="13" fill="#64748b">✓ 반응형 디자인</text>
|
|
<text x="100" y="528" font-family="'Malgun Gothic',sans-serif" font-size="13" fill="#64748b">✓ SEO 기본 설정</text>
|
|
<text x="100" y="552" font-family="'Malgun Gothic',sans-serif" font-size="13" fill="#64748b">✓ 납기 7일</text>
|
|
<rect x="84" y="574" width="262" height="40" rx="10" fill="#eff6ff"/>
|
|
<text x="215" y="599" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="14" font-weight="700" fill="#2563eb">상담 신청</text>
|
|
|
|
<!-- 카드2: 비즈니스 (추천) -->
|
|
<rect x="430" y="284" width="340" height="360" rx="20" fill="url(#card2Grad)" stroke="#7c3aed" stroke-width="2" filter="url(#card2Shadow)"/>
|
|
<rect x="430" y="284" width="340" height="8" rx="4" fill="#7c3aed"/>
|
|
<!-- 추천 뱃지 -->
|
|
<rect x="672" y="274" width="76" height="28" rx="14" fill="#7c3aed"/>
|
|
<text x="710" y="293" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="12" font-weight="700" fill="#fff">⭐ 추천</text>
|
|
<text x="600" y="334" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="13" font-weight="700" fill="#7c3aed">BUSINESS</text>
|
|
<text x="600" y="400" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="52" font-weight="900" fill="#0f172a">150만원</text>
|
|
<text x="600" y="428" text-anchor="middle" font-family="sans-serif" font-size="13" fill="#64748b">~부터 시작</text>
|
|
<line x1="450" y1="444" x2="750" y2="444" stroke="#ddd6fe" stroke-width="1.5"/>
|
|
<text x="470" y="470" font-family="'Malgun Gothic',sans-serif" font-size="13" fill="#374151">✓ 10페이지 이내</text>
|
|
<text x="470" y="494" font-family="'Malgun Gothic',sans-serif" font-size="13" fill="#374151">✓ 커스텀 디자인</text>
|
|
<text x="470" y="518" font-family="'Malgun Gothic',sans-serif" font-size="13" fill="#374151">✓ 관리자 페이지</text>
|
|
<text x="470" y="542" font-family="'Malgun Gothic',sans-serif" font-size="13" fill="#374151">✓ SEO 최적화</text>
|
|
<text x="470" y="566" font-family="'Malgun Gothic',sans-serif" font-size="13" fill="#374151">✓ 납기 14일</text>
|
|
<rect x="450" y="590" width="300" height="44" rx="12" fill="#7c3aed"/>
|
|
<text x="600" y="617" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="16" font-weight="700" fill="#fff">상담 신청 →</text>
|
|
|
|
<!-- 카드3: 프리미엄 -->
|
|
<rect x="810" y="304" width="330" height="320" rx="20" fill="#0f172a" stroke="#334155" stroke-width="1.5" filter="url(#cardShadow)"/>
|
|
<rect x="810" y="304" width="330" height="8" rx="4" fill="#f59e0b"/>
|
|
<text x="975" y="350" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="13" font-weight="700" fill="#fbbf24">PREMIUM</text>
|
|
<text x="975" y="410" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="52" font-weight="900" fill="#ffffff">300만원</text>
|
|
<text x="975" y="438" text-anchor="middle" font-family="sans-serif" font-size="13" fill="#64748b">~부터 시작</text>
|
|
<line x1="830" y1="454" x2="1120" y2="454" stroke="#1e293b" stroke-width="1.5"/>
|
|
<text x="850" y="480" font-family="'Malgun Gothic',sans-serif" font-size="13" fill="#94a3b8">✓ 페이지 수 무제한</text>
|
|
<text x="850" y="504" font-family="'Malgun Gothic',sans-serif" font-size="13" fill="#94a3b8">✓ 결제/회원 시스템</text>
|
|
<text x="850" y="528" font-family="'Malgun Gothic',sans-serif" font-size="13" fill="#94a3b8">✓ DB 연동</text>
|
|
<text x="850" y="552" font-family="'Malgun Gothic',sans-serif" font-size="13" fill="#94a3b8">✓ 6개월 유지보수</text>
|
|
<rect x="830" y="574" width="262" height="40" rx="10" fill="#1e293b"/>
|
|
<text x="961" y="599" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="14" font-weight="700" fill="#fbbf24">프리미엄 상담</text>
|
|
</svg>
|