163 lines
8.2 KiB
XML
163 lines
8.2 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 627" width="1200" height="627">
|
|
<defs>
|
|
<linearGradient id="bgLeft" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#0a0f1e"/>
|
|
<stop offset="100%" stop-color="#111827"/>
|
|
</linearGradient>
|
|
<linearGradient id="bgRight" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#1a0f0a"/>
|
|
<stop offset="100%" stop-color="#2d1a10"/>
|
|
</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="warmAccent" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#f59e0b"/>
|
|
<stop offset="100%" stop-color="#f97316"/>
|
|
</linearGradient>
|
|
<linearGradient id="dividerGrad" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
<stop offset="0%" stop-color="#3b82f6" stop-opacity="0"/>
|
|
<stop offset="50%" stop-color="#3b82f6" stop-opacity="0.3"/>
|
|
<stop offset="100%" stop-color="#f59e0b" stop-opacity="0"/>
|
|
</linearGradient>
|
|
<filter id="softGlow">
|
|
<feGaussianBlur stdDeviation="6" result="blur"/>
|
|
<feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
|
|
</filter>
|
|
</defs>
|
|
|
|
<!-- LEFT HALF: Professional -->
|
|
|
|
<!-- Background left -->
|
|
<rect x="0" y="0" width="600" height="577" fill="url(#bgLeft)"/>
|
|
|
|
<!-- Subtle grid left -->
|
|
<g opacity="0.04" stroke="#3b82f6" stroke-width="0.5">
|
|
<line x1="0" y1="100" x2="600" y2="100"/>
|
|
<line x1="0" y1="200" x2="600" y2="200"/>
|
|
<line x1="0" y1="300" x2="600" y2="300"/>
|
|
<line x1="0" y1="400" x2="600" y2="400"/>
|
|
<line x1="0" y1="500" x2="600" y2="500"/>
|
|
<line x1="150" y1="0" x2="150" y2="577"/>
|
|
<line x1="300" y1="0" x2="300" y2="577"/>
|
|
<line x1="450" y1="0" x2="450" y2="577"/>
|
|
</g>
|
|
|
|
<!-- Office desk illustration -->
|
|
<g transform="translate(100, 160)" opacity="0.12">
|
|
<!-- Monitor -->
|
|
<rect x="30" y="20" width="100" height="65" rx="3" fill="#3b82f6"/>
|
|
<rect x="35" y="25" width="90" height="55" rx="1" fill="#0a0f1e"/>
|
|
<!-- Screen content -->
|
|
<rect x="40" y="35" width="40" height="3" rx="1" fill="#3b82f6" opacity="0.5"/>
|
|
<rect x="40" y="42" width="60" height="3" rx="1" fill="#3b82f6" opacity="0.3"/>
|
|
<rect x="40" y="49" width="25" height="3" rx="1" fill="#3b82f6" opacity="0.3"/>
|
|
<!-- Stand -->
|
|
<rect x="55" y="85" width="50" height="5" rx="1" fill="#1e293b"/>
|
|
<rect x="70" y="90" width="20" height="10" fill="#1e293b"/>
|
|
<!-- Desk -->
|
|
<rect x="0" y="100" width="180" height="5" rx="1" fill="#1e293b"/>
|
|
</g>
|
|
|
|
<!-- Professional icon label -->
|
|
<g transform="translate(60, 130)">
|
|
<circle cx="20" cy="20" r="20" fill="#3b82f6" opacity="0.15"/>
|
|
<path d="M12 28 L12 20 L20 16 L28 20 L28 28 Z" fill="#3b82f6" opacity="0.8"/>
|
|
<text x="50" y="25" font-family="DejaVu Sans, sans-serif" font-size="14" font-weight="bold" fill="#3b82f6">Work Protection</text>
|
|
</g>
|
|
|
|
<!-- Professional features -->
|
|
<g transform="translate(60, 280)" opacity="0.7">
|
|
<circle cx="8" cy="8" r="4" fill="#22c55e"/>
|
|
<text x="20" y="13" font-family="DejaVu Sans, sans-serif" font-size="13" fill="#94a3b8">AI voice clone detection</text>
|
|
<circle cx="8" cy="33" r="4" fill="#22c55e"/>
|
|
<text x="20" y="38" font-family="DejaVu Sans, sans-serif" font-size="13" fill="#94a3b8">Dark web monitoring</text>
|
|
<circle cx="8" cy="58" r="4" fill="#22c55e"/>
|
|
<text x="20" y="63" font-family="DejaVu Sans, sans-serif" font-size="13" fill="#94a3b8">Spam call/text blocking</text>
|
|
<circle cx="8" cy="83" r="4" fill="#22c55e"/>
|
|
<text x="20" y="88" font-family="DejaVu Sans, sans-serif" font-size="13" fill="#94a3b8">Enterprise-grade security</text>
|
|
</g>
|
|
|
|
<!-- RIGHT HALF: Family -->
|
|
|
|
<!-- Background right -->
|
|
<rect x="600" y="0" width="600" height="577" fill="url(#bgRight)"/>
|
|
|
|
<!-- Warm glow background -->
|
|
<circle cx="850" cy="250" r="200" fill="#f59e0b" opacity="0.04"/>
|
|
|
|
<!-- Family illustration -->
|
|
<g transform="translate(730, 180)" opacity="0.12">
|
|
<!-- Adult 1 -->
|
|
<ellipse cx="40" cy="20" rx="18" ry="18" fill="#f59e0b"/>
|
|
<rect x="15" y="38" width="50" height="65" rx="8" fill="#f59e0b"/>
|
|
<!-- Adult 2 -->
|
|
<ellipse cx="120" cy="20" rx="18" ry="18" fill="#f59e0b"/>
|
|
<rect x="95" y="38" width="50" height="65" rx="8" fill="#f59e0b"/>
|
|
<!-- Child 1 -->
|
|
<ellipse cx="80" cy="55" rx="14" ry="14" fill="#f59e0b"/>
|
|
<rect x="64" y="69" width="32" height="40" rx="6" fill="#f59e0b"/>
|
|
<!-- Child 2 -->
|
|
<ellipse cx="160" cy="55" rx="14" ry="14" fill="#f97316"/>
|
|
<rect x="144" y="69" width="32" height="35" rx="6" fill="#f97316"/>
|
|
<!-- Shield over all -->
|
|
<path d="M80 10 L160 40 L160 75 Q160 110 80 135 Q0 110 0 75 L0 40 Z" fill="none" stroke="#f59e0b" stroke-width="2" opacity="0.5"/>
|
|
</g>
|
|
|
|
<!-- Family icon label -->
|
|
<g transform="translate(630, 130)">
|
|
<circle cx="20" cy="20" r="20" fill="#f59e0b" opacity="0.15"/>
|
|
<path d="M12 16 A4 4 0 1 1 12 24 A4 4 0 1 1 12 16z" fill="#f59e0b" opacity="0.8"/>
|
|
<path d="M8 25 Q12 30 20 30 Q28 30 32 25" fill="#f59e0b" opacity="0.8"/>
|
|
<text x="50" y="25" font-family="DejaVu Sans, sans-serif" font-size="14" font-weight="bold" fill="#f59e0b">Family Safety</text>
|
|
</g>
|
|
|
|
<!-- Family features -->
|
|
<g transform="translate(630, 280)" opacity="0.7">
|
|
<circle cx="8" cy="8" r="4" fill="#22c55e"/>
|
|
<text x="20" y="13" font-family="DejaVu Sans, sans-serif" font-size="13" fill="#d4a574">Unlimited family members</text>
|
|
<circle cx="8" cy="33" r="4" fill="#22c55e"/>
|
|
<text x="20" y="38" font-family="DejaVu Sans, sans-serif" font-size="13" fill="#d4a574">Senior scam protection</text>
|
|
<circle cx="8" cy="58" r="4" fill="#22c55e"/>
|
|
<text x="20" y="63" font-family="DejaVu Sans, sans-serif" font-size="13" fill="#d4a574">Real-time alerts to family</text>
|
|
<circle cx="8" cy="83" r="4" fill="#22c55e"/>
|
|
<text x="20" y="88" font-family="DejaVu Sans, sans-serif" font-size="13" fill="#d4a574">24/7 support for all members</text>
|
|
</g>
|
|
|
|
<!-- Center divider -->
|
|
<line x1="600" y1="50" x2="600" y2="527" stroke="url(#dividerGrad)" stroke-width="2"/>
|
|
|
|
<!-- Unified by ShieldAI badge -->
|
|
<g transform="translate(380, 370)">
|
|
<rect x="0" y="0" width="440" height="60" rx="30" fill="#1a2332" stroke="#334155" stroke-width="1" opacity="0.9"/>
|
|
<path d="M25 15 L45 28 L45 40 Q45 50 25 55 Q5 50 5 40 L5 28 Z" fill="url(#accent)" opacity="0.9"/>
|
|
<path d="M19 30 L23 30 L23 34 L27 34 L27 38 L23 38 L23 42 L19 42 L19 38 L15 38 L15 34 L19 34 Z" fill="white" opacity="0.9"/>
|
|
<text x="55" y="35" font-family="DejaVu Sans, sans-serif" font-size="18" font-weight="bold" fill="#f1f5f9">Unified by</text>
|
|
<text x="155" y="35" font-family="DejaVu Sans, sans-serif" font-size="18" font-weight="bold" fill="#3b82f6">ShieldAI</text>
|
|
</g>
|
|
|
|
<!-- Headline at center-top -->
|
|
<text x="600" y="100" font-family="DejaVu Sans, sans-serif" font-size="34" font-weight="bold" fill="#f1f5f9" text-anchor="middle">
|
|
<tspan x="600" dy="0">One Platform.</tspan>
|
|
<tspan x="600" dy="44" fill="#3b82f6">Work Protection +</tspan>
|
|
<tspan x="600" dy="44" fill="#f59e0b">Family Safety.</tspan>
|
|
</text>
|
|
|
|
<!-- CTA -->
|
|
<rect x="460" y="500" width="280" height="50" rx="25" fill="url(#accent)"/>
|
|
<text x="600" y="532" font-family="DejaVu Sans, sans-serif" font-size="16" font-weight="bold" fill="#ffffff" text-anchor="middle">Join 1,000+ Early Adopters →</text>
|
|
|
|
<!-- Bottom branding bar -->
|
|
<rect x="0" y="577" width="1200" height="50" fill="#05080f" opacity="0.9"/>
|
|
<line x1="0" y1="577" x2="1200" y2="577" stroke="url(#accent)" 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>
|