Created website for Zeko
This commit is contained in:
Harish Vishwakarma
parent
8bdb6d0d9a
commit
fb1369ada2
|
|
@ -0,0 +1,38 @@
|
|||
# ZekoChat Website
|
||||
|
||||
This is the official website for ZekoChat, providing information about the app, privacy policy, and account deletion requests.
|
||||
|
||||
## Files
|
||||
|
||||
- `index.html` - Homepage with app information and features
|
||||
- `privacy.html` - Privacy Policy page
|
||||
- `delete-account.html` - Account deletion request form
|
||||
- `assets/logo.png` - App logo
|
||||
|
||||
## Features
|
||||
|
||||
- Responsive design using Tailwind CSS
|
||||
- Mobile-friendly navigation
|
||||
- Privacy Policy compliant with GDPR and other privacy regulations
|
||||
- Account deletion request form for user data management
|
||||
- Modern, clean UI matching the app's design language
|
||||
|
||||
## Deployment
|
||||
|
||||
To deploy this website:
|
||||
|
||||
1. Upload all files to your web server
|
||||
2. Ensure the `assets` folder and `logo.png` are accessible
|
||||
3. Configure your backend to handle the account deletion form submissions (currently the form just logs to console)
|
||||
|
||||
## Customization
|
||||
|
||||
- Update email addresses in `privacy.html` and `delete-account.html`
|
||||
- Modify colors in the Tailwind config if needed
|
||||
- Add your actual backend endpoint for form submission in `delete-account.html`
|
||||
|
||||
## Notes
|
||||
|
||||
- The account deletion form currently only shows a success message. You'll need to implement backend handling to process actual deletion requests.
|
||||
- Update the Google Play Store link in `index.html` with your actual app URL once published.
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
|
|
@ -0,0 +1,302 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Request Account Deletion - ZekoChat</title>
|
||||
<script src="https://cdn.tailwindcss.com"></script>
|
||||
<script>
|
||||
tailwind.config = {
|
||||
theme: {
|
||||
extend: {
|
||||
colors: {
|
||||
'primary': '#100518',
|
||||
'background': '#131722',
|
||||
'accent': '#FEDD17',
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style>
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="bg-background text-white min-h-screen">
|
||||
<!-- Navigation -->
|
||||
<nav class="bg-primary/90 backdrop-blur-sm sticky top-0 z-50 border-b border-white/10">
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="flex justify-between items-center h-16">
|
||||
<div class="flex items-center space-x-3">
|
||||
<img src="assets/logo.png" alt="ZekoChat Logo" class="h-10 w-10 rounded-lg">
|
||||
<span class="text-xl font-bold">ZekoChat</span>
|
||||
</div>
|
||||
<div class="hidden md:flex space-x-6">
|
||||
<a href="index.html" class="hover:text-accent transition">Home</a>
|
||||
<a href="privacy.html" class="hover:text-accent transition">Privacy Policy</a>
|
||||
<a href="delete-account.html" class="text-accent hover:text-accent/80 transition">Delete Account</a>
|
||||
</div>
|
||||
<button id="mobile-menu-button" class="md:hidden text-white">
|
||||
<svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<!-- Mobile Menu -->
|
||||
<div id="mobile-menu" class="hidden md:hidden pb-4">
|
||||
<a href="index.html" class="block py-2 hover:text-accent transition">Home</a>
|
||||
<a href="privacy.html" class="block py-2 hover:text-accent transition">Privacy Policy</a>
|
||||
<a href="delete-account.html" class="block py-2 text-accent">Delete Account</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- Main Content -->
|
||||
<main class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
|
||||
<div class="text-center mb-12">
|
||||
<h1 class="text-4xl md:text-5xl font-bold mb-4">Request Account Deletion</h1>
|
||||
<p class="text-gray-400 text-lg">
|
||||
We're sorry to see you go. Please fill out the form below to request deletion of your account.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- Important Notice -->
|
||||
<div class="bg-yellow-500/20 border border-yellow-500/50 rounded-lg p-6 mb-8">
|
||||
<div class="flex items-start">
|
||||
<svg class="h-6 w-6 text-yellow-500 mr-3 flex-shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
|
||||
</svg>
|
||||
<div>
|
||||
<h3 class="font-semibold text-yellow-500 mb-2">Important Information</h3>
|
||||
<ul class="text-gray-300 text-sm space-y-1 list-disc list-inside">
|
||||
<li>Account deletion is permanent and cannot be undone</li>
|
||||
<li>All your messages, media, and account data will be permanently deleted</li>
|
||||
<li>You will lose access to all servers and groups you're a member of</li>
|
||||
<li>This process may take up to 30 days to complete</li>
|
||||
<li>Some information may be retained for legal or security purposes as required by law</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Deletion Form -->
|
||||
<form id="deletion-form" class="bg-white/5 backdrop-blur-sm rounded-xl p-8 border border-white/10">
|
||||
<div class="space-y-6">
|
||||
<!-- Email -->
|
||||
<div>
|
||||
<label for="email" class="block text-sm font-medium mb-2">
|
||||
Email Address <span class="text-red-400">*</span>
|
||||
</label>
|
||||
<input
|
||||
type="email"
|
||||
id="email"
|
||||
name="email"
|
||||
required
|
||||
class="w-full px-4 py-3 bg-white/10 border border-white/20 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent focus:border-transparent text-white placeholder-gray-500"
|
||||
placeholder="your.email@example.com"
|
||||
>
|
||||
<p class="text-gray-400 text-sm mt-1">The email address associated with your ZekoChat account</p>
|
||||
</div>
|
||||
|
||||
<!-- Username -->
|
||||
<div>
|
||||
<label for="username" class="block text-sm font-medium mb-2">
|
||||
Username <span class="text-red-400">*</span>
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
id="username"
|
||||
name="username"
|
||||
required
|
||||
class="w-full px-4 py-3 bg-white/10 border border-white/20 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent focus:border-transparent text-white placeholder-gray-500"
|
||||
placeholder="Your username"
|
||||
>
|
||||
<p class="text-gray-400 text-sm mt-1">Your ZekoChat username (without the tag)</p>
|
||||
</div>
|
||||
|
||||
<!-- Reason -->
|
||||
<div>
|
||||
<label for="reason" class="block text-sm font-medium mb-2">
|
||||
Reason for Deletion (Optional)
|
||||
</label>
|
||||
<textarea
|
||||
id="reason"
|
||||
name="reason"
|
||||
rows="4"
|
||||
class="w-full px-4 py-3 bg-white/10 border border-white/20 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent focus:border-transparent text-white placeholder-gray-500 resize-none"
|
||||
placeholder="Help us improve by sharing why you're leaving (optional)"
|
||||
></textarea>
|
||||
</div>
|
||||
|
||||
<!-- Confirmation Checkbox -->
|
||||
<div class="flex items-start">
|
||||
<input
|
||||
type="checkbox"
|
||||
id="confirm"
|
||||
name="confirm"
|
||||
required
|
||||
class="mt-1 h-5 w-5 rounded border-white/20 bg-white/10 text-accent focus:ring-accent focus:ring-2"
|
||||
>
|
||||
<label for="confirm" class="ml-3 text-sm text-gray-300">
|
||||
I understand that account deletion is permanent and cannot be undone. I confirm that I want to delete my ZekoChat account and all associated data. <span class="text-red-400">*</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<!-- Submit Button -->
|
||||
<div class="pt-4">
|
||||
<button
|
||||
type="submit"
|
||||
class="w-full bg-red-600 hover:bg-red-700 text-white font-semibold py-3 px-6 rounded-lg transition transform hover:scale-[1.02] focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 focus:ring-offset-background"
|
||||
>
|
||||
Submit Deletion Request
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<!-- Alternative Methods -->
|
||||
<div class="mt-12 bg-white/5 backdrop-blur-sm rounded-xl p-8 border border-white/10">
|
||||
<h2 class="text-2xl font-semibold mb-4">Alternative Methods</h2>
|
||||
<p class="text-gray-400 mb-4">
|
||||
You can also request account deletion through the following methods:
|
||||
</p>
|
||||
<div class="space-y-4">
|
||||
<div class="flex items-start">
|
||||
<svg class="h-6 w-6 text-accent mr-3 flex-shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
|
||||
</svg>
|
||||
<div>
|
||||
<h3 class="font-semibold mb-1">Email</h3>
|
||||
<p class="text-gray-400 text-sm">Send an email to <a href="mailto:contact@zeko.chat" class="text-accent hover:underline">contact@zeko.chat</a> with your account details and deletion request.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-start">
|
||||
<svg class="h-6 w-6 text-accent mr-3 flex-shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" />
|
||||
</svg>
|
||||
<div>
|
||||
<h3 class="font-semibold mb-1">Support Server</h3>
|
||||
<p class="text-gray-400 text-sm">Join our <a href="https://app.peptide.chat/invite/Testers" class="text-accent hover:underline" target="_blank">Testers Server</a> and contact our support team.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- What Happens Next -->
|
||||
<div class="mt-12 bg-white/5 backdrop-blur-sm rounded-xl p-8 border border-white/10">
|
||||
<h2 class="text-2xl font-semibold mb-4">What Happens Next?</h2>
|
||||
<ol class="list-decimal list-inside space-y-3 text-gray-300">
|
||||
<li>We will verify your identity and account ownership</li>
|
||||
<li>You will receive a confirmation email within 24-48 hours</li>
|
||||
<li>Your account will be scheduled for deletion</li>
|
||||
<li>Account deletion will be completed within 30 days</li>
|
||||
<li>You will receive a final confirmation once deletion is complete</li>
|
||||
</ol>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- Success Modal -->
|
||||
<div id="success-modal" class="hidden fixed inset-0 bg-black/70 backdrop-blur-sm z-50 flex items-center justify-center p-4">
|
||||
<div class="bg-background border border-white/20 rounded-xl p-8 max-w-md w-full">
|
||||
<div class="text-center">
|
||||
<div class="mx-auto flex items-center justify-center h-16 w-16 rounded-full bg-green-500/20 mb-4">
|
||||
<svg class="h-8 w-8 text-green-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-2xl font-bold mb-2">Request Submitted</h3>
|
||||
<p class="text-gray-400 mb-6">
|
||||
Your account deletion request has been submitted successfully. We will process your request and send you a confirmation email within 24-48 hours.
|
||||
</p>
|
||||
<button
|
||||
onclick="closeSuccessModal()"
|
||||
class="bg-accent text-primary px-6 py-2 rounded-lg font-semibold hover:bg-accent/90 transition"
|
||||
>
|
||||
Close
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="bg-primary/50 border-t border-white/10 mt-20">
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
|
||||
<div class="grid md:grid-cols-3 gap-8">
|
||||
<div>
|
||||
<div class="flex items-center space-x-3 mb-4">
|
||||
<img src="assets/logo.png" alt="ZekoChat Logo" class="h-8 w-8 rounded-lg">
|
||||
<span class="text-lg font-bold">ZekoChat</span>
|
||||
</div>
|
||||
<p class="text-gray-400 text-sm">
|
||||
Your place to vibe with friends. Join endless chats and connections.
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="font-semibold mb-4">Legal</h4>
|
||||
<ul class="space-y-2 text-sm text-gray-400">
|
||||
<li><a href="privacy.html" class="hover:text-accent transition">Privacy Policy</a></li>
|
||||
<li><a href="delete-account.html" class="hover:text-accent transition">Delete Account</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="font-semibold mb-4">Support</h4>
|
||||
<ul class="space-y-2 text-sm text-gray-400">
|
||||
<li><a href="https://app.peptide.chat/invite/Testers" class="hover:text-accent transition">Join Testers Server</a></li>
|
||||
<li><a href="https://github.com/peptidechat/peptide" class="hover:text-accent transition">GitHub</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-8 pt-8 border-t border-white/10 text-center text-sm text-gray-400">
|
||||
<p>© 2024 ZekoChat. All rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
// Mobile menu toggle
|
||||
document.getElementById('mobile-menu-button').addEventListener('click', function() {
|
||||
const menu = document.getElementById('mobile-menu');
|
||||
menu.classList.toggle('hidden');
|
||||
});
|
||||
|
||||
// Form submission
|
||||
document.getElementById('deletion-form').addEventListener('submit', function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
// Get form data
|
||||
const formData = new FormData(this);
|
||||
const data = {
|
||||
email: formData.get('email'),
|
||||
username: formData.get('username'),
|
||||
reason: formData.get('reason'),
|
||||
confirm: formData.get('confirm'),
|
||||
timestamp: new Date().toISOString()
|
||||
};
|
||||
|
||||
// In a real implementation, you would send this data to your backend
|
||||
// For now, we'll just show a success message
|
||||
console.log('Deletion request submitted:', data);
|
||||
|
||||
// Show success modal
|
||||
document.getElementById('success-modal').classList.remove('hidden');
|
||||
|
||||
// Reset form
|
||||
this.reset();
|
||||
});
|
||||
|
||||
function closeSuccessModal() {
|
||||
document.getElementById('success-modal').classList.add('hidden');
|
||||
}
|
||||
|
||||
// Close modal on outside click
|
||||
document.getElementById('success-modal').addEventListener('click', function(e) {
|
||||
if (e.target === this) {
|
||||
closeSuccessModal();
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
|
@ -0,0 +1,160 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>ZekoChat - Your Place to Vibe with Friends</title>
|
||||
<meta name="description" content="ZekoChat is a modern chat platform where you can message friends, create groups, and build communities. Join endless chats and connections!">
|
||||
<script src="https://cdn.tailwindcss.com"></script>
|
||||
<script>
|
||||
tailwind.config = {
|
||||
theme: {
|
||||
extend: {
|
||||
colors: {
|
||||
'primary': '#100518',
|
||||
'background': '#131722',
|
||||
'accent': '#FEDD17',
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style>
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="bg-background text-white min-h-screen">
|
||||
<!-- Navigation -->
|
||||
<nav class="bg-primary/90 backdrop-blur-sm sticky top-0 z-50 border-b border-white/10">
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="flex justify-between items-center h-16">
|
||||
<div class="flex items-center space-x-3">
|
||||
<img src="assets/logo.png" alt="ZekoChat Logo" class="h-10 w-10 rounded-lg">
|
||||
<span class="text-xl font-bold">ZekoChat</span>
|
||||
</div>
|
||||
<div class="hidden md:flex space-x-6">
|
||||
<a href="index.html" class="text-accent hover:text-accent/80 transition">Home</a>
|
||||
<a href="privacy.html" class="hover:text-accent transition">Privacy Policy</a>
|
||||
<a href="delete-account.html" class="hover:text-accent transition">Delete Account</a>
|
||||
</div>
|
||||
<button id="mobile-menu-button" class="md:hidden text-white">
|
||||
<svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<!-- Mobile Menu -->
|
||||
<div id="mobile-menu" class="hidden md:hidden pb-4">
|
||||
<a href="index.html" class="block py-2 text-accent">Home</a>
|
||||
<a href="privacy.html" class="block py-2 hover:text-accent transition">Privacy Policy</a>
|
||||
<a href="delete-account.html" class="block py-2 hover:text-accent transition">Delete Account</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- Hero Section -->
|
||||
<section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20">
|
||||
<div class="text-center">
|
||||
<div class="flex justify-center mb-8">
|
||||
<img src="assets/logo.png" alt="ZekoChat Logo" class="h-32 w-32 rounded-2xl shadow-2xl">
|
||||
</div>
|
||||
<h1 class="text-5xl md:text-6xl font-bold mb-6 bg-gradient-to-r from-accent to-white bg-clip-text text-transparent">
|
||||
Welcome to ZekoChat
|
||||
</h1>
|
||||
<p class="text-xl md:text-2xl text-gray-300 mb-8 max-w-2xl mx-auto">
|
||||
Join endless chats and connections; ZekoChat is your place to vibe with friends!
|
||||
</p>
|
||||
<div class="flex flex-col sm:flex-row gap-4 justify-center">
|
||||
<a href="https://play.google.com/store/apps/details?id=chat.peptide" class="bg-accent text-primary px-8 py-3 rounded-lg font-semibold hover:bg-accent/90 transition transform hover:scale-105">
|
||||
Download on Google Play
|
||||
</a>
|
||||
<a href="privacy.html" class="border-2 border-white/20 px-8 py-3 rounded-lg font-semibold hover:border-accent hover:text-accent transition">
|
||||
Privacy Policy
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Features Section -->
|
||||
<section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20">
|
||||
<h2 class="text-3xl md:text-4xl font-bold text-center mb-12">Features</h2>
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||
<div class="bg-white/5 backdrop-blur-sm rounded-xl p-6 border border-white/10 hover:border-accent/50 transition">
|
||||
<div class="text-4xl mb-4">💬</div>
|
||||
<h3 class="text-xl font-semibold mb-2">Message Friends</h3>
|
||||
<p class="text-gray-400">Connect with friends through direct messages and stay in touch wherever you are.</p>
|
||||
</div>
|
||||
<div class="bg-white/5 backdrop-blur-sm rounded-xl p-6 border border-white/10 hover:border-accent/50 transition">
|
||||
<div class="text-4xl mb-4">👥</div>
|
||||
<h3 class="text-xl font-semibold mb-2">Group Conversations</h3>
|
||||
<p class="text-gray-400">Create group chats and bring your crew together for seamless communication.</p>
|
||||
</div>
|
||||
<div class="bg-white/5 backdrop-blur-sm rounded-xl p-6 border border-white/10 hover:border-accent/50 transition">
|
||||
<div class="text-4xl mb-4">🌐</div>
|
||||
<h3 class="text-xl font-semibold mb-2">Communities & Servers</h3>
|
||||
<p class="text-gray-400">Join or create servers to build communities around shared interests.</p>
|
||||
</div>
|
||||
<div class="bg-white/5 backdrop-blur-sm rounded-xl p-6 border border-white/10 hover:border-accent/50 transition">
|
||||
<div class="text-4xl mb-4">🔒</div>
|
||||
<h3 class="text-xl font-semibold mb-2">Secure & Private</h3>
|
||||
<p class="text-gray-400">Your privacy matters. We keep your conversations secure and your data protected.</p>
|
||||
</div>
|
||||
<div class="bg-white/5 backdrop-blur-sm rounded-xl p-6 border border-white/10 hover:border-accent/50 transition">
|
||||
<div class="text-4xl mb-4">🎨</div>
|
||||
<h3 class="text-xl font-semibold mb-2">Customizable</h3>
|
||||
<p class="text-gray-400">Personalize your experience with themes, custom backgrounds, and more.</p>
|
||||
</div>
|
||||
<div class="bg-white/5 backdrop-blur-sm rounded-xl p-6 border border-white/10 hover:border-accent/50 transition">
|
||||
<div class="text-4xl mb-4">📱</div>
|
||||
<h3 class="text-xl font-semibold mb-2">Modern Design</h3>
|
||||
<p class="text-gray-400">Beautiful, intuitive interface built with modern Android design principles.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="bg-primary/50 border-t border-white/10 mt-20">
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
|
||||
<div class="grid md:grid-cols-3 gap-8">
|
||||
<div>
|
||||
<div class="flex items-center space-x-3 mb-4">
|
||||
<img src="assets/logo.png" alt="ZekoChat Logo" class="h-8 w-8 rounded-lg">
|
||||
<span class="text-lg font-bold">ZekoChat</span>
|
||||
</div>
|
||||
<p class="text-gray-400 text-sm">
|
||||
Your place to vibe with friends. Join endless chats and connections.
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="font-semibold mb-4">Legal</h4>
|
||||
<ul class="space-y-2 text-sm text-gray-400">
|
||||
<li><a href="privacy.html" class="hover:text-accent transition">Privacy Policy</a></li>
|
||||
<li><a href="delete-account.html" class="hover:text-accent transition">Delete Account</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="font-semibold mb-4">Support</h4>
|
||||
<ul class="space-y-2 text-sm text-gray-400">
|
||||
<li><a href="https://app.peptide.chat/invite/Testers" class="hover:text-accent transition">Join Testers Server</a></li>
|
||||
<li><a href="https://github.com/peptidechat/peptide" class="hover:text-accent transition">GitHub</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-8 pt-8 border-t border-white/10 text-center text-sm text-gray-400">
|
||||
<p>© 2024 ZekoChat. All rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
// Mobile menu toggle
|
||||
document.getElementById('mobile-menu-button').addEventListener('click', function() {
|
||||
const menu = document.getElementById('mobile-menu');
|
||||
menu.classList.toggle('hidden');
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
|
@ -0,0 +1,228 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Privacy Policy - ZekoChat</title>
|
||||
<script src="https://cdn.tailwindcss.com"></script>
|
||||
<script>
|
||||
tailwind.config = {
|
||||
theme: {
|
||||
extend: {
|
||||
colors: {
|
||||
'primary': '#100518',
|
||||
'background': '#131722',
|
||||
'accent': '#FEDD17',
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style>
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="bg-background text-white min-h-screen">
|
||||
<!-- Navigation -->
|
||||
<nav class="bg-primary/90 backdrop-blur-sm sticky top-0 z-50 border-b border-white/10">
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="flex justify-between items-center h-16">
|
||||
<div class="flex items-center space-x-3">
|
||||
<img src="assets/logo.png" alt="ZekoChat Logo" class="h-10 w-10 rounded-lg">
|
||||
<span class="text-xl font-bold">ZekoChat</span>
|
||||
</div>
|
||||
<div class="hidden md:flex space-x-6">
|
||||
<a href="index.html" class="hover:text-accent transition">Home</a>
|
||||
<a href="privacy.html" class="text-accent hover:text-accent/80 transition">Privacy Policy</a>
|
||||
<a href="delete-account.html" class="hover:text-accent transition">Delete Account</a>
|
||||
</div>
|
||||
<button id="mobile-menu-button" class="md:hidden text-white">
|
||||
<svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<!-- Mobile Menu -->
|
||||
<div id="mobile-menu" class="hidden md:hidden pb-4">
|
||||
<a href="index.html" class="block py-2 hover:text-accent transition">Home</a>
|
||||
<a href="privacy.html" class="block py-2 text-accent">Privacy Policy</a>
|
||||
<a href="delete-account.html" class="block py-2 hover:text-accent transition">Delete Account</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- Privacy Policy Content -->
|
||||
<main class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
|
||||
<h1 class="text-4xl md:text-5xl font-bold mb-8">Privacy Policy</h1>
|
||||
<p class="text-gray-400 mb-8">Last updated: <span id="last-updated"></span></p>
|
||||
|
||||
<div class="prose prose-invert max-w-none space-y-8">
|
||||
<section>
|
||||
<h2 class="text-2xl font-semibold mb-4 text-accent">1. Introduction</h2>
|
||||
<p class="text-gray-300 leading-relaxed">
|
||||
Welcome to ZekoChat ("we," "our," or "us"). We are committed to protecting your privacy and ensuring you have a positive experience while using our mobile application and services. This Privacy Policy explains how we collect, use, disclose, and safeguard your information when you use our chat application.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="text-2xl font-semibold mb-4 text-accent">2. Information We Collect</h2>
|
||||
<h3 class="text-xl font-semibold mb-3 mt-6">2.1 Information You Provide</h3>
|
||||
<ul class="list-disc pl-6 text-gray-300 space-y-2">
|
||||
<li><strong>Account Information:</strong> Email address, username, password, and profile information (display name, profile picture, bio)</li>
|
||||
<li><strong>Content:</strong> Messages, media files, and other content you create or share through the app</li>
|
||||
<li><strong>Contact Information:</strong> Information you provide when contacting support or submitting feedback</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="text-xl font-semibold mb-3 mt-6">2.2 Automatically Collected Information</h3>
|
||||
<ul class="list-disc pl-6 text-gray-300 space-y-2">
|
||||
<li><strong>Device Information:</strong> Device type, operating system, unique device identifiers, and mobile network information</li>
|
||||
<li><strong>Usage Data:</strong> How you interact with the app, features used, time spent, and frequency of use</li>
|
||||
<li><strong>Log Data:</strong> IP address, browser type, access times, and pages viewed</li>
|
||||
<li><strong>Location Data:</strong> With your permission, we may collect location information</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="text-2xl font-semibold mb-4 text-accent">3. How We Use Your Information</h2>
|
||||
<p class="text-gray-300 leading-relaxed mb-4">We use the information we collect to:</p>
|
||||
<ul class="list-disc pl-6 text-gray-300 space-y-2">
|
||||
<li>Provide, maintain, and improve our services</li>
|
||||
<li>Process transactions and send related information</li>
|
||||
<li>Send technical notices, updates, security alerts, and support messages</li>
|
||||
<li>Respond to your comments, questions, and requests</li>
|
||||
<li>Monitor and analyze trends, usage, and activities</li>
|
||||
<li>Detect, prevent, and address technical issues and fraudulent activities</li>
|
||||
<li>Personalize your experience and deliver content relevant to your interests</li>
|
||||
<li>Comply with legal obligations and enforce our terms of service</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="text-2xl font-semibold mb-4 text-accent">4. Information Sharing and Disclosure</h2>
|
||||
<p class="text-gray-300 leading-relaxed mb-4">We do not sell your personal information. We may share your information only in the following circumstances:</p>
|
||||
<ul class="list-disc pl-6 text-gray-300 space-y-2">
|
||||
<li><strong>With Your Consent:</strong> When you explicitly authorize us to share your information</li>
|
||||
<li><strong>Service Providers:</strong> With third-party service providers who perform services on our behalf (e.g., cloud storage, analytics)</li>
|
||||
<li><strong>Legal Requirements:</strong> When required by law, court order, or government regulation</li>
|
||||
<li><strong>Safety and Security:</strong> To protect the rights, property, or safety of ZekoChat, our users, or others</li>
|
||||
<li><strong>Business Transfers:</strong> In connection with any merger, sale, or acquisition of assets</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="text-2xl font-semibold mb-4 text-accent">5. Data Security</h2>
|
||||
<p class="text-gray-300 leading-relaxed">
|
||||
We implement appropriate technical and organizational security measures to protect your personal information against unauthorized access, alteration, disclosure, or destruction. However, no method of transmission over the internet or electronic storage is 100% secure, and we cannot guarantee absolute security.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="text-2xl font-semibold mb-4 text-accent">6. Data Retention</h2>
|
||||
<p class="text-gray-300 leading-relaxed">
|
||||
We retain your personal information for as long as necessary to fulfill the purposes outlined in this Privacy Policy, unless a longer retention period is required or permitted by law. When you delete your account, we will delete or anonymize your personal information, except where we are required to retain it for legal purposes.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="text-2xl font-semibold mb-4 text-accent">7. Your Rights and Choices</h2>
|
||||
<p class="text-gray-300 leading-relaxed mb-4">Depending on your location, you may have the following rights:</p>
|
||||
<ul class="list-disc pl-6 text-gray-300 space-y-2">
|
||||
<li><strong>Access:</strong> Request access to your personal information</li>
|
||||
<li><strong>Correction:</strong> Request correction of inaccurate or incomplete information</li>
|
||||
<li><strong>Deletion:</strong> Request deletion of your personal information (see our <a href="delete-account.html" class="text-accent hover:underline">Account Deletion page</a>)</li>
|
||||
<li><strong>Portability:</strong> Request transfer of your data to another service</li>
|
||||
<li><strong>Objection:</strong> Object to processing of your personal information</li>
|
||||
<li><strong>Restriction:</strong> Request restriction of processing your personal information</li>
|
||||
</ul>
|
||||
<p class="text-gray-300 leading-relaxed mt-4">
|
||||
To exercise these rights, please contact us using the information provided in the "Contact Us" section below.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="text-2xl font-semibold mb-4 text-accent">8. Children's Privacy</h2>
|
||||
<p class="text-gray-300 leading-relaxed">
|
||||
Our services are not intended for children under the age of 13 (or the minimum age in your jurisdiction). We do not knowingly collect personal information from children. If you believe we have collected information from a child, please contact us immediately, and we will take steps to delete such information.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="text-2xl font-semibold mb-4 text-accent">9. International Data Transfers</h2>
|
||||
<p class="text-gray-300 leading-relaxed">
|
||||
Your information may be transferred to and processed in countries other than your country of residence. These countries may have data protection laws that differ from those in your country. We take appropriate measures to ensure your information is protected in accordance with this Privacy Policy.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="text-2xl font-semibold mb-4 text-accent">10. Changes to This Privacy Policy</h2>
|
||||
<p class="text-gray-300 leading-relaxed">
|
||||
We may update this Privacy Policy from time to time. We will notify you of any changes by posting the new Privacy Policy on this page and updating the "Last updated" date. You are advised to review this Privacy Policy periodically for any changes.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="text-2xl font-semibold mb-4 text-accent">11. Contact Us</h2>
|
||||
<p class="text-gray-300 leading-relaxed mb-4">
|
||||
If you have any questions, concerns, or requests regarding this Privacy Policy or our data practices, please contact us:
|
||||
</p>
|
||||
<div class="bg-white/5 rounded-lg p-6 border border-white/10">
|
||||
<p class="text-gray-300"><strong>Email:</strong> <a href="mailto:contact@zeko.chat" class="text-accent hover:underline">contact@zeko.chat</a></p>
|
||||
<p class="text-gray-300 mt-2"><strong>Support Server:</strong> <a href="https://app.peptide.chat/invite/Testers" class="text-accent hover:underline" target="_blank">Join Testers Server</a></p>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="bg-primary/50 border-t border-white/10 mt-20">
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
|
||||
<div class="grid md:grid-cols-3 gap-8">
|
||||
<div>
|
||||
<div class="flex items-center space-x-3 mb-4">
|
||||
<img src="assets/logo.png" alt="ZekoChat Logo" class="h-8 w-8 rounded-lg">
|
||||
<span class="text-lg font-bold">ZekoChat</span>
|
||||
</div>
|
||||
<p class="text-gray-400 text-sm">
|
||||
Your place to vibe with friends. Join endless chats and connections.
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="font-semibold mb-4">Legal</h4>
|
||||
<ul class="space-y-2 text-sm text-gray-400">
|
||||
<li><a href="privacy.html" class="hover:text-accent transition">Privacy Policy</a></li>
|
||||
<li><a href="delete-account.html" class="hover:text-accent transition">Delete Account</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="font-semibold mb-4">Support</h4>
|
||||
<ul class="space-y-2 text-sm text-gray-400">
|
||||
<li><a href="https://app.peptide.chat/invite/Testers" class="hover:text-accent transition">Join Testers Server</a></li>
|
||||
<li><a href="https://github.com/peptidechat/peptide" class="hover:text-accent transition">GitHub</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-8 pt-8 border-t border-white/10 text-center text-sm text-gray-400">
|
||||
<p>© 2024 ZekoChat. All rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
// Set last updated date
|
||||
document.getElementById('last-updated').textContent = new Date().toLocaleDateString('en-US', {
|
||||
year: 'numeric',
|
||||
month: 'long',
|
||||
day: 'numeric'
|
||||
});
|
||||
|
||||
// Mobile menu toggle
|
||||
document.getElementById('mobile-menu-button').addEventListener('click', function() {
|
||||
const menu = document.getElementById('mobile-menu');
|
||||
menu.classList.toggle('hidden');
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Loading…
Reference in New Issue