<svg width="1200" height="300" viewBox="0 0 1200 300" fill="none" xmlns="http://www.w3.org/2000/svg">
<!-- Background with gradient -->
<defs>
<linearGradient id="bannerGradient" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#3B82F6;stop-opacity:1" />
<stop offset="50%" style="stop-color:#6366F1;stop-opacity:1" />
<stop offset="100%" style="stop-color:#8B5CF6;stop-opacity:1" />
</linearGradient>
<linearGradient id="glowGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#ffffff;stop-opacity:0.2" />
<stop offset="100%" style="stop-color:#ffffff;stop-opacity:0" />
</linearGradient>
</defs>
<!-- Background -->
<rect width="1200" height="300" fill="url(#bannerGradient)"/>
<!-- Decorative circles -->
<circle cx="100" cy="50" r="80" fill="url(#glowGradient)" opacity="0.3"/>
<circle cx="1100" cy="250" r="100" fill="url(#glowGradient)" opacity="0.3"/>
<circle cx="900" cy="80" r="60" fill="url(#glowGradient)" opacity="0.2"/>
<!-- Logo (left side) -->
<g transform="translate(80, 80)">
<!-- Database/Storage layers -->
<ellipse cx="70" cy="82" rx="35" ry="10" fill="#ffffff" opacity="0.3"/>
<ellipse cx="70" cy="77" rx="35" ry="10" fill="#ffffff" opacity="0.4"/>
<ellipse cx="70" cy="72" rx="35" ry="10" fill="#ffffff" opacity="0.5"/>
<!-- Task context cards -->
<rect x="40" y="30" width="50" height="40" rx="4" fill="#ffffff" opacity="0.25" transform="rotate(-5 65 50)"/>
<rect x="43" y="33" width="50" height="40" rx="4" fill="#ffffff" opacity="0.5" transform="rotate(-2 68 53)"/>
<rect x="46" y="36" width="50" height="40" rx="4" fill="#ffffff" opacity="0.95"/>
<!-- Checkmarks -->
<path d="M 54 50 L 58 54 L 65 46" stroke="#3B82F6" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
<path d="M 54 60 L 58 64 L 65 56" stroke="#8B5CF6" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
<!-- Connection nodes -->
<circle cx="20" cy="70" r="6" fill="#ffffff" opacity="0.9"/>
<circle cx="120" cy="70" r="6" fill="#ffffff" opacity="0.9"/>
<line x1="26" y1="70" x2="40" y2="70" stroke="#ffffff" stroke-width="2.5" opacity="0.7" stroke-dasharray="4,4"/>
<line x1="100" y1="70" x2="114" y2="70" stroke="#ffffff" stroke-width="2.5" opacity="0.7" stroke-dasharray="4,4"/>
</g>
<!-- Text -->
<text x="260" y="130" font-family="Arial, sans-serif" font-size="56" font-weight="bold" fill="#ffffff">
Task Context MCP
</text>
<text x="260" y="175" font-family="Arial, sans-serif" font-size="28" fill="#ffffff" opacity="0.9">
Enable AI agents to autonomously manage and improve
</text>
<text x="260" y="210" font-family="Arial, sans-serif" font-size="28" fill="#ffffff" opacity="0.9">
execution processes for repetitive task types
</text>
<!-- Decorative line -->
<line x1="260" y1="230" x2="900" y2="230" stroke="#ffffff" stroke-width="2" opacity="0.4"/>
</svg>
