-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
317 lines (299 loc) · 15.8 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
<!--
TO-DO
Página de VPS
Página de Dedicados
-->
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="css/style.css" async>
<link rel="stylesheet" href="font-files/inter.css" async>
</head>
<body class="bg-surface dark:bg-dark-surface bg-[url('/img/balls-bg.svg')] backdrop-blur-3xl bg-no-repeat bg-cover">
<!-- Navbar -->
<nav class="sticky top-0 z-50 backdrop-blur px-4 lg:px-0">
<div class="flex flex-row items-center mx-auto justify-between max-w-screen-lg h-12">
<div class="hidden md:block dark:text-dark-onSurface">
<a href="/">Nyuu.host</a>
<!-- Logo -->
</div>
<div>
<ul class="flex flex-row space-x-4">
<li>
<a class="nav-item default-hover-interactable" href="minecraft.html">Minecraft</a>
</li>
<li>
<a class="nav-item default-hover-interactable" href="#vps">VPS</a>
</li>
<li>
<a class="nav-item default-hover-interactable" href="#dedicated">Dedicado</a>
</li>
</ul>
</div>
<div class="flex flex-row">
<!-- Theme toggle -->
<div>
<button
id="theme-toggle"
type="button"
class="default-hover text-sm p-2.5 rounded-lg"
>
<svg
id="theme-toggle-dark-icon"
class="w-5 h-5 hidden"
fill="currentColor"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"
></path>
</svg>
<svg
id="theme-toggle-light-icon"
class="w-5 h-5 hidden dark:fill-dark-onSurface"
fill="currentColor"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
></path>
</svg>
</button>
</div>
<!-- End Theme toggle -->
</div>
</div>
</nav>
<!-- End Navbar -->
<main class="relative">
<!-- Hero -->
<div>
<div class="text-onSurface h-[38rem] flex flex-col px-4 lg:px-0 justify-center text-center">
<div class="max-w-screen-lg mx-auto h-[22rem] lg:h-[28rem]">
<h1 class="font-bold text-5xl md:text-7xl mb-2 bg-gradient-to-r from-blue-600 via-green-500 to-indigo-400 inline-block text-transparent bg-clip-text upper">A hospedagem que você precisa!</h1>
<p class="mt-8 font font-bold text-xl">Lance o seu servidor de jogos em segundos. Com a melhor performance. Globalmente. E os melhores preços.</p>
<div class="flex justify-center mt-8 animate-bounce">
<a href="#games" class="dark:text-dark-onSurface">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="96" height="96" viewBox="0 0 24 24">
<g>
<polygon points="12 17.586 4.707 10.293 3.293 11.707 12 20.414 20.707 11.707 19.293 10.293 12 17.586"/>
<polygon points="20.707 5.707 19.293 4.293 12 11.586 4.707 4.293 3.293 5.707 12 14.414 20.707 5.707"/>
</g>
</svg>
</a>
</div>
</div>
</div>
</div>
<!-- End Hero -->
<!-- Games -->
<!-- Tenha certeza que as proporções das imagens sejam 16:9 -->
<div id="games">
<div>
<h1 class="text-center font-bold text-3xl text-onSurface pt-8 pb-2 dark:text-dark-onSurface">Servidores de jogos com a melhor performance!</h1>
</div>
<div class="grid grid-cols-3 mx-auto max-w-screen-xl">
<a href="minecraft.html" class="services-card" >
<img class="services-image" src="/img/minecraft.webp">
<p class="font-bold text-onSurface ml-2 mt-1 text-lg">Minecraft</p>
<p class="text-onSurface ml-2 -mt-1 mb-2">A partir de R$5.99/Mês</p>
</a>
<a href="minecraft.html" class="services-card" >
<img class="services-image" src="/img/palword.webp">
<p class="font-bold text-onSurface ml-2 mt-1 text-lg">Palword</p>
<p class="text-onSurface ml-2 -mt-1 mb-2">A partir de R$5.99/Mês</p>
</a>
<a href="minecraft.html" class="services-card" >
<img class="services-image" src="/img/space-engineers.webp">
<p class="font-bold text-onSurface ml-2 mt-1 text-lg">Space Engineers</p>
<p class="text-onSurface ml-2 -mt-1 mb-2">A partir de R$5.99/Mês</p>
</a>
</div>
</div>
<!-- End Games -->
<!-- VPS Servers -->
<div id="vps" class="mt-16">
<div>
<h1 class="text-center font-bold text-3xl text-onSurface p-4 dark:text-dark-onSurface">Servidores Virtuais Privados (VPS)!</h1>
</div>
<div class="grid md:grid-cols-2 mx-auto max-w-screen-xl space-y-4 md:space-y-0">
<a href="https://billing.nyuu.host/vps-budget" class="default-hover-card text-onSurface rounded-lg mx-2 p-2">
<h1 class="font-bold m-2 text-2xl dark:text-dark-onSurface">VPS Budget</h1>
<div class="flex flex-row ml-1">
<span class="vps-items">Ryzen 5 5600X</span>
<span class="vps-items">SSD NVMe</span>
<span class="vps-items">Proteção DDoS</span>
</div>
<p class="ml-2 py-1">Crie o seu servidor começando com pouco, com um Ryzen 5 5600X, SSD NVMe em raid 10, Proteção DDoS, porta de 1GBps</p>
<h2 class="ml-2 mt-1 dark:text-dark-onSurface"><span class="font-bold text-tertiary text-lg">Localizações:</span> <span>São Paulo</span>, <span>Miami</span></h2>
</a>
<a href="https://billing.nyuu.host/vps-premium" class="default-hover-card text-onSurface rounded-lg mx-2 p-2">
<h1 class="font-bold m-2 text-2xl dark:text-dark-onSurface">VPS Premium</h1>
<div class="flex flex-row ml-1">
<span class="vps-items">Ryzen 9 7950X</span>
<span class="vps-items">SSD NVMe</span>
<span class="vps-items">Proteção DDoS</span>
</div>
<p class="ml-2 py-1">Crie o seu servidor começando com pouco, com um Ryzen 9 7950X, SSD NVMe em raid 10, Proteção DDoS, porta de 1GBps</p>
<h2 class="ml-2 mt-1 dark:text-dark-onSurface"><span class="font-bold text-tertiary text-lg">Localizações:</span> <span>São Paulo</span>, <span>Miami</span></h2>
</a>
</div>
</div>
<!-- End VPS Servers -->
<!-- Dedicated servers -->
<div id="dedicated" class="mt-16">
<h1 class="text-center font-bold text-3xl text-onSurface p-4 dark:text-dark-onSurface">Servidores Dedicados!</h1>
</div>
<div class="max-w-screen-xl mx-auto p-2">
<div class="flex flex-col space-y-4">
<a href="https://billing.nyuu.host/dedicated-1" class="dedicated-container">
<div>
<h1 class="text-onSurface font-bold dark:text-dark-onSurface">Ryzen 5 5600X</h1>
<p class="text-sm text-onLow dark:text-dark-onLow">6/12 @ 4.6GHz</p>
</div>
<div>
<p class="text-sm text-onLow dark:text-dark-onLow">Memória</p>
<h1 class="text-onSurface font-bold dark:text-dark-onSurface">64GB DDR4</h1>
</div>
<div>
<p class="text-sm text-onLow dark:text-dark-onLow">Armazenamento</p>
<h1 class="text-onSurface font-bold dark:text-dark-onSurface">2x 512GB NVMe</h1>
</div>
<div>
<p class="text-sm text-onLow dark:text-dark-onLow">Rede</p>
<h1 class="text-onSurface font-bold dark:text-dark-onSurface">1GBps @ 10TB</h1>
</div>
<div>
<p class="text-sm text-onLow dark:text-dark-onLow">Preço</p>
<h1 class="text-onSurface font-bold dark:text-dark-onSurface">R$499/Mês</h1>
</div>
</a>
<a href="https://billing.nyuu.host/dedicated-1" class="dedicated-container">
<div>
<h1 class="text-onSurface font-bold dark:text-dark-onSurface">Ryzen 5 5600X</h1>
<p class="text-sm text-onLow dark:text-dark-onLow">6/12 @ 4.6GHz</p>
</div>
<div>
<p class="text-sm text-onLow dark:text-dark-onLow">Memória</p>
<h1 class="text-onSurface font-bold dark:text-dark-onSurface">64GB DDR4</h1>
</div>
<div>
<p class="text-sm text-onLow dark:text-dark-onLow">Armazenamento</p>
<h1 class="text-onSurface font-bold dark:text-dark-onSurface">2x 512GB NVMe</h1>
</div>
<div>
<p class="text-sm text-onLow dark:text-dark-onLow">Rede</p>
<h1 class="text-onSurface font-bold dark:text-dark-onSurface">1GBps @ 10TB</h1>
</div>
<div>
<p class="text-sm text-onLow dark:text-dark-onLow">Preço</p>
<h1 class="text-onSurface font-bold dark:text-dark-onSurface">R$499/Mês</h1>
</div>
</a>
<a href="https://billing.nyuu.host/dedicated-1" class="dedicated-container">
<div>
<h1 class="text-onSurface font-bold dark:text-dark-onSurface">Ryzen 5 5600X</h1>
<p class="text-sm text-onLow dark:text-dark-onLow">6/12 @ 4.6GHz</p>
</div>
<div>
<p class="text-sm text-onLow dark:text-dark-onLow">Memória</p>
<h1 class="text-onSurface font-bold dark:text-dark-onSurface">64GB DDR4</h1>
</div>
<div>
<p class="text-sm text-onLow dark:text-dark-onLow">Armazenamento</p>
<h1 class="text-onSurface font-bold dark:text-dark-onSurface">2x 512GB NVMe</h1>
</div>
<div>
<p class="text-sm text-onLow">Rede</p>
<h1 class="text-onSurface font-bold dark:text-dark-onSurface">1GBps @ 10TB</h1>
</div>
<div>
<p class="text-sm text-onLow">Preço</p>
<h1 class="text-onSurface font-bold dark:text-dark-onSurface">R$499/Mês</h1>
</div>
</a>
<a href="https://billing.nyuu.host/dedicated-1" class="dedicated-container">
<div>
<h1 class="text-onSurface dark:text-dark-onSurface font-bold">Ryzen 5 5600X</h1>
<p class="text-sm text-onLow dark:text-dark-onLow">6/12 @ 4.6GHz</p>
</div>
<div>
<p class="text-sm text-onLow dark:text-dark-onLow">Memória</p>
<h1 class="text-onSurface font-bold dark:text-dark-onSurface">64GB DDR4</h1>
</div>
<div>
<p class="text-sm text-onLow dark:text-dark-onLow">Armazenamento</p>
<h1 class="text-onSurface font-bold dark:text-dark-onSurface">2x 512GB NVMe</h1>
</div>
<div>
<p class="text-sm text-onLow dark:text-dark-onLow">Rede</p>
<h1 class="text-onSurface font-bold dark:text-dark-onSurface">1GBps @ 10TB</h1>
</div>
<div>
<p class="text-sm text-onLow dark:text-dark-onLow">Preço</p>
<h1 class="text-onSurface font-bold dark:text-dark-onSurface">R$499/Mês</h1>
</div>
</a>
</div>
</div>
<div class="flex justify-center f">
<a href="dedicated.html" class="font-bold text-xl text-onLow dark:text-dark-onLow hover:text-tertiary p-1">Quer ver mais opções?</a>
</div>
<!-- End Dedicated servers -->
<!-- Datanceter -->
<div class="mt-16">
<h1 class="text-center font-bold text-3xl text-onSurface pb-2 dark:text-dark-onSurface">Nossas Localizações</h1>
</div>
<!-- Background criado em https://bgjar.com -->
<div class="px-2 max-w-screen-xl mx-auto">
<div class="bg-surfaceContainerLow dark:bg-dark-surfaceContainerLow rounded-lg border-2 border-surfaceContainerHigh dark:border-dark-surfaceContainerHigh">
<img src="img/datacenters.svg">
</div>
</div>
<div class="mt-2 dark:text-dark-onSurface">
<div class="flex flex-row justify-center items-center font-bold">
<img src="img/flags/brazil.svg" class="max-h-8 mr-2"><span class="mr-8">São Paulo</span>
<img src="img/flags/united states.svg" class="max-h-8 mr-2"><span class="mr-8">Miami</span>
<img src="img/flags/united states.svg" class="max-h-8 mr-2"><span class="mr-8">Las Vegas</span>
<img src="img/flags/canada.svg" class="max-h-8 mr-2"><span class="mr-8">Montreal</span>
</div>
<div class="flex flex-row justify-center font-bold items-center">
<img src="img/flags/luxembourg.svg" class="max-h-8 mr-2"><span class="mr-8">Luxemburgo</span>
<img src="img/flags/singapore.svg" class="max-h-8 mr-2"><span class="mr-8">Singapura</span>
<img src="img/flags/finland.svg" class="max-h-8 mr-2"><span class="mr-8">Helsinki</span>
</div>
</div>
<!-- End Datanceter -->
</main>
<footer class="bg-surfaceContainerHigh dark:bg-dark-surfaceContainerHigh mt-16 dark:text-dark-onSurface">
<div class="mx-auto max-w-screen-xl p-2">
<div class="flex flex-row justify-between">
<div>
<h1 class="text-lg font-bold">Nyuu.host</h1>
</div>
<div class="flex flex-row space-x-4">
<a href="minecraft.html" class="hover:text-tertiary">Jogos</a>
<a href="#vps" class="hover:text-tertiary">VPS</a>
<a href="#dedicated" class="hover:text-tertiary">Dedicados</a>
<a href="contact.html" class="hover:text-tertiary">Contato</a>
<a href="https://puginarug.com/" class="hover:text-tertiary">Termos</a>
<a href="https://longdogechallenge.com/" class="hover:text-tertiary">Privacidade</a>
</div>
<div>
<a href="https://dc.nyuu.dev" class="hover:text-tertiary">Discord</a>
</div>
</div>
<div class="flex flex-row justify-between">
<p class="text-sm text-slate-700 dark:text-dark-onLow pt-2">CNPJ: 00.000.000/0000-00</p>
<p class="text-sm text-slate-700 dark:text-dark-onLow pt-2">© 2024 Nyuu.host</p>
</div>
</div>
</footer>
<script src="js/dark-mode.js"></script>
</body>
</html>