gahusb
8fb3714936
'7년차 대기업 개발자' (자기 자랑) → '납기 100% · 무료 AS · 연락두절 없음' (고객 약속) - 랜딩페이지: '납기 지키고 연락 끊지 않는 개발자가 책임집니다' - SVG 썸네일 7개 바텀바/뱃지/서브카피 전체 교체 - 배너: 헤드라인 '납기 지키고 연락 끊지 않는 개발자가 만드는 홈페이지' - 어드민 체크리스트 항목 업데이트 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
205 lines
13 KiB
XML
205 lines
13 KiB
XML
<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>
|
|
<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>
|
|
<filter id="shadowA">
|
|
<feDropShadow dx="0" dy="16" stdDeviation="24" flood-color="#000" flood-opacity="0.6"/>
|
|
</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 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>
|
|
|
|
<!-- 메인 헤드라인 -->
|
|
<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="60" y="348" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="19" fill="#94a3b8">계약서로 시작 · 납기 보장 · AS까지 한 명이 책임</text>
|
|
|
|
<!-- 구분선 -->
|
|
<line x1="60" y1="372" x2="280" y2="372" stroke="#1a3a7a" stroke-width="1.5"/>
|
|
|
|
<!-- 핵심 특징 리스트 -->
|
|
<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>
|
|
|
|
<!-- 가격 뱃지 -->
|
|
<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>
|
|
|
|
<!-- URL -->
|
|
<text x="60" y="632" font-family="'Malgun Gothic',sans-serif" font-size="14" fill="#3b5998">jaengseung-made.com</text>
|
|
|
|
<!-- 오른쪽 브라우저 목업 -->
|
|
<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"/>
|
|
<!-- 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>
|
|
|
|
<!-- 브라우저 내부 -->
|
|
<g clip-path="url(#brClipA)">
|
|
<rect x="620" y="101" width="548" height="494" fill="#f8fafc"/>
|
|
|
|
<!-- 왼쪽 사이드바 (대시보드 스타일) -->
|
|
<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="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="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"/>
|
|
|
|
<!-- 서비스 섹션 -->
|
|
<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>
|
|
|
|
<!-- 카드 행 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"/>
|
|
|
|
<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="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>
|
|
</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>
|
|
</svg>
|