Initial commit.
This commit is contained in:
110
devbox-front/index.html
Normal file
110
devbox-front/index.html
Normal file
@ -0,0 +1,110 @@
|
||||
<!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>
|
Reference in New Issue
Block a user