cai/media/cai-banner.svg

191 lines
8.3 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 900 320" width="900" height="320">
<!-- Definitions for gradients and filters -->
<defs>
<!-- Community Edition background gradient -->
<linearGradient id="communityBg" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#f0f8f6;stop-opacity:1" />
<stop offset="100%" style="stop-color:#ffffff;stop-opacity:1" />
</linearGradient>
<!-- Professional Edition background gradient -->
<linearGradient id="proBg" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#529d86;stop-opacity:1" />
<stop offset="100%" style="stop-color:#6bb09a;stop-opacity:1" />
</linearGradient>
<!-- Code block gradient for community -->
<linearGradient id="codeBlockBg" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#e8f5f1;stop-opacity:1" />
<stop offset="100%" style="stop-color:#d4ede5;stop-opacity:1" />
</linearGradient>
<!-- Button gradient -->
<linearGradient id="buttonBg" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#ffffff;stop-opacity:1" />
<stop offset="100%" style="stop-color:#f0f8f6;stop-opacity:1" />
</linearGradient>
<!-- Drop shadow filter -->
<filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
<feOffset dx="0" dy="2" result="offsetblur"/>
<feFlood flood-color="#529d86" flood-opacity="0.15"/>
<feComposite in2="offsetblur" operator="in"/>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<!-- Text shadow filter -->
<filter id="textShadow">
<feGaussianBlur in="SourceAlpha" stdDeviation="1"/>
<feOffset dx="0" dy="1" result="offsetblur"/>
<feFlood flood-color="#000000" flood-opacity="0.2"/>
<feComposite in2="offsetblur" operator="in"/>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<!-- Button shadow -->
<filter id="buttonShadow">
<feGaussianBlur in="SourceAlpha" stdDeviation="2"/>
<feOffset dx="0" dy="2" result="offsetblur"/>
<feFlood flood-color="#000000" flood-opacity="0.2"/>
<feComposite in2="offsetblur" operator="in"/>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
</defs>
<!-- Main container with shadow and unified border -->
<g filter="url(#shadow)">
<!-- Unified border around entire banner -->
<rect x="0" y="0" width="900" height="320" fill="none"
stroke="#529d86" stroke-width="3" rx="10" ry="10"/>
<!-- Community Edition (Left Panel) -->
<rect x="3" y="3" width="444" height="277" fill="url(#communityBg)"
rx="8" ry="8"/>
<!-- Vertical divider -->
<line x1="450" y1="0" x2="450" y2="280" stroke="#529d86" stroke-width="3"/>
<!-- Professional Edition (Right Panel) -->
<rect x="453" y="3" width="444" height="277" fill="url(#proBg)"
rx="8" ry="8"/>
<!-- Horizontal divider for bottom banner -->
<line x1="0" y1="280" x2="900" y2="280" stroke="#529d86" stroke-width="3"/>
<!-- Bottom banner background -->
<rect x="3" y="283" width="894" height="34" fill="#f6f8fa" rx="8" ry="8"/>
</g>
<!-- Community Edition Content -->
<g>
<!-- Title with emoji -->
<text x="225" y="40" font-family="Arial, sans-serif" font-size="22" font-weight="bold"
text-anchor="middle" fill="#3d7b6b">
🔓 Community Edition
</text>
<!-- Subtitle -->
<text x="225" y="60" font-family="Arial, sans-serif" font-size="12" font-weight="bold"
text-anchor="middle" fill="#529d86">
Research &amp; Learning · Perfect for Researchers &amp; Students
</text>
<!-- Code block - centered in left panel (450px wide, center at 225) -->
<rect x="95" y="80" width="260" height="35" fill="url(#codeBlockBg)"
stroke="#529d86" stroke-width="2" rx="6" ry="6"/>
<text x="225" y="102" font-family="'Courier New', monospace" font-size="14" font-weight="bold"
text-anchor="middle" fill="#2d5a4d">
pip install cai-framework
</text>
<!-- Feature list -->
<text x="135" y="145" font-family="Arial, sans-serif" font-size="14" fill="#2d2d2d">
<tspan font-weight="bold" fill="#529d86">Free</tspan> for research
</text>
<text x="135" y="165" font-family="Arial, sans-serif" font-size="14" fill="#2d2d2d">
🤖 <tspan font-weight="bold" fill="#529d86">300+</tspan> AI models
</text>
<text x="135" y="185" font-family="Arial, sans-serif" font-size="14" fill="#2d2d2d">
🌍 <tspan font-weight="bold" fill="#529d86">Community-</tspan>driven
</text>
<text x="135" y="205" font-family="Arial, sans-serif" font-size="14" fill="#2d2d2d">
📚 <tspan font-weight="bold" fill="#529d86">Open</tspan> source
</text>
<text x="135" y="225" font-family="Arial, sans-serif" font-size="14" fill="#2d2d2d">
📅 <tspan font-weight="bold" fill="#529d86">~6 months</tspan> release cycles
</text>
</g>
<!-- Professional Edition Content with hyperlink -->
<a href="https://aliasrobotics.com/cybersecurityai.php" target="_blank">
<g>
<!-- Make PRO section clickable area indicator -->
<rect x="453" y="3" width="444" height="277" fill="transparent" opacity="0.01" cursor="pointer"/>
<!-- Title with emoji and shadow -->
<text x="673" y="40" font-family="Arial, sans-serif" font-size="22" font-weight="bold"
text-anchor="middle" fill="#ffffff" filter="url(#textShadow)">
🚀 Professional Edition
</text>
<!-- Subtitle with inline code style for alias1 -->
<text x="673" y="60" font-family="Arial, sans-serif" font-size="12" font-weight="bold"
text-anchor="middle" fill="#e8f5f1">
Enterprise &amp; Production · €350/month · Unlimited
<tspan fill="#ffffff" font-family="'Courier New', monospace"
style="background:rgba(255,255,255,0.2)">alias1</tspan> Tokens
</text>
<!-- Button with gradient and shadow - centered in right panel (447px wide, center at 673.5) -->
<g filter="url(#buttonShadow)">
<rect x="543.5" y="80" width="260" height="35" fill="url(#buttonBg)"
stroke="#529d86" stroke-width="2" rx="6" ry="6" cursor="pointer"/>
<text x="673.5" y="102" font-family="'Courier New', monospace" font-size="14" font-weight="bold"
text-anchor="middle" fill="#529d86">
→ Upgrade to PRO
</text>
</g>
<!-- Feature list -->
<text x="583" y="145" font-family="Arial, sans-serif" font-size="14" fill="#ffffff">
<tspan font-weight="bold">alias1</tspan> model - ∞ unlimited tokens
</text>
<text x="583" y="165" font-family="Arial, sans-serif" font-size="14" fill="#ffffff">
💻 <tspan font-weight="bold">Hacking without limits</tspan> - Unrestricted AI
</text>
<text x="583" y="185" font-family="Arial, sans-serif" font-size="14" fill="#ffffff">
🏆 <tspan font-weight="bold">Beats GPT-5</tspan> in benchmarks
</text>
<text x="583" y="205" font-family="Arial, sans-serif" font-size="14" fill="#ffffff">
🛡️ <tspan font-weight="bold">Professional</tspan> support included
</text>
<text x="583" y="225" font-family="Arial, sans-serif" font-size="14" fill="#ffffff">
🇪🇺 <tspan font-weight="bold">European</tspan> data sovereignty
</text>
</g>
</a>
<!-- Bottom banner with hyperlink -->
<a href="https://aliasrobotics.com/alias1.php#benchmarking" target="_blank">
<g>
<!-- Make bottom banner clickable area indicator -->
<rect x="3" y="283" width="894" height="34" fill="transparent" opacity="0.01" cursor="pointer"/>
<text x="450" y="305" font-family="Arial, sans-serif" font-size="11" font-style="italic"
text-anchor="middle" fill="#666666" cursor="pointer">
CAI PRO w/ <tspan font-family="'Courier New', monospace">alias1</tspan> model outperforms GPT-5 in AI vs AI cybersecurity benchmarks |
<tspan fill="#529d86" text-decoration="underline">View in CAI PRO page →</tspan>
</text>
</g>
</a>
</svg>