<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Darvoq</title>

<style>

body {

margin: 0;

background: #0a0a0a;

color: #ffffff;

font-family: -apple-system, BlinkMacSystemFont, sans-serif;

text-align: center;

}

.container {

padding: 80px 20px;

max-width: 800px;

margin: auto;

}

h1 {

font-size: 48px;

letter-spacing: 4px;

margin-bottom: 10px;

}

p {

color: #aaa;

font-size: 18px;

line-height: 1.6;

}

.btn {

display: inline-block;

margin-top: 30px;

padding: 14px 28px;

border: 1px solid #fff;

text-decoration: none;

color: white;

transition: 0.3s;

}

.btn:hover {

background: white;

color: black;

}

.socials {

margin-top: 60px;

}

.socials a {

display: block;

margin: 10px 0;

color: #aaa;

text-decoration: none;

transition: 0.3s;

}

.socials a:hover {

color: #fff;

}

</style>

</head>

<body>

<div class="container">

<h1>DARVOQ</h1>

<p>

A story about creation, control, and something beyond human.

</p>

<a href="#" class="btn">Coming Soon on Amazon</a>

<div class="socials">

<a href="https://www.instagram.com/darvoq" target="_blank">

Instagram — @darvoq

</a>

<a href="https://www.tiktok.com/@darvoq" target="_blank">

TikTok — @darvoq

</a>

</div>

</body>

</html>