|
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="600" viewBox="0 0 1200 600"> |
|
<defs> |
|
<linearGradient id="heroGrad" x1="0%" y1="0%" x2="100%" y2="100%"> |
|
<stop offset="0%" style="stop-color:#005047"/> |
|
<stop offset="50%" style="stop-color:#00897B"/> |
|
<stop offset="100%" style="stop-color:#4DB6AC"/> |
|
</linearGradient> |
|
</defs> |
|
|
|
<!-- Background --> |
|
<rect width="1200" height="600" fill="url(#heroGrad)"/> |
|
|
|
<!-- Decorative circle --> |
|
<circle cx="1000" cy="300" r="280" fill="rgba(255,255,255,0.08)"/> |
|
<circle cx="1050" cy="350" r="200" fill="rgba(255,255,255,0.05)"/> |
|
|
|
<!-- Main Title --> |
|
<text x="600" y="200" text-anchor="middle" font-family="Arial, sans-serif" font-size="80" font-weight="bold" fill="white"> |
|
賣旗日，輕鬆搞 |
|
</text> |
|
|
|
<!-- Subtitle --> |
|
<text x="600" y="280" text-anchor="middle" font-family="Arial, sans-serif" font-size="28" fill="rgba(255,255,255,0.9)"> |
|
義工報名 · 捐款管理 · 旗袋追蹤 |
|
</text> |
|
<text x="600" y="320" text-anchor="middle" font-family="Arial, sans-serif" font-size="28" fill="rgba(255,255,255,0.9)"> |
|
一個平台，全部搞掂 |
|
</text> |
|
|
|
<!-- CTA Button --> |
|
<rect x="460" y="380" width="280" height="60" rx="30" fill="#FF6B35"/> |
|
<text x="600" y="420" text-anchor="middle" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="white"> |
|
免費試用 → |
|
</text> |
|
|
|
<!-- Feature Pills --> |
|
<rect x="280" y="490" width="150" height="40" rx="20" fill="rgba(255,255,255,0.2)"/> |
|
<text x="355" y="518" text-anchor="middle" font-family="Arial, sans-serif" font-size="16" fill="white">📱 手機報名</text> |
|
|
|
<rect x="460" y="490" width="150" height="40" rx="20" fill="rgba(255,255,255,0.2)"/> |
|
<text x="535" y="518" text-anchor="middle" font-family="Arial, sans-serif" font-size="16" fill="white">💳 多種付款</text> |
|
|
|
<rect x="640" y="490" width="150" height="40" rx="20" fill="rgba(255,255,255,0.2)"/> |
|
<text x="715" y="518" text-anchor="middle" font-family="Arial, sans-serif" font-size="16" fill="white">📊 實時數據</text> |
|
|
|
<rect x="820" y="490" width="150" height="40" rx="20" fill="rgba(255,255,255,0.2)"/> |
|
<text x="895" y="518" text-anchor="middle" font-family="Arial, sans-serif" font-size="16" fill="white">🚩 旗袋追蹤</text> |
|
</svg> |
