Spaces:
Running
Running
| <html lang="en"> | |
| <head><meta charset="UTF-8"><title>SaaS Landing</title></head> | |
| <body style="margin:0; background:#fff"> | |
| <nav style="display:flex; justify-content:space-between; border-bottom:1px solid #f0f0f0"> | |
| <span style="font-size:20px; color:#4f46e5">Streamline</span> | |
| <div style="display:flex; font-size:14px"> | |
| <a href="#" style="text-decoration:none">Features</a> | |
| <a href="#" style="text-decoration:none">Pricing</a> | |
| <a href="#" style="text-decoration:none">Docs</a> | |
| </div> | |
| <button style="padding:9px 20px; color:#fff; border-radius:6px; cursor:pointer">Get Started</button> | |
| </nav> | |
| <div style="text-align:center; background:linear-gradient(135deg,#f0f0ff 0%,#fff 100%)"> | |
| <span style="background:#ede9fe; font-size:12px; padding:4px 12px; letter-spacing:.05em">NOW IN BETA</span> | |
| <h1 style="font-size:48px; margin:20px 0 16px">Ship faster,<br>break nothing.</h1> | |
| <p style="font-size:18px; max-width:480px; 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; justify-content:center"> | |
| <button style="padding:14px 28px; color:#fff; border-radius:8px; font-weight:600">Start for free</button> | |
| <button style="padding:14px 28px; color:#111; border-radius:8px; cursor:pointer">Watch demo →</button> | |
| </div> | |
| </div> | |
| <div style="display:grid; gap:24px; margin:0 auto"> | |
| <div style="padding:28px; border-radius:12px"> | |
| <div style="width:44px; background:#ede9fe; margin-bottom:16px; align-items:center; font-size:22px">⚡</div> | |
| <h3 style="margin:0 0 10px">Fast Deploys</h3> | |
| <p style="margin:0; color:#666">Push to production in under 30 seconds with zero downtime.</p> | |
| </div> | |
| <div style="padding:28px; border-radius:12px"> | |
| <div style="width:44px; background:#dcfce7; margin-bottom:16px; align-items:center; font-size:22px">🔒</div> | |
| <h3 style="margin:0 0 10px">Secure by Default</h3> | |
| <p style="margin:0; color:#666">SOC2 compliant. Secrets management and audit logs built in.</p> | |
| </div> | |
| <div style="padding:28px; border-radius:12px"> | |
| <div style="width:44px; background:#fef3c7; margin-bottom:16px; align-items:center; font-size:22px">📊</div> | |
| <h3 style="margin:0 0 10px">Live Monitoring</h3> | |
| <p style="margin:0; color:#666">Real-time metrics, error tracking, and alerting out of the box.</p> | |
| </div> | |
| </div> | |
| </body> | |
| </html> | |