Repository navigation
Expand file tree
/
Copy pathcontact.html
More file actions
184 lines (163 loc) · 11.7 KB
/
Copy pathcontact.html
File metadata and controls
184 lines (163 loc) · 11.7 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-T69296FK');</script>
<!-- End Google Tag Manager -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-SLS94VX99N"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-SLS94VX99N');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Support | ZeroKey</title>
<meta name="description" content="Get in touch with the ZeroKey team. Report vulnerabilities, glitches, or ask questions about our zero-knowledge encryption architecture.">
<meta name="keywords" content="contact ZeroKey, support, report bug, vulnerability disclosure, secure encrypted messaging support">
<meta name="author" content="Dippan Bhusal">
<meta name="robots" content="index, follow">
<meta property="og:type" content="website">
<meta property="og:url" content="https://zerokey.vercel.app/contact">
<meta property="og:title" content="Contact Support | ZeroKey">
<meta property="og:description" content="Report a glitch, submit a vulnerability, or get in touch with the developer.">
<meta property="og:image" content="https://zerokey.vercel.app/assets/og/about.png">
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:title" content="Contact Support | ZeroKey">
<meta property="twitter:description" content="Report a glitch, submit a vulnerability, or get in touch with the developer.">
<meta property="twitter:image" content="https://zerokey.vercel.app/assets/og/about.png">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "ContactPage",
"name": "ZeroKey Support",
"description": "Contact page for reporting issues, glitches, or reaching out to the ZeroKey developer.",
"url": "https://zerokey.vercel.app/contact",
"mainEntity": {
"@type": "Person",
"name": "Dippan Bhusal",
"email": "Dippan.connect@gmail.com",
"url": "https://github.com/kdippan"
}
}
</script>
<link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
<link rel="icon" type="image/svg+xml" href="/assets/favicon.svg">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="48x48" href="/assets/favicon-48x48.png">
<link rel="icon" type="image/png" sizes="64x64" href="/assets/favicon-64x64.png">
<link rel="icon" type="image/png" sizes="96x96" href="/assets/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="128x128" href="/assets/favicon-128x128.png">
<link rel="apple-touch-icon" sizes="57x57" href="/assets/favicon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/assets/favicon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/assets/favicon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/assets/favicon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/assets/favicon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/assets/favicon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/assets/favicon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/assets/favicon-152x152.png">
<link rel="apple-touch-icon" sizes="167x167" href="/assets/favicon-167x167.png">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/assets/favicon-192x192.png">
<link rel="icon" type="image/png" sizes="256x256" href="/assets/favicon-256x256.png">
<link rel="icon" type="image/png" sizes="384x384" href="/assets/favicon-384x384.png">
<link rel="icon" type="image/png" sizes="512x512" href="/assets/favicon-512x512.png">
<link rel="manifest" href="/assets/site.webmanifest">
<meta name="msapplication-TileColor" content="#0f172a">
<meta name="msapplication-TileImage" content="/assets/favicon-144x144.png">
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://unpkg.com/@phosphor-icons/web"></script>
<link rel="stylesheet" href="/style.css">
</head>
<body class="bg-[#0f172a] text-slate-300 min-h-screen font-sans overflow-x-hidden relative selection:bg-blue-500/30 selection:text-blue-200 flex flex-col">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T69296FK"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="fixed top-0 left-1/4 w-[500px] h-[500px] bg-blue-600/10 rounded-full blur-[150px] pointer-events-none z-0"></div>
<div class="fixed bottom-0 right-1/4 w-[500px] h-[500px] bg-emerald-600/10 rounded-full blur-[150px] pointer-events-none z-0"></div>
<div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 pt-8 pb-12 relative z-10 flex-grow w-full">
<nav class="mb-8 flex items-center justify-between">
<a href="/" class="flex items-center gap-2 text-blue-400 hover:text-blue-300 transition-colors font-semibold text-sm md:text-base">
<i class="ph ph-arrow-left"></i> Back to Home
</a>
<div class="flex items-center gap-2 text-slate-100 font-bold text-xl tracking-tight">
<i class="ph ph-fingerprint text-blue-500"></i> ZeroKey
</div>
</nav>
<main class="glass-panel p-6 md:p-10 rounded-2xl shadow-2xl border border-slate-700/50 bg-slate-900/60 backdrop-blur-md">
<div class="text-center mb-10">
<h1 class="text-3xl font-bold text-white mb-3 flex items-center justify-center gap-3 tracking-tight">
<i class="ph ph-headset text-blue-400"></i> Contact Support
</h1>
<p class="text-slate-400 leading-relaxed text-sm md:text-base">
Found a glitch? Have a question about our architecture? Or just want to connect? Send a message below.
</p>
</div>
<div class="mb-8 p-5 bg-slate-950/40 border border-slate-700/50 rounded-xl flex items-center gap-4 hover:border-blue-500/30 transition-colors group cursor-pointer" onclick="window.location.href='mailto:Dippan.connect@gmail.com'">
<div class="p-3 bg-blue-500/10 rounded-full text-blue-400 group-hover:scale-110 transition-transform">
<i class="ph ph-envelope-simple text-2xl"></i>
</div>
<div>
<h3 class="text-white font-semibold text-sm">Direct Email</h3>
<p class="text-slate-400 font-mono text-sm group-hover:text-blue-400 transition-colors">Dippan.connect@gmail.com</p>
</div>
<div class="ml-auto text-slate-500 group-hover:text-blue-400 transition-colors">
<i class="ph ph-arrow-up-right text-lg"></i>
</div>
</div>
<div class="flex items-center gap-4 mb-8">
<div class="h-px bg-slate-700/50 flex-grow"></div>
<span class="text-xs font-semibold text-slate-500 uppercase tracking-widest">Or Use Form</span>
<div class="h-px bg-slate-700/50 flex-grow"></div>
</div>
<form action="https://formspree.io/f/xkoqjqwo" method="POST" enctype="multipart/form-data" class="space-y-6">
<div>
<label for="email" class="block text-sm font-medium text-slate-400 mb-2">Your Email</label>
<input type="email" id="email" name="email" required placeholder="hacker@example.com" class="w-full bg-slate-950/50 border border-slate-700 rounded-xl px-4 py-3 text-slate-200 placeholder-slate-600 focus:outline-none focus:border-blue-500 focus:ring-1 focus:ring-blue-500 transition-all">
</div>
<div>
<label for="message" class="block text-sm font-medium text-slate-400 mb-2">Message</label>
<textarea id="message" name="message" rows="5" required placeholder="Describe the glitch, vulnerability, or your inquiry here..." class="w-full bg-slate-950/50 border border-slate-700 rounded-xl px-4 py-3 text-slate-200 placeholder-slate-600 focus:outline-none focus:border-blue-500 focus:ring-1 focus:ring-blue-500 transition-all resize-none"></textarea>
</div>
<div>
<label for="upload" class="block text-sm font-medium text-slate-400 mb-2 flex items-center gap-2">
Attach Screenshot <span class="text-xs text-slate-500 font-normal">(Optional, Images only)</span>
</label>
<input type="file" id="upload" name="upload" accept="image/*" class="w-full text-sm text-slate-400 file:mr-4 file:py-3 file:px-4 file:rounded-lg file:border-0 file:text-sm file:font-semibold file:bg-slate-800 file:text-slate-300 hover:file:bg-slate-700 transition-all border border-slate-700 rounded-xl bg-slate-950/50 cursor-pointer">
</div>
<button type="submit" class="w-full bg-blue-600 hover:bg-blue-500 text-white font-semibold text-lg py-4 rounded-xl transition-all shadow-[0_0_20px_rgba(37,99,235,0.3)] flex items-center justify-center gap-2 group mt-2">
<i class="ph ph-paper-plane-right text-xl group-hover:translate-x-1 group-hover:-translate-y-1 transition-transform"></i> Send Message
</button>
</form>
</main>
</div>
<footer class="border-t border-slate-800/50 bg-[#0f172a] relative z-10 pt-12 pb-8 mt-auto">
<div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex flex-col md:flex-row justify-between items-center gap-6 mb-8">
<div class="flex items-center gap-2 text-slate-100 font-bold text-xl tracking-tight">
<i class="ph ph-fingerprint text-slate-500"></i> ZeroKey
</div>
<div class="flex flex-wrap justify-center gap-6 text-sm font-medium text-slate-500">
<a href="/about" class="hover:text-blue-400 transition-colors">About</a>
<a href="/privacy" class="hover:text-blue-400 transition-colors">Privacy Policy</a>
<a href="/terms" class="hover:text-blue-400 transition-colors">Terms & Conditions</a>
<a href="/disclaimer" class="hover:text-blue-400 transition-colors">Disclaimer</a>
<a href="/cookie-policy" class="hover:text-blue-400 transition-colors">Cookie Policy</a>
<a href="/donate" class="hover:text-red-400 transition-colors text-red-500/70">Donate</a>
</div>
</div>
<div class="flex flex-col md:flex-row justify-between items-center text-xs text-slate-600 border-t border-slate-800/50 pt-6">
<p>© 2026 ZeroKey. All rights reserved.</p>
<p class="mt-2 md:mt-0">Built for digital privacy by <a href="https://github.com/kdippan" target="_blank" rel="noopener noreferrer" class="text-blue-400 hover:text-blue-300 font-semibold transition-colors">Dippan Bhusal</a>.</p>
</div>
</div>
</footer>
</body>
</html>