<!doctype html>
<html lang="cs">
<head>
<meta charset="utf-8" />
<title>SOLVR | Coming soon</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style>
body {
margin: 0;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
background: radial-gradient(circle at top, #111827 0, #020617 55%, #000 100%);
color: #e5e7eb;
}
.wrapper {
text-align: center;
padding: 2rem;
}
.logo {
font-size: 2.8rem;
font-weight: 800;
letter-spacing: 0.2em;
text-transform: uppercase;
margin-bottom: 1rem;
}
.logo span {
color: #22c55e;
text-shadow: 0 0 8px #22c55e;
}
.tagline {
font-size: 1.2rem;
color: #9ca3af;
margin-bottom: 1.5rem;
}
.pill {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.6rem 1.1rem;
border-radius: 999px;
border: 1px solid rgba(148, 163, 184, 0.5);
background: rgba(15, 23, 42, 0.7);
font-size: 0.9rem;
color: #cbd5f5;
margin-bottom: 1.5rem;
}
.dot {
width: 8px;
height: 8px;
border-radius: 999px;
background: #22c55e;
box-shadow: 0 0 8px #22c55e;
}
.email {
font-size: 1rem;
color: #9ca3af;
margin-top: 1.2rem;
}
.email a {
color: #e5e7eb;
text-decoration: none;
border-bottom: 1px dashed rgba(148, 163, 184, 0.7);
}
.email a:hover {
color: #22c55e;
border-bottom-color: #22c55e;
}
</style>
</head>
<body>
<div class="wrapper">
<div class="pill">
<span class="dot"></span>
<span>Platforma pro špičkové AV techniky</span>
</div>
<div class="logo">SOLV<span>R</span></div>
<div class="tagline">Něco chytrého se tu právě staví… Coming soon.</div>
<div class="email">
Kontakt: <a href="mailto:petr@solvr.cz">petr@solvr.cz</a>
</div>
</div>
</body>
</html>