Spaces:
Running
Running
| <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> | |