110 lines
4.9 KiB
HTML
110 lines
4.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>DevBox - DevOps Made Simple</title>
|
|
<link rel="stylesheet" href="styles.css">
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<header class="header">
|
|
<div class="logo">
|
|
<h1>DevBox</h1>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="main-content">
|
|
<div class="hero-section">
|
|
<h2 class="hero-title">DevOps Without the Headaches</h2>
|
|
<p class="hero-subtitle">
|
|
Focus on building great products while we handle HTTPS, monitoring, CI/CD, security,
|
|
logs, and backups. Complete DevOps infrastructure for indie developers and small businesses.
|
|
</p>
|
|
|
|
<form class="email-form" id="emailForm">
|
|
<div class="input-group">
|
|
<input
|
|
type="email"
|
|
id="email"
|
|
placeholder="Enter your email for early access"
|
|
required
|
|
class="email-input"
|
|
>
|
|
<button type="submit" class="submit-btn">
|
|
Join the Waitlist
|
|
</button>
|
|
</div>
|
|
<p class="form-note">
|
|
Be the first to experience effortless DevOps. No spam, just launch updates.
|
|
</p>
|
|
</form>
|
|
|
|
<div class="success-message" id="successMessage">
|
|
<div class="success-content">
|
|
<div class="success-icon">✓</div>
|
|
<h3>Welcome aboard!</h3>
|
|
<p>We'll notify you as soon as DevBox is ready to simplify your deployments.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="features-preview">
|
|
<div class="feature-grid">
|
|
<div class="feature-item">
|
|
<div class="feature-icon">🔒</div>
|
|
<h3>Auto HTTPS & Security</h3>
|
|
<p>Automatic SSL certificates, security headers, and vulnerability scanning out of the box</p>
|
|
</div>
|
|
<div class="feature-item">
|
|
<div class="feature-icon">📊</div>
|
|
<h3>Monitoring & Logs</h3>
|
|
<p>Real-time metrics, centralized logging, and intelligent alerting without configuration</p>
|
|
</div>
|
|
<div class="feature-item">
|
|
<div class="feature-icon">🚀</div>
|
|
<h3>One-Click CI/CD</h3>
|
|
<p>Push to deploy with automated testing, staging environments, and rollback capabilities</p>
|
|
</div>
|
|
<div class="feature-item">
|
|
<div class="feature-icon">💾</div>
|
|
<h3>Automated Backups</h3>
|
|
<p>Daily encrypted backups with point-in-time recovery and cross-region replication</p>
|
|
</div>
|
|
<div class="feature-item">
|
|
<div class="feature-icon">⚡</div>
|
|
<h3>Scale on Demand</h3>
|
|
<p>Auto-scaling infrastructure that grows with your business without manual intervention</p>
|
|
</div>
|
|
<div class="feature-item">
|
|
<div class="feature-icon">🎯</div>
|
|
<h3>Developer First</h3>
|
|
<p>Simple APIs, intuitive dashboard, and integrations with your favorite tools</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="value-proposition">
|
|
<h3 class="value-title">Stop Fighting Infrastructure</h3>
|
|
<p class="value-text">
|
|
Spend your time building features your customers love, not wrestling with
|
|
Kubernetes configs, SSL certificates, and monitoring dashboards.
|
|
DevBox handles the complexity so you don't have to.
|
|
</p>
|
|
</div>
|
|
</main>
|
|
|
|
<footer class="footer">
|
|
<div class="social-links">
|
|
<a href="#" class="social-link">Twitter</a>
|
|
<a href="#" class="social-link">GitHub</a>
|
|
<a href="#" class="social-link">LinkedIn</a>
|
|
</div>
|
|
<p class="footer-text">© 2025 DevBox. Built for developers, by developers.</p>
|
|
</footer>
|
|
</div>
|
|
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html> |