60 lines
2.8 KiB
XML
60 lines
2.8 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="628" viewBox="0 0 1200 628">
|
|
<defs>
|
|
<radialGradient id="shieldGlow" cx="50%" cy="50%" r="50%">
|
|
<stop offset="0%" stop-color="#3b82f630"/>
|
|
<stop offset="100%" stop-color="#3b82f600"/>
|
|
</radialGradient>
|
|
<linearGradient id="bgD" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0%" stop-color="#0a0f1e"/>
|
|
<stop offset="60%" stop-color="#0d1a30"/>
|
|
<stop offset="100%" stop-color="#0a0f1e"/>
|
|
</linearGradient>
|
|
<linearGradient id="brandBar" x1="0" y1="0" x2="1" y2="0">
|
|
<stop offset="0%" stop-color="#3b82f6"/>
|
|
<stop offset="100%" stop-color="#06b6d4"/>
|
|
</linearGradient>
|
|
<linearGradient id="shieldGradD" x1="0" y1="0" x2="1" y2="1">
|
|
<stop offset="0%" stop-color="#3b82f6"/>
|
|
<stop offset="100%" stop-color="#06b6d4"/>
|
|
</linearGradient>
|
|
</defs>
|
|
<rect width="1200" height="628" fill="url(#bgD)"/>
|
|
<rect width="1200" height="5" fill="url(#brandBar)"/>
|
|
|
|
<!-- Digital shield overlay -->
|
|
<circle cx="600" cy="314" r="238.64000000000001" fill="url(#shieldGlow)"/>
|
|
<g transform="translate(600, 284)">
|
|
<path d="M-60,-55 L60,-55 L65,15 Q65,55 35,75 L0,90 L-35,75 Q-65,55 -65,15 Z" fill="none" stroke="url(#shieldGradD)" stroke-width="3" opacity="0.8"/>
|
|
<path d="M-25,-5 L0,25 L30,-15" fill="none" stroke="#22c55e" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
|
|
</g>
|
|
|
|
<!-- Family figures (simplified) -->
|
|
|
|
<!-- Grandparent L -->
|
|
<circle cx="490" cy="319" r="22" fill="#33415580"/>
|
|
<rect x="475" y="344" width="30" height="50" rx="8" fill="#33415560"/>
|
|
|
|
<!-- Parent L -->
|
|
<circle cx="550" cy="304" r="25" fill="#47556980"/>
|
|
<rect x="532" y="332" width="36" height="65" rx="10" fill="#47556960"/>
|
|
|
|
<!-- Child -->
|
|
<circle cx="615" cy="314" r="18" fill="#64748b80"/>
|
|
<rect x="602" y="334" width="26" height="40" rx="8" fill="#64748b60"/>
|
|
|
|
<!-- Parent R -->
|
|
<circle cx="680" cy="304" r="25" fill="#47556980"/>
|
|
<rect x="662" y="332" width="36" height="65" rx="10" fill="#47556960"/>
|
|
|
|
<!-- Grandparent R -->
|
|
<circle cx="740" cy="319" r="22" fill="#33415580"/>
|
|
<rect x="725" y="344" width="30" height="50" rx="8" fill="#33415560"/>
|
|
|
|
|
|
<text x="600" y="468" font-family="system-ui, sans-serif" font-size="32" font-weight="700" fill="#f1f5f9" text-anchor="middle">Protect Your Whole Family</text>
|
|
<text x="600" y="513" font-family="system-ui, sans-serif" font-size="17" fill="#94a3b8" text-anchor="middle">AI voice clone detection + dark web monitoring + spam blocking</text>
|
|
<text x="600" y="543" font-family="system-ui, sans-serif" font-size="17" fill="#94a3b8" text-anchor="middle">for up to unlimited family members on Premium</text>
|
|
|
|
<rect x="485" y="568" width="230" height="46" rx="23" fill="#3b82f6"/>
|
|
<text x="600" y="595" font-family="system-ui, sans-serif" font-size="17" font-weight="600" fill="#f1f5f9" text-anchor="middle">Protect My Family</text>
|
|
</svg> |