Skip to content

Commit a69068a

Browse files
author
Your Name
committed
Initial commit
0 parents  commit a69068a

File tree

14 files changed

+2373
-0
lines changed

14 files changed

+2373
-0
lines changed

‎README.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
# web4

‎about.html‎

Lines changed: 188 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,188 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>GhzHost | About</title>
7+
<link rel="preconnect" href="https://fonts.googleapis.com">
8+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9+
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap" rel="stylesheet">
10+
<link rel="stylesheet" href="styles.css">
11+
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
12+
<script defer src="translations.js"></script>
13+
</head>
14+
<body>
15+
<header class="topbar">
16+
<div class="brand">WEB4.0</div>
17+
<nav class="menu">
18+
<a data-i18n="navHome" href="index.html">Home</a>
19+
<a data-i18n="navServers" href="servers.html">Servers</a>
20+
<a data-i18n="navCloud" href="cloud.html">Cloud</a>
21+
<a data-i18n="navSolutions" href="solutions.html">Solutions</a>
22+
<a data-i18n="navPricing" href="pricing.html">Pricing</a>
23+
<a data-i18n="navSupport" href="support.html">Support</a>
24+
</nav>
25+
<a class="btn-login" href="#" id="wallet-connect" data-i18n="btnConnect">Conectar</a>
26+
</header>
27+
28+
<main>
29+
<section class="hero">
30+
<div id="particlesheader" class="particles-layer" aria-hidden="true"></div>
31+
<div class="hero-content">
32+
<div class="headline">
33+
<h1 data-i18n="title">SOBRE A GHZHOST</h1>
34+
<h2 data-i18n="subtitle">Infraestrutura hiperconectada para 245 países.</h2>
35+
</div>
36+
<div class="lang-selector">
37+
<label for="lang">🌐</label>
38+
<select id="lang">
39+
<option value="pt">Português</option>
40+
<option value="en">English</option>
41+
<option value="es">Español</option>
42+
<option value="fr">Français</option>
43+
<option value="de">Deutsch</option>
44+
<option value="it">Italiano</option>
45+
<option value="ja">日本語</option>
46+
<option value="zh">中文</option>
47+
<option value="ru">Русский</option>
48+
<option value="ar">العربية</option>
49+
</select>
50+
</div>
51+
<img class="hero-logo" src="https://ghzhost.com/logo.png" alt="GhzHost logo">
52+
</div>
53+
</section>
54+
55+
<section class="about-grid">
56+
<div class="about-card">
57+
<h3 data-i18n="overviewTitle">Visão Geral</h3>
58+
<p data-i18n="overviewBody">Somos uma malha global de data centers, backbone fotônico e IA embarcada, criada para entregar computação soberana em 245 países.</p>
59+
</div>
60+
<div class="about-card">
61+
<h3 data-i18n="coverageTitle">Cobertura</h3>
62+
<p data-i18n="coverageBody">2150 POPs, 820 zonas edge e rotas otimizadas para latência sub-20ms em todos os continentes.</p>
63+
</div>
64+
<div class="about-card">
65+
<h3 data-i18n="missionTitle">Missão</h3>
66+
<p data-i18n="missionBody">Capacitar cada carga de trabalho a operar com segurança pós-quântica, observabilidade total e automação zero-toil.</p>
67+
</div>
68+
<div class="about-card">
69+
<h3 data-i18n="trustTitle">Confiança</h3>
70+
<p data-i18n="trustBody">Certificações globais, SLAs explícitos e governança multicloud com trilhas de auditoria imutáveis.</p>
71+
</div>
72+
</section>
73+
</main>
74+
75+
<footer class="footer">
76+
<div class="footer-links">
77+
<a data-i18n="footerAbout" href="about.html">About Us</a>
78+
<a data-i18n="footerTerms" href="#">Terms</a>
79+
<a data-i18n="footerSupport" href="support.html">Support</a>
80+
</div>
81+
<div class="footer-meta">
82+
<div class="footer-actions">
83+
<a class="badge" href="https://ghz.world" target="_blank" rel="noreferrer">GHZ.WORLD</a>
84+
<a class="badge" href="https://tvip.ghzhost.com" target="_blank" rel="noreferrer">TVIP.GHZ</a>
85+
<a class="badge badge-ghost" data-modal-open="mybrian">MYBRIAN.GHZ</a>
86+
<a class="badge badge-ghost" data-modal-open="friendsbook">Friendsbook</a>
87+
<a class="badge" href="https://musicexclusive.hol.es" target="_blank" rel="noreferrer">musicexclusive</a>
88+
<a class="badge badge-ghost" data-modal-open="ghzcraft">GhzCraft</a>
89+
</div>
90+
<div class="certified">
91+
<img src="src/img/certified.png" alt="Certified 2150">
92+
</div>
93+
<div class="copyright">© 2026</div>
94+
</div>
95+
</footer>
96+
97+
<div class="modal" id="modal-mybrian" role="dialog" aria-modal="true" aria-labelledby="modal-mybrian-title">
98+
<div class="modal-content">
99+
<button class="modal-close" data-modal-close>&times;</button>
100+
<h3 id="modal-mybrian-title">MYBRIAN.GHZ</h3>
101+
<p>Um cérebro digital avançado para controlar e gerenciar suas redes sociais de forma inteligente e automatizada.</p>
102+
</div>
103+
</div>
104+
<div class="modal" id="modal-friendsbook" role="dialog" aria-modal="true" aria-labelledby="modal-friendsbook-title">
105+
<div class="modal-content">
106+
<button class="modal-close" data-modal-close>&times;</button>
107+
<h3 id="modal-friendsbook-title">Friendsbook</h3>
108+
<p>Rede social autônoma com inteligência artificial integrada e armazenamento dinâmico para uma experiência personalizada.</p>
109+
</div>
110+
</div>
111+
<div class="modal" id="modal-ghzcraft" role="dialog" aria-modal="true" aria-labelledby="modal-ghzcraft-title">
112+
<div class="modal-content">
113+
<button class="modal-close" data-modal-close>&times;</button>
114+
<h3 id="modal-ghzcraft-title">GhzCraft</h3>
115+
<p>Servidor Minecraft de última geração com inteligência artificial para moderação, eventos dinâmicos e experiência de jogo aprimorada.</p>
116+
</div>
117+
</div>
118+
119+
<div class="chat-bubble" aria-label="Support chat">
120+
<svg viewBox="0 0 64 64">
121+
<path d="M12 16h40v24H22l-10 8z" fill="#00b7ff" stroke="#0091d1" stroke-width="3" stroke-linejoin="round"/>
122+
<circle cx="24" cy="28" r="3" fill="#fff"/>
123+
<circle cx="32" cy="28" r="3" fill="#fff"/>
124+
<circle cx="40" cy="28" r="3" fill="#fff"/>
125+
</svg>
126+
</div>
127+
128+
<script>
129+
document.addEventListener('DOMContentLoaded', function () {
130+
if (window.particlesJS) {
131+
particlesJS('particlesheader', {
132+
particles: {
133+
number: { value: 150 },
134+
line_linked: {
135+
color: '#0099c9',
136+
opacity: 1
137+
},
138+
size: { value: 16 },
139+
shape: {
140+
type: 'image',
141+
image: {
142+
src: 'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="none" stroke="%23cfcfcf" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="26" y="22" width="12" height="20" rx="2" ry="2" fill="%23878787" stroke="%23666666"/><rect x="18" y="16" width="8" height="14" rx="1.5" ry="1.5" fill="%23777777"/><rect x="38" y="34" width="8" height="14" rx="1.5" ry="1.5" fill="%23777777"/><path d="M22 30l6 6m8-8l6 6" stroke="%23dcdcdc"/><path d="M32 18v-6m-4 0h8" stroke="%23dcdcdc"/><circle cx="30" cy="28" r="2.2" fill="%23f0f0f0"/><circle cx="34" cy="28" r="2.2" fill="%23f0f0f0"/><path d="M26 42l-6 6m18-2l6 6" stroke="%23dcdcdc"/></g></svg>',
143+
width: 48,
144+
height: 48
145+
}
146+
},
147+
move: {
148+
enable: true,
149+
speed: 0.65,
150+
out_mode: 'out'
151+
},
152+
opacity: { value: 0.9 }
153+
},
154+
interactivity: {
155+
events: {
156+
onhover: { enable: false, mode: 'repulse' }
157+
}
158+
}
159+
});
160+
}
161+
initTranslations();
162+
});
163+
document.addEventListener('DOMContentLoaded', () => {
164+
const openers = document.querySelectorAll('[data-modal-open]');
165+
const modals = document.querySelectorAll('.modal');
166+
const closeAll = () => modals.forEach(m => m.classList.remove('show'));
167+
openers.forEach(btn => {
168+
btn.addEventListener('click', () => {
169+
const id = btn.getAttribute('data-modal-open');
170+
const modal = document.getElementById(`modal-${id}`);
171+
if (modal) modal.classList.add('show');
172+
});
173+
});
174+
document.querySelectorAll('[data-modal-close]').forEach(btn => {
175+
btn.addEventListener('click', closeAll);
176+
});
177+
modals.forEach(m => m.addEventListener('click', e => {
178+
if (e.target === m) closeAll();
179+
}));
180+
document.addEventListener('keyup', e => {
181+
if (e.key === 'Escape') closeAll();
182+
});
183+
});
184+
</script>
185+
<script src="web3-wallet.js"></script>
186+
</body>
187+
</html>
188+

‎cloud.html‎

Lines changed: 193 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,193 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>GhzHost | Neural Cloud</title>
7+
<link rel="preconnect" href="https://fonts.googleapis.com">
8+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9+
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap" rel="stylesheet">
10+
<link rel="stylesheet" href="styles.css">
11+
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
12+
<script defer src="translations.js"></script>
13+
</head>
14+
<body>
15+
<header class="topbar">
16+
<div class="brand">WEB4.0</div>
17+
<nav class="menu">
18+
<a data-i18n="navHome" href="index.html">Home</a>
19+
<a data-i18n="navServers" href="servers.html">Servers</a>
20+
<a data-i18n="navCloud" class="active" href="cloud.html">Cloud</a>
21+
<a data-i18n="navSolutions" href="solutions.html">Solutions</a>
22+
<a data-i18n="navPricing" href="pricing.html">Pricing</a>
23+
<a data-i18n="navSupport" href="support.html">Support</a>
24+
</nav>
25+
<a class="btn-login" href="#" id="wallet-connect" data-i18n="btnConnect">Conectar</a>
26+
</header>
27+
28+
<main>
29+
<section class="hero">
30+
<div id="particlesheader" class="particles-layer" aria-hidden="true"></div>
31+
<div class="hero-content">
32+
<div class="headline">
33+
<h1>NEURAL CLOUD FABRIC</h1>
34+
<h2>GPUaaS, ML pipelines e dados soberanos com latência mínima.</h2>
35+
</div>
36+
<img class="hero-logo" src="https://ghzhost.com/logo.png" alt="GhzHost logo">
37+
</div>
38+
</section>
39+
40+
<section class="features">
41+
<div class="feature-card green">
42+
<div class="icon">
43+
<svg viewBox="0 0 64 64" aria-hidden="true">
44+
<circle cx="32" cy="32" r="22" fill="none" stroke="currentColor" stroke-width="3"/>
45+
<path d="M20 34c2-8 8-14 16-16" stroke="currentColor" stroke-width="3" stroke-linecap="round"/>
46+
<path d="M28 36a6 6 0 1 0 12 0 6 6 0 0 0-12 0z" fill="none" stroke="currentColor" stroke-width="3"/>
47+
<path d="M30 48h-6m24 0h-6m-6-24v-6" stroke="currentColor" stroke-width="3" stroke-linecap="round"/>
48+
</svg>
49+
</div>
50+
<h3>GPU global</h3>
51+
<p>Clusters multi-região com auto-scaling de aceleradores e NVMeoF.</p>
52+
</div>
53+
<div class="feature-card purple">
54+
<div class="icon">
55+
<svg viewBox="0 0 64 64" aria-hidden="true">
56+
<path d="M18 20h28l6 12-6 12H18l-6-12z" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="round"/>
57+
<path d="M24 32h16M32 24v16" stroke="currentColor" stroke-width="3" stroke-linecap="round"/>
58+
<circle cx="48" cy="32" r="3" fill="currentColor"/>
59+
<circle cx="16" cy="32" r="3" fill="currentColor"/>
60+
</svg>
61+
</div>
62+
<h3>Data Mesh</h3>
63+
<p>Governança unificada, trilhas de auditoria e políticas por tenancy.</p>
64+
</div>
65+
<div class="feature-card cyan">
66+
<div class="icon">
67+
<svg viewBox="0 0 64 64" aria-hidden="true">
68+
<rect x="14" y="16" width="36" height="28" rx="6" ry="6" stroke="currentColor" stroke-width="3" fill="none"/>
69+
<rect x="24" y="44" width="16" height="8" rx="3" stroke="currentColor" stroke-width="3" fill="none"/>
70+
<circle cx="26" cy="30" r="3" fill="currentColor"/>
71+
<circle cx="38" cy="30" r="3" fill="currentColor"/>
72+
<path d="M32 16V10m-10 0h20" stroke="currentColor" stroke-width="3" stroke-linecap="round"/>
73+
</svg>
74+
</div>
75+
<h3>Observabilidade</h3>
76+
<p>Tracing distribuído, AIOps e remediação contínua orientada a SLO.</p>
77+
</div>
78+
</section>
79+
</main>
80+
81+
<footer class="footer">
82+
<div class="footer-links">
83+
<a data-i18n="footerAbout" href="about.html">About Us</a>
84+
<a data-i18n="footerTerms" href="#">Terms</a>
85+
<a data-i18n="footerSupport" href="support.html">Support</a>
86+
</div>
87+
<div class="footer-meta">
88+
<div class="footer-actions">
89+
<a class="badge" href="https://ghz.world" target="_blank" rel="noreferrer">GHZ.WORLD</a>
90+
<a class="badge" href="https://tvip.ghzhost.com" target="_blank" rel="noreferrer">TVIP.GHZ</a>
91+
<a class="badge badge-ghost" data-modal-open="mybrian">MYBRIAN.GHZ</a>
92+
<a class="badge badge-ghost" data-modal-open="friendsbook">Friendsbook</a>
93+
<a class="badge" href="https://musicexclusive.hol.es" target="_blank" rel="noreferrer">musicexclusive</a>
94+
<a class="badge badge-ghost" data-modal-open="ghzcraft">GhzCraft</a>
95+
</div>
96+
<div class="certified">
97+
<img src="src/img/certified.png" alt="Certified 2150">
98+
</div>
99+
<div class="copyright">© 2026</div>
100+
</div>
101+
</footer>
102+
103+
<div class="modal" id="modal-mybrian" role="dialog" aria-modal="true" aria-labelledby="modal-mybrian-title">
104+
<div class="modal-content">
105+
<button class="modal-close" data-modal-close>&times;</button>
106+
<h3 id="modal-mybrian-title">MYBRIAN.GHZ</h3>
107+
<p>Um cérebro digital avançado para controlar e gerenciar suas redes sociais de forma inteligente e automatizada.</p>
108+
</div>
109+
</div>
110+
<div class="modal" id="modal-friendsbook" role="dialog" aria-modal="true" aria-labelledby="modal-friendsbook-title">
111+
<div class="modal-content">
112+
<button class="modal-close" data-modal-close>&times;</button>
113+
<h3 id="modal-friendsbook-title">Friendsbook</h3>
114+
<p>Rede social autônoma com inteligência artificial integrada e armazenamento dinâmico para uma experiência personalizada.</p>
115+
</div>
116+
</div>
117+
<div class="modal" id="modal-ghzcraft" role="dialog" aria-modal="true" aria-labelledby="modal-ghzcraft-title">
118+
<div class="modal-content">
119+
<button class="modal-close" data-modal-close>&times;</button>
120+
<h3 id="modal-ghzcraft-title">GhzCraft</h3>
121+
<p>Servidor Minecraft de última geração com inteligência artificial para moderação, eventos dinâmicos e experiência de jogo aprimorada.</p>
122+
</div>
123+
</div>
124+
125+
<div class="chat-bubble" aria-label="Support chat">
126+
<svg viewBox="0 0 64 64">
127+
<path d="M12 16h40v24H22l-10 8z" fill="#00b7ff" stroke="#0091d1" stroke-width="3" stroke-linejoin="round"/>
128+
<circle cx="24" cy="28" r="3" fill="#fff"/>
129+
<circle cx="32" cy="28" r="3" fill="#fff"/>
130+
<circle cx="40" cy="28" r="3" fill="#fff"/>
131+
</svg>
132+
</div>
133+
134+
<script>
135+
document.addEventListener('DOMContentLoaded', function () {
136+
if (window.particlesJS) {
137+
particlesJS('particlesheader', {
138+
particles: {
139+
number: { value: 150 },
140+
line_linked: {
141+
color: '#0099c9',
142+
opacity: 1
143+
},
144+
size: { value: 16 },
145+
shape: {
146+
type: 'image',
147+
image: {
148+
src: 'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="none" stroke="%23cfcfcf" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="26" y="22" width="12" height="20" rx="2" ry="2" fill="%23878787" stroke="%23666666"/><rect x="18" y="16" width="8" height="14" rx="1.5" ry="1.5" fill="%23777777"/><rect x="38" y="34" width="8" height="14" rx="1.5" ry="1.5" fill="%23777777"/><path d="M22 30l6 6m8-8l6 6" stroke="%23dcdcdc"/><path d="M32 18v-6m-4 0h8" stroke="%23dcdcdc"/><circle cx="30" cy="28" r="2.2" fill="%23f0f0f0"/><circle cx="34" cy="28" r="2.2" fill="%23f0f0f0"/><path d="M26 42l-6 6m18-2l6 6" stroke="%23dcdcdc"/></g></svg>',
149+
width: 48,
150+
height: 48
151+
}
152+
},
153+
move: {
154+
enable: true,
155+
speed: 0.65,
156+
out_mode: 'out'
157+
},
158+
opacity: { value: 0.9 }
159+
},
160+
interactivity: {
161+
events: {
162+
onhover: { enable: false, mode: 'repulse' }
163+
}
164+
}
165+
});
166+
}
167+
});
168+
document.addEventListener('DOMContentLoaded', () => {
169+
const openers = document.querySelectorAll('[data-modal-open]');
170+
const modals = document.querySelectorAll('.modal');
171+
const closeAll = () => modals.forEach(m => m.classList.remove('show'));
172+
openers.forEach(btn => {
173+
btn.addEventListener('click', () => {
174+
const id = btn.getAttribute('data-modal-open');
175+
const modal = document.getElementById(`modal-${id}`);
176+
if (modal) modal.classList.add('show');
177+
});
178+
});
179+
document.querySelectorAll('[data-modal-close]').forEach(btn => {
180+
btn.addEventListener('click', closeAll);
181+
});
182+
modals.forEach(m => m.addEventListener('click', e => {
183+
if (e.target === m) closeAll();
184+
}));
185+
document.addEventListener('keyup', e => {
186+
if (e.key === 'Escape') closeAll();
187+
});
188+
});
189+
</script>
190+
<script src="web3-wallet.js"></script>
191+
</body>
192+
</html>
193+

0 commit comments

Comments
 (0)