Spaces:
Running
Running
| <html lang="en"> | |
| <head><meta charset="UTF-8"><title>Pricing</title></head> | |
| <body style="margin:0; background:#f9fafb; padding:60px 20px"> | |
| <h1 style="text-align:center; margin:0 0 12px">Simple, transparent pricing</h1> | |
| <p style="text-align:center; font-size:16px">Start free. Scale as you grow.</p> | |
| <div style="display:flex; max-width:900px; align-items:flex-start"> | |
| <div style="flex:1; border:1px solid #e5e7eb; padding:32px"> | |
| <h2 style="font-size:18px">Hobby</h2> | |
| <p style="font-size:13px; margin:0 0 20px">For personal projects</p> | |
| <p style="font-size:36px; margin:0 0 24px">$0<span style="font-size:14px; color:#888">/mo</span></p> | |
| <ul style="list-style:none; margin:0 0 28px; color:#555"> | |
| <li>✓ 3 projects</li><li>✓ 1 GB storage</li><li>✓ Community support</li> | |
| </ul> | |
| <button style="width:100%; background:#f3f4f6; border:none; font-size:14px">Get started</button> | |
| </div> | |
| <div style="flex:1; border-radius:12px; color:#fff"> | |
| <span style="position:absolute; left:50%; background:#fbbf24; font-size:11px; padding:4px 12px">MOST POPULAR</span> | |
| <h2 style="font-size:18px">Pro</h2> | |
| <p style="font-size:13px; margin:0 0 20px">For growing teams</p> | |
| <p style="font-size:36px; margin:0 0 24px">$29<span style="font-size:14px; color:#c7d2fe">/mo</span></p> | |
| <ul style="list-style:none; margin:0 0 28px; color:#e0e7ff"> | |
| <li>✓ Unlimited projects</li><li>✓ 50 GB storage</li><li>✓ Priority support</li><li>✓ Team collaboration</li> | |
| </ul> | |
| <button style="width:100%; background:#fff; border:none; font-size:14px; cursor:pointer">Start free trial</button> | |
| </div> | |
| <div style="flex:1; border:1px solid #e5e7eb; padding:32px"> | |
| <h2 style="font-size:18px">Enterprise</h2> | |
| <p style="font-size:13px; margin:0 0 20px">For large organisations</p> | |
| <p style="font-size:36px; margin:0 0 24px">Custom</p> | |
| <ul style="list-style:none; margin:0 0 28px; color:#555"> | |
| <li>✓ Unlimited everything</li><li>✓ SSO & SAML</li><li>✓ SLA guarantee</li><li>✓ Dedicated support</li> | |
| </ul> | |
| <button style="width:100%; background:#f3f4f6; border:none; font-size:14px">Contact sales</button> | |
| </div> | |
| </div> | |
| </body> | |
| </html> | |