Hugging Face's logo

Spaces:
amaljoe88
/
vision-coder-openenv
Running

App Files Community
vision-coder-openenv
File size: 3,407 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
40
41
42
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>SaaS Landing</title></head>
<body style="margin:0;font-family:sans-serif;background:#fff;color:#111;">
  <nav style="display:flex;align-items:center;justify-content:space-between;padding:16px 40px;border-bottom:1px solid #f0f0f0;">
    <span style="font-size:20px;font-weight:700;color:#4f46e5;">Streamline</span>
    <div style="display:flex;gap:28px;font-size:14px;color:#555;">
      <a href="#" style="text-decoration:none;color:#555;">Features</a>
      <a href="#" style="text-decoration:none;color:#555;">Pricing</a>
      <a href="#" style="text-decoration:none;color:#555;">Docs</a>
    </div>
    <button style="padding:9px 20px;background:#4f46e5;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;">Get Started</button>
  </nav>
  <div style="text-align:center;padding:80px 20px 60px;background:linear-gradient(135deg,#f0f0ff 0%,#fff 100%);">
    <span style="background:#ede9fe;color:#4f46e5;font-size:12px;font-weight:600;padding:4px 12px;border-radius:20px;letter-spacing:.05em;">NOW IN BETA</span>
    <h1 style="font-size:48px;font-weight:800;margin:20px 0 16px;line-height:1.2;">Ship faster,<br>break nothing.</h1>
    <p style="font-size:18px;color:#666;max-width:480px;margin:0 auto 32px;line-height:1.6;">The all-in-one platform for teams that care about quality. CI/CD, monitoring, and deployment in one place.</p>
    <div style="display:flex;gap:12px;justify-content:center;">
      <button style="padding:14px 28px;background:#4f46e5;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;">Start for free</button>
      <button style="padding:14px 28px;background:#fff;color:#111;border:1px solid #ddd;border-radius:8px;font-size:15px;cursor:pointer;">Watch demo →</button>
    </div>
  </div>
  <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:900px;margin:0 auto;padding:60px 20px;">
    <div style="padding:28px;border:1px solid #f0f0f0;border-radius:12px;">
      <div style="width:44px;height:44px;background:#ede9fe;border-radius:10px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;font-size:22px;">⚡</div>
      <h3 style="margin:0 0 10px;font-size:17px;">Fast Deploys</h3>
      <p style="margin:0;font-size:14px;color:#666;line-height:1.6;">Push to production in under 30 seconds with zero downtime.</p>
    </div>
    <div style="padding:28px;border:1px solid #f0f0f0;border-radius:12px;">
      <div style="width:44px;height:44px;background:#dcfce7;border-radius:10px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;font-size:22px;">🔒</div>
      <h3 style="margin:0 0 10px;font-size:17px;">Secure by Default</h3>
      <p style="margin:0;font-size:14px;color:#666;line-height:1.6;">SOC2 compliant. Secrets management and audit logs built in.</p>
    </div>
    <div style="padding:28px;border:1px solid #f0f0f0;border-radius:12px;">
      <div style="width:44px;height:44px;background:#fef3c7;border-radius:10px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;font-size:22px;">📊</div>
      <h3 style="margin:0 0 10px;font-size:17px;">Live Monitoring</h3>
      <p style="margin:0;font-size:14px;color:#666;line-height:1.6;">Real-time metrics, error tracking, and alerting out of the box.</p>
    </div>
  </div>
</body>
</html>