<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>OneHandle | Coming Soon</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
*{
margin:0;
padding:0;
box-sizing:border-box;
}
body{
font-family:'Inter',sans-serif;
background:#0f172a;
color:#ffffff;
min-height:100vh;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}
.bg-gradient{
position:absolute;
inset:0;
background:
radial-gradient(circle at top left,#2563eb33,transparent 35%),
radial-gradient(circle at bottom right,#06b6d433,transparent 35%);
}
.container{
position:relative;
z-index:2;
max-width:700px;
text-align:center;
padding:40px;
}
.logo{
font-size:3.5rem;
font-weight:700;
letter-spacing:-2px;
margin-bottom:15px;
}
.logo span{
color:#38bdf8;
}
.badge{
display:inline-block;
padding:8px 16px;
border:1px solid rgba(255,255,255,0.15);
border-radius:999px;
font-size:14px;
margin-bottom:30px;
backdrop-filter:blur(10px);
}
h1{
font-size:3rem;
line-height:1.1;
margin-bottom:20px;
}
p{
font-size:1.1rem;
color:#cbd5e1;
line-height:1.8;
margin-bottom:35px;
}
.email-box{
display:flex;
gap:10px;
justify-content:center;
flex-wrap:wrap;
}
input{
padding:15px 20px;
width:320px;
border:none;
border-radius:12px;
outline:none;
font-size:15px;
}
button{
padding:15px 24px;
border:none;
border-radius:12px;
background:#38bdf8;
color:#0f172a;
font-weight:600;
cursor:pointer;
transition:0.3s;
}
button:hover{
transform:translateY(-2px);
}
.footer{
margin-top:50px;
font-size:14px;
color:#94a3b8;
}
@media(max-width:768px){
h1{
font-size:2.2rem;
}
.logo{
font-size:2.5rem;
}
input{
width:100%;
}
}
</style>
</head>
<body>
<div class="bg-gradient"></div>
<div class="container">
<div class="logo">
One<span>Handle</span>
</div>
<div class="badge">
Launching Soon
</div>
<h1>
One Link.<br>
Every Connection.
</h1>
<p>
We're building a smarter way to manage your digital presence,
social profiles, business information, and online identity —
all from a single handle.
</p>
<div class="email-box">
<input type="email" placeholder="Enter your email">
<button>Notify Me</button>
</div>
<div class="footer">
© 2026 OneHandle. All Rights Reserved.
</div>
</div>
</body>
</html>