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