60 lines
2.8 KiB
XML
60 lines
2.8 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="1080" height="1080" viewBox="0 0 1080 1080">
|
|
<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="1080" height="1080" fill="url(#bgD)"/>
|
|
<rect width="1080" height="5" fill="url(#brandBar)"/>
|
|
|
|
<!-- Digital shield overlay -->
|
|
<circle cx="540" cy="540" r="410.4" fill="url(#shieldGlow)"/>
|
|
<g transform="translate(540, 510)">
|
|
<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="430" cy="545" r="22" fill="#33415580"/>
|
|
<rect x="415" y="570" width="30" height="50" rx="8" fill="#33415560"/>
|
|
|
|
<!-- Parent L -->
|
|
<circle cx="490" cy="530" r="25" fill="#47556980"/>
|
|
<rect x="472" y="558" width="36" height="65" rx="10" fill="#47556960"/>
|
|
|
|
<!-- Child -->
|
|
<circle cx="555" cy="540" r="18" fill="#64748b80"/>
|
|
<rect x="542" y="560" width="26" height="40" rx="8" fill="#64748b60"/>
|
|
|
|
<!-- Parent R -->
|
|
<circle cx="620" cy="530" r="25" fill="#47556980"/>
|
|
<rect x="602" y="558" width="36" height="65" rx="10" fill="#47556960"/>
|
|
|
|
<!-- Grandparent R -->
|
|
<circle cx="680" cy="545" r="22" fill="#33415580"/>
|
|
<rect x="665" y="570" width="30" height="50" rx="8" fill="#33415560"/>
|
|
|
|
|
|
<text x="540" y="920" font-family="system-ui, sans-serif" font-size="32" font-weight="700" fill="#f1f5f9" text-anchor="middle">Protect Your Whole Family</text>
|
|
<text x="540" y="965" 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="540" y="995" 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="425" y="1020" width="230" height="46" rx="23" fill="#3b82f6"/>
|
|
<text x="540" y="1047" font-family="system-ui, sans-serif" font-size="17" font-weight="600" fill="#f1f5f9" text-anchor="middle">Protect My Family</text>
|
|
</svg> |