121 lines
5.6 KiB
XML
121 lines
5.6 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 627" width="1200" height="627">
|
|
<defs>
|
|
<linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#0a0f1e"/>
|
|
<stop offset="50%" stop-color="#111827"/>
|
|
<stop offset="100%" stop-color="#0f1729"/>
|
|
</linearGradient>
|
|
<linearGradient id="accent" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#3b82f6"/>
|
|
<stop offset="100%" stop-color="#06b6d4"/>
|
|
</linearGradient>
|
|
<linearGradient id="shieldGrad" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
<stop offset="0%" stop-color="#3b82f6"/>
|
|
<stop offset="100%" stop-color="#06b6d4"/>
|
|
</linearGradient>
|
|
<linearGradient id="phoneGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#1e293b"/>
|
|
<stop offset="100%" stop-color="#0f172a"/>
|
|
</linearGradient>
|
|
<filter id="glow">
|
|
<feGaussianBlur stdDeviation="3" result="blur"/>
|
|
<feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
|
|
</filter>
|
|
<filter id="softGlow">
|
|
<feGaussianBlur stdDeviation="8" result="blur"/>
|
|
<feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
|
|
</filter>
|
|
</defs>
|
|
|
|
<!-- Background -->
|
|
<rect width="1200" height="627" fill="url(#bg)"/>
|
|
|
|
<!-- Grid pattern -->
|
|
<g opacity="0.05" stroke="#3b82f6" stroke-width="0.5">
|
|
<line x1="0" y1="100" x2="1200" y2="100"/>
|
|
<line x1="0" y1="200" x2="1200" y2="200"/>
|
|
<line x1="0" y1="300" x2="1200" y2="300"/>
|
|
<line x1="0" y1="400" x2="1200" y2="400"/>
|
|
<line x1="0" y1="500" x2="1200" y2="500"/>
|
|
<line x1="200" y1="0" x2="200" y2="627"/>
|
|
<line x1="400" y1="0" x2="400" y2="627"/>
|
|
<line x1="600" y1="0" x2="600" y2="627"/>
|
|
<line x1="800" y1="0" x2="800" y2="627"/>
|
|
<line x1="1000" y1="0" x2="1000" y2="627"/>
|
|
</g>
|
|
|
|
<!-- Decorative circle top-right -->
|
|
<circle cx="1050" cy="100" r="300" fill="#3b82f6" opacity="0.04"/>
|
|
<circle cx="1100" cy="50" r="200" fill="#06b6d4" opacity="0.03"/>
|
|
|
|
<!-- Left content area -->
|
|
<!-- Headline -->
|
|
<text x="60" y="200" font-family="DejaVu Sans, sans-serif" font-size="36" font-weight="bold" fill="#f1f5f9">
|
|
<tspan x="60" dy="0">AI Voice Cloning</tspan>
|
|
<tspan x="60" dy="48" fill="#3b82f6">Is the New Phishing Threat</tspan>
|
|
</text>
|
|
|
|
<!-- Body copy -->
|
|
<text x="60" y="330" font-family="DejaVu Sans, sans-serif" font-size="16" fill="#94a3b8">
|
|
<tspan x="60" dy="0">Cybercriminals are using AI-generated voice clones</tspan>
|
|
<tspan x="60" dy="28">to impersonate executives and family members.</tspan>
|
|
<tspan x="60" dy="28">ShieldAI detects synthetic voices in real time.</tspan>
|
|
</text>
|
|
|
|
<!-- CTA Button -->
|
|
<rect x="60" y="420" width="180" height="50" rx="25" fill="url(#accent)"/>
|
|
<text x="150" y="452" font-family="DejaVu Sans, sans-serif" font-size="16" font-weight="bold" fill="#ffffff" text-anchor="middle">Learn More →</text>
|
|
|
|
<!-- Right side: Visual area -->
|
|
<!-- Large shield background glow -->
|
|
<circle cx="800" cy="330" r="180" fill="#3b82f6" opacity="0.06" filter="url(#softGlow)"/>
|
|
|
|
<!-- Shield icon -->
|
|
<g transform="translate(680, 200)">
|
|
<path d="M120 20 L220 60 L220 110 Q220 170 120 210 Q20 170 20 110 L20 60 Z" fill="url(#shieldGrad)" opacity="0.9"/>
|
|
</g>
|
|
|
|
<!-- Phone silhouette -->
|
|
<g transform="translate(710, 260)">
|
|
<rect x="0" y="0" width="50" height="90" rx="10" fill="url(#phoneGrad)" stroke="#334155" stroke-width="1.5"/>
|
|
<rect x="15" y="8" width="20" height="3" rx="1.5" fill="#3b82f6" opacity="0.5"/>
|
|
<circle cx="25" cy="68" r="8" fill="none" stroke="#334155" stroke-width="1"/>
|
|
<line x1="10" y1="20" x2="40" y2="20" stroke="#334155" stroke-width="0.5"/>
|
|
<line x1="10" y1="25" x2="35" y2="25" stroke="#334155" stroke-width="0.5"/>
|
|
<line x1="10" y1="30" x2="30" y2="30" stroke="#334155" stroke-width="0.5"/>
|
|
</g>
|
|
|
|
<!-- Sound wave lines from phone -->
|
|
<g stroke="#3b82f6" stroke-width="2" fill="none" opacity="0.5" filter="url(#glow)">
|
|
<path d="M770 290 Q790 280 770 270"/>
|
|
<path d="M780 300 Q810 285 780 270"/>
|
|
<path d="M790 310 Q830 290 790 270"/>
|
|
</g>
|
|
|
|
<!-- Executive silhouette -->
|
|
<g transform="translate(820, 230)" opacity="0.15">
|
|
<ellipse cx="40" cy="25" rx="25" ry="25" fill="#f1f5f9"/>
|
|
<rect x="0" y="50" width="80" height="100" rx="10" fill="#f1f5f9"/>
|
|
<rect x="-5" y="60" width="15" height="60" rx="5" fill="#f1f5f9"/>
|
|
<rect x="70" y="60" width="15" height="60" rx="5" fill="#f1f5f9"/>
|
|
</g>
|
|
|
|
<!-- Digital shield overlay on right -->
|
|
<g transform="translate(750, 170)" opacity="0.12">
|
|
<path d="M50 0 L100 30 L100 70 Q100 120 50 150 Q0 120 0 70 L0 30 Z" fill="none" stroke="#3b82f6" stroke-width="3"/>
|
|
<path d="M50 0 L100 30 L100 70 Q100 120 50 150 Q0 120 0 70 L0 30 Z" fill="none" stroke="#06b6d4" stroke-width="1" transform="translate(5, 5)"/>
|
|
</g>
|
|
|
|
<!-- Bottom branding bar -->
|
|
<rect x="0" y="577" width="1200" height="50" fill="#0a0f1e" opacity="0.8"/>
|
|
<line x1="0" y1="577" x2="1200" y2="577" stroke="#3b82f6" stroke-width="1" opacity="0.3"/>
|
|
|
|
<!-- ShieldAI logo -->
|
|
<g transform="translate(60, 590)">
|
|
<path d="M15 2 L28 12 L28 22 Q28 32 15 38 Q2 32 2 22 L2 12 Z" fill="url(#accent)" opacity="0.9"/>
|
|
<path d="M11 18 L15 18 L15 22 L19 22 L19 26 L15 26 L15 30 L11 30 L11 26 L7 26 L7 22 L11 22 Z" fill="white" opacity="0.9"/>
|
|
<text x="38" y="26" font-family="DejaVu Sans, sans-serif" font-size="16" font-weight="bold" fill="#f1f5f9">ShieldAI</text>
|
|
<text x="115" y="26" font-family="DejaVu Sans, sans-serif" font-size="11" fill="#64748b">AI-Powered Identity Protection for Everyone</text>
|
|
</g>
|
|
</svg>
|