60 lines
3.7 KiB
XML
60 lines
3.7 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="1080" height="1080" viewBox="0 0 1080 1080">
|
|
<defs>
|
|
<linearGradient id="bgGradL" x1="0" y1="0" x2="1" y2="0">
|
|
<stop offset="0%" stop-color="#0a1528"/>
|
|
<stop offset="100%" stop-color="#0f1d35"/>
|
|
</linearGradient>
|
|
<linearGradient id="bgGradR" x1="0" y1="0" x2="1" y2="0">
|
|
<stop offset="0%" stop-color="#1a0a0a"/>
|
|
<stop offset="100%" stop-color="#2d0f0f"/>
|
|
</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="distortGrad" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0%" stop-color="#ef444466"/>
|
|
<stop offset="100%" stop-color="#ef444422"/>
|
|
</linearGradient>
|
|
<filter id="glitch">
|
|
<feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="3" result="noise"/>
|
|
<feDisplacementMap in="SourceGraphic" in2="noise" scale="8" xChannelSelector="R" yChannelSelector="G"/>
|
|
</filter>
|
|
</defs>
|
|
|
|
<!-- Left panel: normal family -->
|
|
<rect x="0" y="0" width="540" height="1080" fill="url(#bgGradL)"/>
|
|
<circle cx="270" cy="280" r="60" fill="#3b82f630" stroke="#3b82f6" stroke-width="2"/>
|
|
<circle cx="210" cy="220" r="40" fill="#3b82f620" stroke="#3b82f6" stroke-width="1.5"/>
|
|
<circle cx="340" cy="230" r="35" fill="#3b82f620" stroke="#3b82f6" stroke-width="1.5"/>
|
|
<circle cx="240" cy="360" r="45" fill="#3b82f620" stroke="#3b82f6" stroke-width="1.5"/>
|
|
<rect x="200" y="420" width="140" height="180" rx="10" fill="#3b82f615" stroke="#3b82f6" stroke-width="1.5" opacity="0.6"/>
|
|
<text x="270" y="680" font-family="system-ui, sans-serif" font-size="22" font-weight="600" fill="#f1f5f9" text-anchor="middle">Your Family</text>
|
|
<text x="270" y="710" font-family="system-ui, sans-serif" font-size="15" fill="#94a3b8" text-anchor="middle">Real & Unfiltered</text>
|
|
|
|
<!-- Center divider with phone icon -->
|
|
<rect x="538" y="0" width="4" height="1080" fill="#1e293b"/>
|
|
<g transform="translate(540, 480)">
|
|
<rect x="-25" y="-50" width="50" height="100" rx="10" fill="#3b82f6" opacity="0.3"/>
|
|
<path d="M-10,-10 Q-20,0 -10,10" fill="none" stroke="#ef4444" stroke-width="2.5" stroke-linecap="round"/>
|
|
<path d="M0,-20 Q-25,0 0,20" fill="none" stroke="#ef4444" stroke-width="2.5" stroke-linecap="round"/>
|
|
<path d="M10,-30 Q-30,0 10,30" fill="none" stroke="#ef4444" stroke-width="2" stroke-linecap="round" opacity="0.7"/>
|
|
</g>
|
|
|
|
<!-- Right panel: distorted/AI -->
|
|
<rect x="540" y="0" width="540" height="1080" fill="url(#bgGradR)"/>
|
|
<g filter="url(#glitch)">
|
|
<circle cx="810" cy="280" r="60" fill="#ef444430" stroke="#ef4444" stroke-width="2"/>
|
|
<circle cx="750" cy="220" r="40" fill="#ef444420" stroke="#ef4444" stroke-width="1.5"/>
|
|
<circle cx="880" cy="230" r="35" fill="#ef444420" stroke="#ef4444" stroke-width="1.5"/>
|
|
<circle cx="780" cy="360" r="45" fill="#ef444420" stroke="#ef4444" stroke-width="1.5"/>
|
|
<rect x="740" y="420" width="140" height="180" rx="10" fill="#ef444415" stroke="#ef4444" stroke-width="1.5" opacity="0.6"/>
|
|
</g>
|
|
<text x="810" y="680" font-family="system-ui, sans-serif" font-size="22" font-weight="600" fill="#ef4444" text-anchor="middle">AI Clone</text>
|
|
<text x="810" y="710" font-family="system-ui, sans-serif" font-size="15" fill="#64748b" text-anchor="middle">Synthetic & Dangerous</text>
|
|
|
|
<!-- Bottom brand bar -->
|
|
<rect x="0" y="990" width="1080" height="90" fill="#1a2332"/>
|
|
<text x="540" y="1025" font-family="system-ui, sans-serif" font-size="22" font-weight="600" fill="#f1f5f9" text-anchor="middle">Your Family's Voice, Protected</text>
|
|
<text x="540" y="1052" font-family="system-ui, sans-serif" font-size="15" fill="#94a3b8" text-anchor="middle">ShieldAI detects AI voice cloning with 99.7% accuracy</text>
|
|
</svg> |