<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>My App - Your AI-Powered Assistant</title>
<style>
body {
margin: 0;
font-family: system-ui, sans-serif;
background: #f9fafb;
color: #111827;
}
.container {
max-width: 960px;
margin: auto;
padding: 2rem;
text-align: center;
}
.hero {
padding: 5rem 2rem;
background: linear-gradient(to right, #6366f1, #3b82f6);
color: white;
border-radius: 1rem;
}
.hero h1 {
font-size: 2.5rem;
margin-bottom: 1rem;
}
.hero p {
font-size: 1.25rem;
margin-bottom: 2rem;
}
.cta-button {
padding: 1rem 2rem;
font-size: 1rem;
background: white;
color: #3b82f6;
border: none;
border-radius: 9999px;
cursor: pointer;
font-weight: bold;
transition: background 0.3s;
}
.cta-button:hover {
background: #e0e7ff;
}
.footer {
margin-top: 4rem;
font-size: 0.875rem;
color: #6b7280;
}
</style>
</head>
<body>
<div class="container">
<div class="hero">
<h1>Welcome to MyApp</h1>
<p>Your AI-powered assistant to boost productivity and simplify tasks.</p>
<button class="cta-button" onclick="window.location.href='/app'">Launch App</button>
</div>
<div class="footer">
© 2025 MyApp Inc. All rights reserved.
</div>
</div>
</body>
</html>