<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Navruz - Coming Soon</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
body {
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
color: #fff;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
.construction-icon {
font-size: 5rem;
margin-bottom: 1.5rem;
}
.card {
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 20px;
padding: 3rem;
text-align: center;
max-width: 600px;
width: 90%;
}
.btn-discord {
background: #5865F2;
border: none;
color: #fff;
font-weight: 600;
padding: 0.75rem 2rem;
border-radius: 50px;
margin-top: 1.5rem;
transition: all 0.3s ease;
}
.btn-discord:hover {
background: #4752C4;
transform: translateY(-2px);
color: #fff;
}
.btn-rust {
background: transparent;
border: 2px solid #fff;
color: #fff;
font-weight: 600;
padding: 0.75rem 2rem;
border-radius: 50px;
margin-top: 1.5rem;
transition: all 0.3s ease;
}
.btn-rust:hover {
background: #fff;
color: #1a1a2e;
transform: translateY(-2px);
}
.progress {
height: 8px;
background: rgba(255, 255, 255, 0.1);
border-radius: 10px;
margin-top: 2rem;
overflow: hidden;
}
.progress-bar {
background: #5865F2;
width: 35%;
animation: pulse 2s infinite;
}
@keyframes pulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.6; }
}
.social-links {
margin-top: 2rem;
}
.social-links a {
color: rgba(255, 255, 255, 0.6);
margin: 0 1rem;
font-size: 1.5rem;
transition: color 0.3s;
}
.social-links a:hover {
color: #5865F2;
}
</style>
</head>
<body>
<div class="card">
<div class="construction-icon">🚧</div>
<h1 class="display-5 fw-bold mb-3">Navruz Gaming</h1>
<p class="lead text-white-50 mb-4">
Our community gaming platform is under construction.<br>
Exciting things are coming soon!
</p>
<div class="d-flex justify-content-center gap-3 flex-wrap">
<a href="https://discord.gg/Zqpj9wzsFq" class="btn btn-discord" target="_blank">
💬 Join Discord
</a>
<a href="steam://connect/play.navruz.xyz:28015" class="btn btn-rust">
🎮 Connect to Rust
</a>
</div>
<div class="progress">
<div class="progress-bar"></div>
</div>
<small class="text-white-50 mt-2 d-block">Website Progress: 35%</small>
<div class="social-links">
<a href="https://discord.gg/Zqpj9wzsFq" title="Discord" target="_blank">💬</a>
<a href="#" title="Twitter">🐦</a>
<a href="#" title="GitHub">🐙</a>
</div>
<footer class="mt-4 pt-3 border-top border-white-10">
<small class="text-white-50">
© 2026 Navruz Gaming. All rights reserved.
</small>
</footer>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>