gahusb/jaengseung-made
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 프롬프트 패키지 3종 추가 + 마케팅 SVG 에셋 전면 재작성

Browse Source 
- 프롬프트 엔지니어링 페이지에 비즈니스 이메일/마케팅 카피/업무 보고서 패키지 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>
This commit is contained in:
gahusb
2026-03-25 04:17:24 +09:00
parent 9be23a5d00
commit 3ed2e60dc6
10 changed files with 1740 additions and 1299 deletions
Download Patch File Download Diff File Expand all files Collapse all files

313
public/marketing/thumb-homepage-A.svg
View File

@@ -1,204 +1,175 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="675" viewBox="0 0 1200 675">
<defs>
<linearGradient id="bgA" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#04102b"/>
<stop offset="50%" style="stop-color:#0d1f4f"/>
<stop offset="100%" style="stop-color:#0a1840"/>
</linearGradient>
<linearGradient id="headA" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#60a5fa"/>
<stop offset="100%" style="stop-color:#a78bfa"/>
</linearGradient>
<linearGradient id="btnA" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#2563eb"/>
<stop offset="100%" style="stop-color:#7c3aed"/>
</linearGradient>
<linearGradient id="priceA" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#1d4ed8"/>
<stop offset="100%" style="stop-color:#7c3aed"/>
</linearGradient>
<radialGradient id="glowA1" cx="20%" cy="30%" r="50%">
<stop offset="0%" style="stop-color:#2563eb;stop-opacity:0.18"/>
<stop offset="100%" style="stop-color:#2563eb;stop-opacity:0"/>
<radialGradient id="hpA-bgGlow1" cx="20%" cy="50%" r="50%">
<stop offset="0%" stop-color="#1d4ed8" stop-opacity="0.35"/>
<stop offset="100%" stop-color="#04102b" stop-opacity="0"/>
</radialGradient>
<radialGradient id="glowA2" cx="80%" cy="70%" r="40%">
<stop offset="0%" style="stop-color:#7c3aed;stop-opacity:0.15"/>
<stop offset="100%" style="stop-color:#7c3aed;stop-opacity:0"/>
<radialGradient id="hpA-bgGlow2" cx="85%" cy="40%" r="45%">
<stop offset="0%" stop-color="#7c3aed" stop-opacity="0.28"/>
<stop offset="100%" stop-color="#04102b" stop-opacity="0"/>
</radialGradient>
<filter id="shadowA">
<feDropShadow dx="0" dy="16" stdDeviation="24" flood-color="#000" flood-opacity="0.6"/>
<linearGradient id="hpA-headlineGrad" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#60a5fa"/>
<stop offset="100%" stop-color="#a78bfa"/>
</linearGradient>
<linearGradient id="hpA-bottomBar" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#2563eb"/>
<stop offset="100%" stop-color="#7c3aed"/>
</linearGradient>
<linearGradient id="hpA-browserHero" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#1e3a8a"/>
<stop offset="100%" stop-color="#312e81"/>
</linearGradient>
<linearGradient id="hpA-card1top" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#2563eb"/>
<stop offset="100%" stop-color="#3b82f6"/>
</linearGradient>
<linearGradient id="hpA-card2top" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#7c3aed"/>
<stop offset="100%" stop-color="#8b5cf6"/>
</linearGradient>
<linearGradient id="hpA-card3top" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#059669"/>
<stop offset="100%" stop-color="#10b981"/>
</linearGradient>
<filter id="hpA-shadow">
<feDropShadow dx="0" dy="8" stdDeviation="20" flood-color="#000" flood-opacity="0.5"/>
</filter>
<filter id="glowFilterA">
<feGaussianBlur stdDeviation="4" result="blur"/>
<feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
</filter>
<clipPath id="brClipA">
<rect x="620" y="55" width="548" height="540" rx="18"/>
</clipPath>
<pattern id="gridA" width="44" height="44" patternUnits="userSpaceOnUse">
<path d="M 44 0 L 0 0 0 44" fill="none" stroke="#1a3a7a" stroke-width="0.4" opacity="0.5"/>
</pattern>
</defs>
<!-- 배경 -->
<rect width="1200" height="675" fill="url(#bgA)"/>
<rect width="1200" height="675" fill="url(#glowA1)"/>
<rect width="1200" height="675" fill="url(#glowA2)"/>
<rect width="1200" height="675" fill="url(#gridA)"/>
<rect width="1200" height="675" fill="#04102b"/>
<rect width="1200" height="675" fill="url(#hpA-bgGlow1)"/>
<rect width="1200" height="675" fill="url(#hpA-bgGlow2)"/>
<!-- 유기적 배경 블롭 -->
<path d="M 580 0 C 700 -30 900 80 1000 150 C 1100 220 1200 350 1200 500 L 1200 0 Z" fill="rgba(37,99,235,0.05)"/>
<path d="M 800 675 C 900 620 1100 650 1200 600 L 1200 675 Z" fill="rgba(124,58,237,0.06)"/>
<path d="M 0 400 C 80 360 180 420 260 390 C 340 360 400 310 480 330 L 480 675 L 0 675 Z" fill="rgba(37,99,235,0.03)"/>
<!-- ===== 왼쪽 콘텐츠 ===== -->
<!-- 왼쪽 콘텐츠 -->
<!-- 뱃지 -->
<rect x="60" y="64" width="308" height="38" rx="19" fill="#1d4ed8" opacity="0.95"/>
<circle cx="84" cy="83" r="6" fill="#fbbf24"/>
<text x="100" y="88" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="15" font-weight="700" fill="#ffffff">납기 100% · 무료 AS · 연락두절 없음</text>
<rect x="48" y="72" width="296" height="34" rx="17" fill="rgba(37,99,235,0.2)" stroke="#2563eb" stroke-width="1"/>
<text x="196" y="94" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="13" fill="#93c5fd">납기 100% · 무료 AS · 연락두절 없음</text>
<!-- 메인 헤드라인 -->
<text x="60" y="166" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="56" font-weight="900" fill="#ffffff">연락 끊기는</text>
<text x="60" y="234" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="56" font-weight="900" fill="#ffffff">외주, 이제</text>
<text x="60" y="302" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="56" font-weight="900" fill="url(#headA)">그만하세요.</text>
<!-- 헤드라인 -->
<text x="48" y="175" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="58" font-weight="700" fill="white">연락 끊기는</text>
<text x="48" y="245" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="58" font-weight="700" fill="white">외주, 이제</text>
<text x="48" y="315" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="58" font-weight="700" fill="url(#hpA-headlineGrad)">그만하세요.</text>
<!-- 서브텍스트 -->
<text x="60" y="348" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="19" fill="#94a3b8">계약서로 시작 · 납기 보장 · AS까지 책임</text>
<text x="48" y="358" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="17" fill="#94a3b8">7년차 대기업 개발자가 직접 만드는 맞춤 솔루션</text>
<!-- 구분선 -->
<line x1="60" y1="372" x2="280" y2="372" stroke="#1a3a7a" stroke-width="1.5"/>
<!-- 특징 목록 -->
<circle cx="62" cy="400" r="10" fill="rgba(34,197,94,0.15)" stroke="#22c55e" stroke-width="1.5"/>
<path d="M 57 400 L 61 404 L 68 396" stroke="#22c55e" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
<text x="82" y="405" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="15" fill="#e2e8f0">납기일 100% 준수 보장</text>
<!-- 핵심 특징 리스트 -->
<g font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="15" fill="#e2e8f0">
<rect x="60" y="386" width="12" height="12" rx="3" fill="#22c55e"/>
<text x="82" y="398">납기일 100% 준수</text>
<rect x="60" y="414" width="12" height="12" rx="3" fill="#22c55e"/>
<text x="82" y="426">납품 후 무료 AS 포함</text>
<rect x="60" y="442" width="12" height="12" rx="3" fill="#22c55e"/>
<text x="82" y="454">반응형 + SEO 최적화 기본</text>
<rect x="60" y="470" width="12" height="12" rx="3" fill="#22c55e"/>
<text x="82" y="482">Next.js 풀스택 개발</text>
</g>
<circle cx="62" cy="435" r="10" fill="rgba(34,197,94,0.15)" stroke="#22c55e" stroke-width="1.5"/>
<path d="M 57 435 L 61 439 L 68 431" stroke="#22c55e" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
<text x="82" y="440" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="15" fill="#e2e8f0">납품 후 1개월 무료 AS</text>
<circle cx="62" cy="470" r="10" fill="rgba(34,197,94,0.15)" stroke="#22c55e" stroke-width="1.5"/>
<path d="M 57 470 L 61 474 L 68 466" stroke="#22c55e" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
<text x="82" y="475" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="15" fill="#e2e8f0">24시간 내 응답 보장</text>
<!-- 가격 뱃지 -->
<rect x="60" y="506" width="260" height="68" rx="16" fill="url(#priceA)" filter="url(#glowFilterA)"/>
<text x="190" y="533" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="13" font-weight="600" fill="#bfdbfe">스타터 시작 가격</text>
<text x="190" y="562" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="30" font-weight="900" fill="#ffffff">50만원~</text>
<rect x="48" y="510" width="118" height="44" rx="22" fill="rgba(96,165,250,0.12)" stroke="#60a5fa" stroke-width="1.5"/>
<text x="107" y="537" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="20" font-weight="700" fill="#60a5fa">50만원~</text>
<!-- URL -->
<text x="60" y="632" font-family="'Malgun Gothic',sans-serif" font-size="14" fill="#3b5998">jaengseung-made.com</text>
<!-- ===== 오른쪽 브라우저 목업 ===== -->
<g filter="url(#hpA-shadow)">
<!-- 브라우저 외곽 -->
<rect x="562" y="50" width="608" height="540" rx="18" fill="#1e293b" stroke="#334155" stroke-width="1.5"/>
<!-- 오른쪽 브라우저 목업 -->
<g filter="url(#shadowA)">
<rect x="620" y="55" width="548" height="540" rx="18" fill="#0f172a" stroke="#1e3a8a" stroke-width="1.5"/>
<!-- 탭바 -->
<rect x="620" y="55" width="548" height="46" rx="18" fill="#040e28"/>
<rect x="620" y="82" width="548" height="19" fill="#040e28"/>
<!-- 창 버튼 -->
<circle cx="650" cy="78" r="7" fill="#ef4444"/>
<circle cx="675" cy="78" r="7" fill="#f59e0b"/>
<circle cx="700" cy="78" r="7" fill="#22c55e"/>
<rect x="562" y="50" width="608" height="44" rx="18" fill="#0f172a"/>
<rect x="562" y="76" width="608" height="18" fill="#0f172a"/>
<!-- 신호등 버튼 -->
<circle cx="591" cy="72" r="6" fill="#ef4444"/>
<circle cx="611" cy="72" r="6" fill="#f59e0b"/>
<circle cx="631" cy="72" r="6" fill="#22c55e"/>
<!-- URL 바 -->
<rect x="726" y="65" width="400" height="26" rx="13" fill="#0d1f4f" stroke="#1a3a7a" stroke-width="1"/>
<circle cx="746" cy="78" r="5" fill="#1a3a7a" opacity="0.6"/>
<text x="910" y="82" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#475569">jaengseung-made.com</text>
<rect x="652" y="60" width="462" height="24" rx="12" fill="#1e293b" stroke="#334155" stroke-width="1"/>
<text x="883" y="77" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="#64748b">jaengseung-made.com</text>
<!-- 브라우저 내부 -->
<g clip-path="url(#brClipA)">
<rect x="620" y="101" width="548" height="494" fill="#f8fafc"/>
<!-- 브라우저 내부 배경 -->
<rect x="562" y="94" width="608" height="496" fill="#f1f5f9"/>
<!-- 왼쪽 사이드바 (대시보드 스타일) -->
<rect x="620" y="101" width="136" height="494" fill="#04102b"/>
<!-- 사이드바 로고 -->
<rect x="634" y="116" width="30" height="30" rx="8" fill="#2563eb"/>
<text x="649" y="136" text-anchor="middle" font-family="sans-serif" font-size="13" font-weight="800" fill="#fff">쟁</text>
<rect x="672" y="120" width="70" height="10" rx="5" fill="#1e3a8a"/>
<rect x="672" y="136" width="50" height="8" rx="4" fill="#0d1f4f"/>
<!-- 사이드바 메뉴 -->
<rect x="630" y="164" width="108" height="28" rx="8" fill="#2563eb" opacity="0.9"/>
<rect x="638" y="172" width="12" height="12" rx="3" fill="#60a5fa" opacity="0.5"/>
<rect x="658" y="174" width="55" height="8" rx="4" fill="#fff" opacity="0.8"/>
<rect x="630" y="200" width="108" height="26" rx="7" fill="#0d1f4f"/>
<rect x="638" y="208" width="12" height="10" rx="2" fill="#1e3a8a"/>
<rect x="658" y="210" width="45" height="7" rx="3" fill="#1e3a8a"/>
<rect x="630" y="234" width="108" height="26" rx="7" fill="#0d1f4f"/>
<rect x="638" y="242" width="12" height="10" rx="2" fill="#1e3a8a"/>
<rect x="658" y="244" width="55" height="7" rx="3" fill="#1e3a8a"/>
<rect x="630" y="268" width="108" height="26" rx="7" fill="#0d1f4f"/>
<rect x="638" y="276" width="12" height="10" rx="2" fill="#1e3a8a"/>
<rect x="658" y="278" width="40" height="7" rx="3" fill="#1e3a8a"/>
<rect x="630" y="302" width="108" height="26" rx="7" fill="#0d1f4f"/>
<rect x="638" y="310" width="12" height="10" rx="2" fill="#1e3a8a"/>
<rect x="658" y="312" width="50" height="7" rx="3" fill="#1e3a8a"/>
<!-- 사이드바 -->
<rect x="562" y="94" width="120" height="496" fill="#0f172a"/>
<!-- 사이드바 로고 -->
<rect x="568" y="106" width="108" height="30" rx="6" fill="#1e3a8a"/>
<rect x="578" y="117" width="50" height="8" rx="4" fill="rgba(255,255,255,0.7)"/>
<!-- 사이드바 메뉴 -->
<rect x="568" y="148" width="84" height="10" rx="5" fill="#334155"/>
<rect x="568" y="168" width="96" height="10" rx="5" fill="#1e3a8a"/>
<rect x="568" y="188" width="76" height="10" rx="5" fill="#334155"/>
<rect x="568" y="208" width="88" height="10" rx="5" fill="#334155"/>
<rect x="568" y="228" width="78" height="10" rx="5" fill="#334155"/>
<rect x="568" y="248" width="64" height="10" rx="5" fill="#334155"/>
<!-- 메인 콘텐츠 영역 -->
<!-- 상단 네비 -->
<rect x="756" y="101" width="412" height="44" fill="#fff" stroke="#e2e8f0" stroke-width="1"/>
<rect x="776" y="116" width="120" height="14" rx="7" fill="#e2e8f0"/>
<rect x="1090" y="112" width="64" height="22" rx="11" fill="#2563eb"/>
<text x="1122" y="127" text-anchor="middle" font-family="sans-serif" font-size="10" font-weight="700" fill="#fff">문의하기</text>
<!-- 메인 콘텐츠 영역 -->
<!-- 히어로 섹션 -->
<rect x="682" y="94" width="488" height="172" fill="url(#hpA-browserHero)"/>
<rect x="704" y="118" width="210" height="14" rx="7" fill="rgba(255,255,255,0.65)"/>
<rect x="704" y="140" width="165" height="9" rx="4" fill="rgba(255,255,255,0.35)"/>
<rect x="704" y="156" width="180" height="9" rx="4" fill="rgba(255,255,255,0.25)"/>
<!-- CTA 버튼들 -->
<rect x="704" y="178" width="94" height="28" rx="14" fill="#2563eb"/>
<text x="751" y="197" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="10" fill="white">지금 문의하기</text>
<rect x="804" y="178" width="76" height="28" rx="14" fill="rgba(255,255,255,0.1)" stroke="rgba(255,255,255,0.3)" stroke-width="1"/>
<text x="842" y="197" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="10" fill="rgba(255,255,255,0.8)">서비스 보기</text>
<!-- 히어로 섹션 -->
<rect x="756" y="145" width="412" height="148" fill="#eff6ff"/>
<rect x="776" y="164" width="60" height="18" rx="9" fill="#bfdbfe"/>
<text x="806" y="178" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#1d4ed8">✓ 납기보장</text>
<rect x="776" y="190" width="180" height="20" rx="10" fill="#93c5fd"/>
<rect x="776" y="218" width="140" height="16" rx="8" fill="#bfdbfe"/>
<rect x="776" y="242" width="80" height="28" rx="14" fill="#2563eb"/>
<text x="816" y="261" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#fff">문의하기</text>
<!-- 히어로 이미지 placeholder -->
<rect x="1010" y="156" width="140" height="120" rx="10" fill="#dbeafe"/>
<rect x="1026" y="174" width="80" height="10" rx="5" fill="#93c5fd"/>
<rect x="1026" y="192" width="108" height="10" rx="5" fill="#bfdbfe"/>
<rect x="1026" y="210" width="90" height="10" rx="5" fill="#bfdbfe"/>
<rect x="1026" y="234" width="60" height="22" rx="11" fill="#2563eb"/>
<!-- 서비스 카드 3개 -->
<!-- 카드 1 -->
<rect x="682" y="278" width="154" height="114" rx="10" fill="white" stroke="#e2e8f0" stroke-width="1"/>
<rect x="682" y="278" width="154" height="5" rx="2" fill="url(#hpA-card1top)"/>
<rect x="694" y="296" width="82" height="9" rx="4" fill="#1e293b"/>
<rect x="694" y="313" width="104" height="7" rx="3" fill="#94a3b8"/>
<rect x="694" y="328" width="92" height="7" rx="3" fill="#94a3b8"/>
<rect x="694" y="356" width="64" height="18" rx="9" fill="#eff6ff" stroke="#bfdbfe" stroke-width="1"/>
<!-- 서비스 섹션 -->
<rect x="756" y="293" width="412" height="24" fill="#f1f5f9"/>
<text x="962" y="309" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="10" fill="#64748b">✦ 제공 서비스 ✦</text>
<!-- 카드 2 -->
<rect x="845" y="278" width="154" height="114" rx="10" fill="white" stroke="#e2e8f0" stroke-width="1"/>
<rect x="845" y="278" width="154" height="5" rx="2" fill="url(#hpA-card2top)"/>
<rect x="857" y="296" width="82" height="9" rx="4" fill="#1e293b"/>
<rect x="857" y="313" width="104" height="7" rx="3" fill="#94a3b8"/>
<rect x="857" y="328" width="92" height="7" rx="3" fill="#94a3b8"/>
<rect x="857" y="356" width="64" height="18" rx="9" fill="#f5f3ff" stroke="#ddd6fe" stroke-width="1"/>
<!-- 카드 행 1 -->
<rect x="762" y="325" width="122" height="108" rx="10" fill="#fff" stroke="#e2e8f0" stroke-width="1"/>
<rect x="762" y="325" width="122" height="5" rx="2" fill="#2563eb"/>
<rect x="776" y="342" width="36" height="36" rx="8" fill="#eff6ff"/>
<text x="794" y="366" text-anchor="middle" font-size="16">🏢</text>
<rect x="776" y="386" width="72" height="10" rx="5" fill="#e2e8f0"/>
<rect x="776" y="404" width="90" height="8" rx="4" fill="#f1f5f9"/>
<rect x="776" y="418" width="60" height="8" rx="4" fill="#f1f5f9"/>
<!-- 카드 3 -->
<rect x="1008" y="278" width="154" height="114" rx="10" fill="white" stroke="#e2e8f0" stroke-width="1"/>
<rect x="1008" y="278" width="154" height="5" rx="2" fill="url(#hpA-card3top)"/>
<rect x="1020" y="296" width="82" height="9" rx="4" fill="#1e293b"/>
<rect x="1020" y="313" width="104" height="7" rx="3" fill="#94a3b8"/>
<rect x="1020" y="328" width="92" height="7" rx="3" fill="#94a3b8"/>
<rect x="1020" y="356" width="64" height="18" rx="9" fill="#ecfdf5" stroke="#a7f3d0" stroke-width="1"/>
<rect x="894" y="325" width="122" height="108" rx="10" fill="#fff" stroke="#ede9fe" stroke-width="1.5"/>
<rect x="894" y="325" width="122" height="5" rx="2" fill="#7c3aed"/>
<rect x="910" y="342" width="36" height="36" rx="8" fill="#ede9fe"/>
<text x="928" y="366" text-anchor="middle" font-size="16">⚡</text>
<rect x="910" y="386" width="72" height="10" rx="5" fill="#ddd6fe"/>
<rect x="910" y="404" width="90" height="8" rx="4" fill="#ede9fe"/>
<rect x="910" y="418" width="60" height="8" rx="4" fill="#f5f3ff"/>
<!-- 통계 바 -->
<rect x="682" y="404" width="478" height="66" rx="10" fill="white" stroke="#e2e8f0" stroke-width="1"/>
<text x="748" y="427" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="18" font-weight="700" fill="#1d4ed8">7년</text>
<text x="748" y="444" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="10" fill="#64748b">개발 경력</text>
<line x1="810" y1="414" x2="810" y2="460" stroke="#e2e8f0" stroke-width="1"/>
<text x="884" y="427" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="18" font-weight="700" fill="#1d4ed8">100%</text>
<text x="884" y="444" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="10" fill="#64748b">납기 준수</text>
<line x1="964" y1="414" x2="964" y2="460" stroke="#e2e8f0" stroke-width="1"/>
<text x="1034" y="427" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="18" font-weight="700" fill="#1d4ed8">무료</text>
<text x="1034" y="444" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="10" fill="#64748b">납품 후 AS</text>
<line x1="1098" y1="414" x2="1098" y2="460" stroke="#e2e8f0" stroke-width="1"/>
<text x="1144" y="427" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="18" font-weight="700" fill="#1d4ed8">50+</text>
<text x="1144" y="444" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="10" fill="#64748b">납품 실적</text>
<rect x="1026" y="325" width="122" height="108" rx="10" fill="#fff" stroke="#e2e8f0" stroke-width="1"/>
<rect x="1026" y="325" width="122" height="5" rx="2" fill="#059669"/>
<rect x="1042" y="342" width="36" height="36" rx="8" fill="#ecfdf5"/>
<text x="1060" y="366" text-anchor="middle" font-size="16">🚀</text>
<rect x="1042" y="386" width="72" height="10" rx="5" fill="#d1fae5"/>
<rect x="1042" y="404" width="90" height="8" rx="4" fill="#ecfdf5"/>
<rect x="1042" y="418" width="60" height="8" rx="4" fill="#ecfdf5"/>
<!-- 실적 수치 행 -->
<rect x="756" y="441" width="412" height="60" fill="#f8fafc" stroke="#e2e8f0" stroke-width="1"/>
<text x="840" y="476" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="18" font-weight="900" fill="#0f172a">7년</text>
<text x="840" y="491" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="9" fill="#64748b">개발 경력</text>
<line x1="899" y1="455" x2="899" y2="491" stroke="#e2e8f0" stroke-width="1"/>
<text x="962" y="476" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="18" font-weight="900" fill="#2563eb">100%</text>
<text x="962" y="491" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="9" fill="#64748b">납기 준수</text>
<line x1="1025" y1="455" x2="1025" y2="491" stroke="#e2e8f0" stroke-width="1"/>
<text x="1087" y="476" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="18" font-weight="900" fill="#7c3aed">무료</text>
<text x="1087" y="491" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="9" fill="#64748b">AS 포함</text>
<!-- 하단 푸터 -->
<rect x="756" y="501" width="412" height="94" fill="#04102b"/>
<rect x="780" y="518" width="60" height="12" rx="6" fill="#1e3a8a"/>
<rect x="780" y="538" width="100" height="9" rx="4" fill="#0d1f4f"/>
<rect x="780" y="554" width="80" height="9" rx="4" fill="#0d1f4f"/>
<rect x="1080" y="518" width="74" height="30" rx="8" fill="#2563eb"/>
<text x="1117" y="538" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#fff">상담 신청</text>
</g>
<!-- 실적 패널 -->
<rect x="682" y="482" width="478" height="54" rx="10" fill="#1e293b"/>
<text x="921" y="502" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="#94a3b8">누적 납품 실적</text>
<text x="921" y="522" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="16" font-weight="700" fill="white">최단 납품 7일 · 재의뢰율 94%</text>
</g>
<!-- 하단 바 -->
<rect x="0" y="638" width="1200" height="37" fill="url(#btnA)"/>
<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="#ffffff">납기 100% 보장 · 무료 AS 포함 · 연락두절 없음 · jaengseung-made.com</text>
<rect x="0" y="638" width="1200" height="37" fill="url(#hpA-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>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 12 KiB