Hugging Face's logo

Spaces:
amaljoe88
/
vision-coder-openenv
Running

App Files Community
vision-coder-openenv
File size: 3,025 Bytes
cf6c0e0
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<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>