cta-banner.svg

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="400" viewBox="0 0 1200 400">
  <defs>
    <linearGradient id="ctaGrad" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#005047"/>
      <stop offset="100%" style="stop-color:#00796B"/>
    </linearGradient>
  </defs>
  
  <!-- Background -->
  <rect width="1200" height="400" fill="url(#ctaGrad)"/>
  
  <!-- Decorative elements -->
  <circle cx="100" cy="350" r="80" fill="rgba(255,255,255,0.05)"/>
  <circle cx="1100" cy="50" r="100" fill="rgba(255,255,255,0.05)"/>
  
  <!-- Main Title -->
  <text x="600" y="130" text-anchor="middle" font-family="Arial, sans-serif" font-size="52" font-weight="bold" fill="white">
    今年賣旗日，交俾我哋
  </text>
  
  <!-- Subtitle -->
  <text x="600" y="190" text-anchor="middle" font-family="Arial, sans-serif" font-size="22" fill="rgba(255,255,255,0.9)">
    專注服務，交俾系統
  </text>
  <text x="600" y="225" text-anchor="middle" font-family="Arial, sans-serif" font-size="22" fill="rgba(255,255,255,0.9)">
    你負責感動人心，我哋負責繁瑣程序
  </text>
  
  <!-- CTA Buttons -->
  <rect x="350" y="280" width="200" height="55" rx="27" fill="#FF6B35"/>
  <text x="450" y="318" text-anchor="middle" font-family="Arial, sans-serif" font-size="20" font-weight="bold" fill="white">
    🚀 免費試用
  </text>
  
  <rect x="650" y="280" width="200" height="55" rx="27" fill="rgba(255,255,255,0.15)" stroke="white" stroke-width="2"/>
  <text x="750" y="318" text-anchor="middle" font-family="Arial, sans-serif" font-size="20" fill="white">
    📞 預約示範
  </text>
</svg>