gahusb
3f53594d3f
- 관리자 견적서 CRUD (WBS/항목/향후관리/특이사항 5탭 편집기) - 고객용 공개 견적서 페이지 (optional 항목 선택 + 실시간 총액 + 수락) - 마케팅 SVG 에셋 6종 (썸네일 5개 + 배너 1개) + 관리자 에셋 페이지 - 전체 카피 강화: 크레덴셜 제거 → URL증거/환불보장/계약서/납기패널티 중심 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
152 lines
9.3 KiB
XML
152 lines
9.3 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="675" viewBox="0 0 1200 675">
|
||
<defs>
|
||
<linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
<stop offset="0%" style="stop-color:#0f172a"/>
|
||
<stop offset="60%" style="stop-color:#052e16"/>
|
||
<stop offset="100%" style="stop-color:#0f172a"/>
|
||
</linearGradient>
|
||
<linearGradient id="headGrad" x1="0%" y1="0%" x2="100%" y2="0%">
|
||
<stop offset="0%" style="stop-color:#22c55e"/>
|
||
<stop offset="100%" style="stop-color:#86efac"/>
|
||
</linearGradient>
|
||
<linearGradient id="chartLine" x1="0%" y1="0%" x2="100%" y2="0%">
|
||
<stop offset="0%" style="stop-color:#22c55e;stop-opacity:0.4"/>
|
||
<stop offset="100%" style="stop-color:#22c55e"/>
|
||
</linearGradient>
|
||
<linearGradient id="chartFill" x1="0%" y1="0%" x2="0%" y2="100%">
|
||
<stop offset="0%" style="stop-color:#22c55e;stop-opacity:0.25"/>
|
||
<stop offset="100%" style="stop-color:#22c55e;stop-opacity:0"/>
|
||
</linearGradient>
|
||
<radialGradient id="glowGreen" cx="70%" cy="50%" r="50%">
|
||
<stop offset="0%" style="stop-color:#22c55e;stop-opacity:0.15"/>
|
||
<stop offset="100%" style="stop-color:#22c55e;stop-opacity:0"/>
|
||
</radialGradient>
|
||
<filter id="chartShadow">
|
||
<feDropShadow dx="0" dy="8" stdDeviation="16" flood-color="#000" flood-opacity="0.5"/>
|
||
</filter>
|
||
<filter id="phoneShadow">
|
||
<feDropShadow dx="0" dy="16" stdDeviation="24" flood-color="#22c55e" flood-opacity="0.2"/>
|
||
</filter>
|
||
<clipPath id="phoneClip">
|
||
<rect x="860" y="80" width="280" height="530" rx="28"/>
|
||
</clipPath>
|
||
</defs>
|
||
|
||
<!-- 배경 -->
|
||
<rect width="1200" height="675" fill="url(#bg)"/>
|
||
<rect width="1200" height="675" fill="url(#glowGreen)"/>
|
||
|
||
<!-- 배경 차트 라인 (은은하게) -->
|
||
<polyline points="0,500 120,420 240,460 360,380 480,400 600,300 720,340 840,260 960,220 1200,180"
|
||
fill="none" stroke="#22c55e" stroke-width="1" opacity="0.08"/>
|
||
|
||
<!-- 배경 격자 -->
|
||
<defs>
|
||
<pattern id="grid" width="50" height="50" patternUnits="userSpaceOnUse">
|
||
<path d="M 50 0 L 0 0 0 50" fill="none" stroke="#1e3a2a" stroke-width="0.6"/>
|
||
</pattern>
|
||
</defs>
|
||
<rect width="1200" height="675" fill="url(#grid)" opacity="0.5"/>
|
||
|
||
<!-- 왼쪽 콘텐츠 -->
|
||
<!-- 뱃지 -->
|
||
<rect x="60" y="66" width="240" height="38" rx="19" fill="#052e16" stroke="#22c55e" stroke-width="1"/>
|
||
<text x="80" y="90" font-family="'Malgun Gothic',sans-serif" font-size="14" font-weight="700" fill="#22c55e">📈 텔레그램 실시간 알림</text>
|
||
|
||
<!-- 헤드라인 -->
|
||
<text x="60" y="160" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="50" font-weight="800" fill="#ffffff">잠자는 동안에도</text>
|
||
<text x="60" y="218" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="50" font-weight="800" fill="url(#headGrad)">자동으로 매매</text>
|
||
|
||
<!-- 서브텍스트 -->
|
||
<text x="60" y="268" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="18" fill="#94a3b8">백테스팅 · 실시간 매매 · 손절/익절 자동화</text>
|
||
|
||
<!-- 기능 뱃지들 -->
|
||
<rect x="60" y="294" width="490" height="100" rx="14" fill="#0a1a10" stroke="#22c55e" stroke-width="1" opacity="0.9"/>
|
||
<!-- 행1 -->
|
||
<circle cx="88" cy="322" r="16" fill="#052e16" stroke="#22c55e" stroke-width="1"/>
|
||
<text x="88" y="328" text-anchor="middle" font-size="14">⚙️</text>
|
||
<text x="116" y="320" font-family="'Malgun Gothic',sans-serif" font-size="14" font-weight="700" fill="#e2e8f0">KIS API 연동</text>
|
||
<text x="116" y="336" font-family="'Malgun Gothic',sans-serif" font-size="12" fill="#64748b">한국투자증권 공식 API</text>
|
||
|
||
<circle cx="290" cy="322" r="16" fill="#052e16" stroke="#22c55e" stroke-width="1"/>
|
||
<text x="290" y="328" text-anchor="middle" font-size="14">📊</text>
|
||
<text x="318" y="320" font-family="'Malgun Gothic',sans-serif" font-size="14" font-weight="700" fill="#e2e8f0">백테스팅</text>
|
||
<text x="318" y="336" font-family="'Malgun Gothic',sans-serif" font-size="12" fill="#64748b">전략 사전 검증</text>
|
||
|
||
<!-- 행2 -->
|
||
<circle cx="88" cy="368" r="16" fill="#052e16" stroke="#22c55e" stroke-width="1"/>
|
||
<text x="88" y="374" text-anchor="middle" font-size="14">🔔</text>
|
||
<text x="116" y="366" font-family="'Malgun Gothic',sans-serif" font-size="14" font-weight="700" fill="#e2e8f0">텔레그램 알림</text>
|
||
<text x="116" y="382" font-family="'Malgun Gothic',sans-serif" font-size="12" fill="#64748b">매수/매도 실시간 알림</text>
|
||
|
||
<circle cx="290" cy="368" r="16" fill="#052e16" stroke="#22c55e" stroke-width="1"/>
|
||
<text x="290" y="374" text-anchor="middle" font-size="14">🛡️</text>
|
||
<text x="318" y="366" font-family="'Malgun Gothic',sans-serif" font-size="14" font-weight="700" fill="#e2e8f0">리스크 관리</text>
|
||
<text x="318" y="382" font-family="'Malgun Gothic',sans-serif" font-size="12" fill="#64748b">손절/익절 자동 설정</text>
|
||
|
||
<!-- 가격 -->
|
||
<rect x="60" y="420" width="200" height="60" rx="14" fill="#052e16" stroke="#22c55e" stroke-width="1.5"/>
|
||
<text x="160" y="444" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="12" fill="#86efac">기본 세팅 가격</text>
|
||
<text x="160" y="468" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="26" font-weight="800" fill="#22c55e">55만원~</text>
|
||
|
||
<!-- 면책 문구 -->
|
||
<rect x="60" y="494" width="490" height="36" rx="8" fill="#1c1917" opacity="0.8"/>
|
||
<text x="80" y="516" font-family="'Malgun Gothic',sans-serif" font-size="12" fill="#6b7280">⚠️ 수익을 보장하지 않습니다. 자동화 도구 제공 서비스입니다.</text>
|
||
|
||
<!-- URL -->
|
||
<text x="60" y="628" font-family="sans-serif" font-size="14" fill="#475569">jaengseung-made.com</text>
|
||
|
||
<!-- 오른쪽 폰 목업 -->
|
||
<g filter="url(#phoneShadow)">
|
||
<!-- 폰 외곽 -->
|
||
<rect x="860" y="80" width="280" height="530" rx="28" fill="#0f172a" stroke="#1e293b" stroke-width="2"/>
|
||
<!-- 노치 -->
|
||
<rect x="960" y="88" width="80" height="16" rx="8" fill="#0a0f18"/>
|
||
|
||
<!-- 화면 내부 -->
|
||
<g clip-path="url(#phoneClip)">
|
||
<rect x="860" y="80" width="280" height="530" fill="#111827"/>
|
||
|
||
<!-- 텔레그램 헤더 -->
|
||
<rect x="860" y="110" width="280" height="56" fill="#1d4ed8"/>
|
||
<circle cx="892" cy="138" r="16" fill="#3b82f6"/>
|
||
<text x="892" y="144" text-anchor="middle" font-size="16">✈️</text>
|
||
<text x="920" y="132" font-family="'Malgun Gothic',sans-serif" font-size="14" font-weight="700" fill="#fff">주식 자동매매 봇</text>
|
||
<text x="920" y="150" font-family="'Malgun Gothic',sans-serif" font-size="11" fill="#93c5fd">● 온라인</text>
|
||
|
||
<!-- 채팅 메시지들 -->
|
||
<!-- 메시지 1: 매수 -->
|
||
<rect x="876" y="180" width="230" height="66" rx="12" fill="#1e3a8a"/>
|
||
<text x="892" y="200" font-family="'Malgun Gothic',sans-serif" font-size="11" font-weight="700" fill="#22c55e">✅ 매수 체결</text>
|
||
<text x="892" y="218" font-family="'Malgun Gothic',sans-serif" font-size="12" fill="#e2e8f0">삼성전자 10주</text>
|
||
<text x="892" y="236" font-family="'Malgun Gothic',sans-serif" font-size="11" fill="#93c5fd">₩73,400 × 10 = ₩734,000</text>
|
||
|
||
<!-- 메시지 2: 수익 -->
|
||
<rect x="876" y="260" width="230" height="66" rx="12" fill="#0f2a20"/>
|
||
<text x="892" y="280" font-family="'Malgun Gothic',sans-serif" font-size="11" font-weight="700" fill="#fbbf24">💰 목표가 도달</text>
|
||
<text x="892" y="298" font-family="'Malgun Gothic',sans-serif" font-size="12" fill="#e2e8f0">수익률 +3.2%</text>
|
||
<text x="892" y="316" font-family="'Malgun Gothic',sans-serif" font-size="11" fill="#34d399">매도 주문 실행 중...</text>
|
||
|
||
<!-- 메시지 3: 매도 완료 -->
|
||
<rect x="876" y="340" width="230" height="66" rx="12" fill="#1e3a8a"/>
|
||
<text x="892" y="360" font-family="'Malgun Gothic',sans-serif" font-size="11" font-weight="700" fill="#22c55e">✅ 매도 체결 완료</text>
|
||
<text x="892" y="378" font-family="'Malgun Gothic',sans-serif" font-size="12" fill="#e2e8f0">실현 수익: +₩23,480</text>
|
||
<text x="892" y="396" font-family="'Malgun Gothic',sans-serif" font-size="11" fill="#93c5fd">09:32:14</text>
|
||
|
||
<!-- 차트 영역 -->
|
||
<rect x="876" y="422" width="248" height="140" rx="12" fill="#0f172a" stroke="#1e293b" stroke-width="1"/>
|
||
<text x="886" y="440" font-family="sans-serif" font-size="10" fill="#64748b">오늘의 수익</text>
|
||
<text x="886" y="458" font-family="'Malgun Gothic',sans-serif" font-size="18" font-weight="800" fill="#22c55e">+₩47,250</text>
|
||
<!-- 미니 차트 -->
|
||
<polyline points="886,540 910,530 934,534 958,520 982,524 1006,510 1030,506 1054,496 1078,488 1102,480"
|
||
fill="none" stroke="#22c55e" stroke-width="2"/>
|
||
<polygon points="886,560 886,540 910,530 934,534 958,520 982,524 1006,510 1030,506 1054,496 1078,488 1102,480 1102,560"
|
||
fill="url(#chartFill)"/>
|
||
</g>
|
||
</g>
|
||
|
||
<!-- 하단 바 -->
|
||
<rect x="0" y="635" width="1200" height="40" fill="#052e16"/>
|
||
<text x="600" y="660" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="14" font-weight="600" fill="#ffffff">텔레그램 연동 국내주식 자동매매 봇 · KIS API · 7년차 개발자 직접 구축 · jaengseung-made.com</text>
|
||
</svg>
|