697 lines
50 KiB
HTML
697 lines
50 KiB
HTML
<!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>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<script>
|
|
tailwind.config = {
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
'primary': '#100518',
|
|
'background': '#0a0a0f',
|
|
'surface': '#131722',
|
|
'accent': '#FEDD17',
|
|
'accent-2': '#FF6B35',
|
|
'accent-3': '#8B5CF6',
|
|
},
|
|
fontFamily: {
|
|
'sans': ['Inter', 'system-ui', '-apple-system', 'sans-serif'],
|
|
},
|
|
animation: {
|
|
'float': 'float 6s ease-in-out infinite',
|
|
'slide-up': 'slideUp 0.6s ease-out',
|
|
'fade-in': 'fadeIn 0.8s ease-out',
|
|
},
|
|
keyframes: {
|
|
float: {
|
|
'0%, 100%': { transform: 'translateY(0px)' },
|
|
'50%': { transform: 'translateY(-20px)' },
|
|
},
|
|
slideUp: {
|
|
'from': { opacity: '0', transform: 'translateY(30px)' },
|
|
'to': { opacity: '1', transform: 'translateY(0)' },
|
|
},
|
|
fadeIn: {
|
|
'from': { opacity: '0' },
|
|
'to': { opacity: '1' },
|
|
},
|
|
},
|
|
backgroundImage: {
|
|
'hero-gradient': 'linear-gradient(135deg, #100518 0%, #1a0a2e 50%, #0a0a0f 100%)',
|
|
},
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style>
|
|
.gradient-text {
|
|
background: linear-gradient(135deg, #FEDD17 0%, #FF6B35 50%, #8B5CF6 100%);
|
|
background-size: 200% 200%;
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
background-clip: text;
|
|
}
|
|
.glass {
|
|
background: rgba(255, 255, 255, 0.03);
|
|
backdrop-filter: blur(20px);
|
|
-webkit-backdrop-filter: blur(20px);
|
|
}
|
|
.glass-strong {
|
|
background: rgba(16, 5, 24, 0.8);
|
|
backdrop-filter: blur(24px);
|
|
-webkit-backdrop-filter: blur(24px);
|
|
}
|
|
.noise {
|
|
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
|
|
opacity: 0.02;
|
|
}
|
|
.section-card {
|
|
transition: all 0.3s ease;
|
|
}
|
|
.section-card:hover {
|
|
border-color: rgba(254, 221, 23, 0.3);
|
|
}
|
|
.toc-link {
|
|
transition: all 0.2s ease;
|
|
}
|
|
.toc-link:hover {
|
|
padding-left: 1rem;
|
|
color: #FEDD17;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="bg-background text-white min-h-screen font-sans antialiased overflow-x-hidden">
|
|
<!-- Noise Overlay -->
|
|
<div class="noise fixed inset-0 pointer-events-none z-50"></div>
|
|
|
|
<!-- Navigation -->
|
|
<nav class="glass-strong fixed w-full top-0 z-40 border-b border-white/5">
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div class="flex justify-between items-center h-20">
|
|
<a href="index.html" class="flex items-center space-x-3 group">
|
|
<div class="relative">
|
|
<div class="absolute -inset-1 bg-gradient-to-r from-accent via-accent-2 to-accent-3 rounded-xl blur opacity-30 group-hover:opacity-60 transition duration-500"></div>
|
|
<img src="assets/logo.png" alt="ZekoChat Logo" class="relative h-11 w-11 rounded-xl">
|
|
</div>
|
|
<span class="text-xl font-bold tracking-tight">ZekoChat</span>
|
|
</a>
|
|
<div class="hidden md:flex items-center space-x-2">
|
|
<a href="index.html" class="px-4 py-2 rounded-full text-gray-300 font-medium text-sm transition hover:bg-white/10 hover:text-white">Home</a>
|
|
<a href="privacy.html" class="px-4 py-2 rounded-full bg-white/10 text-accent font-medium text-sm transition hover:bg-white/15">Privacy</a>
|
|
<a href="terms.html" class="px-4 py-2 rounded-full text-gray-300 font-medium text-sm transition hover:bg-white/10 hover:text-white">Terms</a>
|
|
<a href="community-guidelines.html" class="px-4 py-2 rounded-full text-gray-300 font-medium text-sm transition hover:bg-white/10 hover:text-white">Guidelines</a>
|
|
<a href="delete-account.html" class="px-4 py-2 rounded-full text-gray-300 font-medium text-sm transition hover:bg-white/10 hover:text-white">Account</a>
|
|
<a href="https://play.google.com/store/apps/details?id=chat.peptide" class="ml-4 px-5 py-2.5 rounded-full bg-gradient-to-r from-accent to-accent-2 text-primary font-semibold text-sm transition transform hover:scale-105 hover:shadow-lg hover:shadow-accent/25">
|
|
Download
|
|
</a>
|
|
</div>
|
|
<button id="mobile-menu-button" class="md:hidden relative w-10 h-10 flex items-center justify-center rounded-xl bg-white/10 hover:bg-white/15 transition">
|
|
<svg class="h-5 w-5" 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-6 animate-slide-up">
|
|
<div class="flex flex-col space-y-2 pt-4 border-t border-white/10">
|
|
<a href="index.html" class="px-4 py-3 rounded-xl text-gray-300 hover:bg-white/10 transition">Home</a>
|
|
<a href="privacy.html" class="px-4 py-3 rounded-xl bg-white/10 text-accent font-medium">Privacy Policy</a>
|
|
<a href="terms.html" class="px-4 py-3 rounded-xl text-gray-300 hover:bg-white/10 transition">Terms of Service</a>
|
|
<a href="community-guidelines.html" class="px-4 py-3 rounded-xl text-gray-300 hover:bg-white/10 transition">Community Guidelines</a>
|
|
<a href="delete-account.html" class="px-4 py-3 rounded-xl text-gray-300 hover:bg-white/10 transition">Delete Account</a>
|
|
<a href="https://play.google.com/store/apps/details?id=chat.peptide" class="mt-2 px-4 py-3 rounded-xl bg-gradient-to-r from-accent to-accent-2 text-primary font-semibold text-center">
|
|
Download App
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Header Section -->
|
|
<section class="relative pt-32 pb-20 overflow-hidden">
|
|
<!-- Background -->
|
|
<div class="absolute inset-0 bg-hero-gradient"></div>
|
|
<div class="absolute top-1/4 -left-32 w-96 h-96 bg-accent/5 rounded-full blur-3xl"></div>
|
|
<div class="absolute bottom-0 -right-32 w-96 h-96 bg-accent-3/5 rounded-full blur-3xl"></div>
|
|
|
|
<div class="relative z-10 max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div class="text-center animate-fade-in">
|
|
<!-- Icon -->
|
|
<div class="inline-flex items-center justify-center w-20 h-20 rounded-2xl bg-gradient-to-br from-accent/20 to-accent-3/20 border border-white/10 mb-8">
|
|
<svg class="w-10 h-10 text-accent" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
|
|
</svg>
|
|
</div>
|
|
|
|
<h1 class="text-4xl md:text-6xl font-bold mb-6">
|
|
Privacy <span class="gradient-text">Policy</span>
|
|
</h1>
|
|
<p class="text-xl text-gray-400 max-w-2xl mx-auto mb-4">
|
|
Your privacy is important to us. Learn how we collect, use, and protect your information.
|
|
</p>
|
|
<p class="text-sm text-gray-500">Last updated: <span id="last-updated"></span></p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Main Content -->
|
|
<main class="relative pb-32">
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div class="grid lg:grid-cols-4 gap-12">
|
|
<!-- Table of Contents (Sidebar) -->
|
|
<aside class="hidden lg:block">
|
|
<div class="sticky top-28">
|
|
<h3 class="text-sm font-semibold uppercase tracking-wider text-gray-400 mb-4">On this page</h3>
|
|
<nav class="space-y-2">
|
|
<a href="#introduction" class="toc-link block text-sm text-gray-400 hover:text-accent">1. Introduction</a>
|
|
<a href="#information-collected" class="toc-link block text-sm text-gray-400 hover:text-accent">2. Information We Collect</a>
|
|
<a href="#how-we-use" class="toc-link block text-sm text-gray-400 hover:text-accent">3. How We Use Your Information</a>
|
|
<a href="#sharing" class="toc-link block text-sm text-gray-400 hover:text-accent">4. Information Sharing</a>
|
|
<a href="#security" class="toc-link block text-sm text-gray-400 hover:text-accent">5. Data Security</a>
|
|
<a href="#retention" class="toc-link block text-sm text-gray-400 hover:text-accent">6. Data Retention</a>
|
|
<a href="#rights" class="toc-link block text-sm text-gray-400 hover:text-accent">7. Your Rights</a>
|
|
<a href="#children" class="toc-link block text-sm text-gray-400 hover:text-accent">8. Children's Privacy</a>
|
|
<a href="#international" class="toc-link block text-sm text-gray-400 hover:text-accent">9. International Transfers</a>
|
|
<a href="#changes" class="toc-link block text-sm text-gray-400 hover:text-accent">10. Changes</a>
|
|
<a href="#contact" class="toc-link block text-sm text-gray-400 hover:text-accent">11. Contact Us</a>
|
|
</nav>
|
|
</div>
|
|
</aside>
|
|
|
|
<!-- Policy Content -->
|
|
<div class="lg:col-span-3 space-y-8">
|
|
<!-- Section 1 -->
|
|
<section id="introduction" class="section-card glass rounded-2xl p-8 border border-white/10">
|
|
<div class="flex items-start gap-4">
|
|
<div class="flex-shrink-0 w-12 h-12 rounded-xl bg-gradient-to-br from-accent/20 to-accent-2/20 flex items-center justify-center">
|
|
<span class="text-lg font-bold text-accent">1</span>
|
|
</div>
|
|
<div class="flex-1">
|
|
<h2 class="text-2xl font-bold mb-4">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>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Section 2 -->
|
|
<section id="information-collected" class="section-card glass rounded-2xl p-8 border border-white/10">
|
|
<div class="flex items-start gap-4">
|
|
<div class="flex-shrink-0 w-12 h-12 rounded-xl bg-gradient-to-br from-accent/20 to-accent-2/20 flex items-center justify-center">
|
|
<span class="text-lg font-bold text-accent">2</span>
|
|
</div>
|
|
<div class="flex-1">
|
|
<h2 class="text-2xl font-bold mb-6">Information We Collect</h2>
|
|
|
|
<div class="space-y-6">
|
|
<div class="bg-white/5 rounded-xl p-6 border border-white/5">
|
|
<h3 class="text-lg font-semibold mb-4 flex items-center gap-2">
|
|
<svg class="w-5 h-5 text-accent" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" />
|
|
</svg>
|
|
Information You Provide
|
|
</h3>
|
|
<ul class="space-y-3 text-gray-300">
|
|
<li class="flex items-start gap-3">
|
|
<span class="text-accent mt-1">•</span>
|
|
<div><strong class="text-white">Account Information:</strong> Email address, username, password, and profile information (display name, profile picture, bio)</div>
|
|
</li>
|
|
<li class="flex items-start gap-3">
|
|
<span class="text-accent mt-1">•</span>
|
|
<div><strong class="text-white">Content:</strong> Messages, media files, and other content you create or share through the app</div>
|
|
</li>
|
|
<li class="flex items-start gap-3">
|
|
<span class="text-accent mt-1">•</span>
|
|
<div><strong class="text-white">Contact Information:</strong> Information you provide when contacting support or submitting feedback</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="bg-white/5 rounded-xl p-6 border border-white/5">
|
|
<h3 class="text-lg font-semibold mb-4 flex items-center gap-2">
|
|
<svg class="w-5 h-5 text-accent" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
|
|
</svg>
|
|
Automatically Collected Information
|
|
</h3>
|
|
<ul class="space-y-3 text-gray-300">
|
|
<li class="flex items-start gap-3">
|
|
<span class="text-accent mt-1">•</span>
|
|
<div><strong class="text-white">Device Information:</strong> Device type, operating system, unique device identifiers, and mobile network information</div>
|
|
</li>
|
|
<li class="flex items-start gap-3">
|
|
<span class="text-accent mt-1">•</span>
|
|
<div><strong class="text-white">Usage Data:</strong> How you interact with the app, features used, time spent, and frequency of use</div>
|
|
</li>
|
|
<li class="flex items-start gap-3">
|
|
<span class="text-accent mt-1">•</span>
|
|
<div><strong class="text-white">Log Data:</strong> IP address, browser type, access times, and pages viewed</div>
|
|
</li>
|
|
<li class="flex items-start gap-3">
|
|
<span class="text-accent mt-1">•</span>
|
|
<div><strong class="text-white">Location Data:</strong> With your permission, we may collect location information</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Section 3 -->
|
|
<section id="how-we-use" class="section-card glass rounded-2xl p-8 border border-white/10">
|
|
<div class="flex items-start gap-4">
|
|
<div class="flex-shrink-0 w-12 h-12 rounded-xl bg-gradient-to-br from-accent/20 to-accent-2/20 flex items-center justify-center">
|
|
<span class="text-lg font-bold text-accent">3</span>
|
|
</div>
|
|
<div class="flex-1">
|
|
<h2 class="text-2xl font-bold mb-6">How We Use Your Information</h2>
|
|
<p class="text-gray-300 mb-6">We use the information we collect to:</p>
|
|
<div class="grid sm:grid-cols-2 gap-4">
|
|
<div class="flex items-start gap-3 bg-white/5 rounded-xl p-4">
|
|
<svg class="w-5 h-5 text-green-400 mt-0.5 flex-shrink-0" 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>
|
|
<span class="text-gray-300 text-sm">Provide, maintain, and improve our services</span>
|
|
</div>
|
|
<div class="flex items-start gap-3 bg-white/5 rounded-xl p-4">
|
|
<svg class="w-5 h-5 text-green-400 mt-0.5 flex-shrink-0" 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>
|
|
<span class="text-gray-300 text-sm">Process transactions and send related information</span>
|
|
</div>
|
|
<div class="flex items-start gap-3 bg-white/5 rounded-xl p-4">
|
|
<svg class="w-5 h-5 text-green-400 mt-0.5 flex-shrink-0" 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>
|
|
<span class="text-gray-300 text-sm">Send technical notices, updates, and security alerts</span>
|
|
</div>
|
|
<div class="flex items-start gap-3 bg-white/5 rounded-xl p-4">
|
|
<svg class="w-5 h-5 text-green-400 mt-0.5 flex-shrink-0" 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>
|
|
<span class="text-gray-300 text-sm">Respond to your comments, questions, and requests</span>
|
|
</div>
|
|
<div class="flex items-start gap-3 bg-white/5 rounded-xl p-4">
|
|
<svg class="w-5 h-5 text-green-400 mt-0.5 flex-shrink-0" 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>
|
|
<span class="text-gray-300 text-sm">Monitor and analyze trends, usage, and activities</span>
|
|
</div>
|
|
<div class="flex items-start gap-3 bg-white/5 rounded-xl p-4">
|
|
<svg class="w-5 h-5 text-green-400 mt-0.5 flex-shrink-0" 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>
|
|
<span class="text-gray-300 text-sm">Detect, prevent, and address technical issues</span>
|
|
</div>
|
|
<div class="flex items-start gap-3 bg-white/5 rounded-xl p-4">
|
|
<svg class="w-5 h-5 text-green-400 mt-0.5 flex-shrink-0" 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>
|
|
<span class="text-gray-300 text-sm">Personalize your experience and content</span>
|
|
</div>
|
|
<div class="flex items-start gap-3 bg-white/5 rounded-xl p-4">
|
|
<svg class="w-5 h-5 text-green-400 mt-0.5 flex-shrink-0" 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>
|
|
<span class="text-gray-300 text-sm">Comply with legal obligations</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Section 4 -->
|
|
<section id="sharing" class="section-card glass rounded-2xl p-8 border border-white/10">
|
|
<div class="flex items-start gap-4">
|
|
<div class="flex-shrink-0 w-12 h-12 rounded-xl bg-gradient-to-br from-accent/20 to-accent-2/20 flex items-center justify-center">
|
|
<span class="text-lg font-bold text-accent">4</span>
|
|
</div>
|
|
<div class="flex-1">
|
|
<h2 class="text-2xl font-bold mb-4">Information Sharing and Disclosure</h2>
|
|
|
|
<!-- Highlight Box -->
|
|
<div class="bg-green-500/10 border border-green-500/30 rounded-xl p-4 mb-6">
|
|
<p class="text-green-400 font-medium flex items-center gap-2">
|
|
<svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
|
|
</svg>
|
|
We do not sell your personal information.
|
|
</p>
|
|
</div>
|
|
|
|
<p class="text-gray-300 mb-6">We may share your information only in the following circumstances:</p>
|
|
<ul class="space-y-4 text-gray-300">
|
|
<li class="flex items-start gap-3">
|
|
<span class="text-accent mt-1">•</span>
|
|
<div><strong class="text-white">With Your Consent:</strong> When you explicitly authorize us to share your information</div>
|
|
</li>
|
|
<li class="flex items-start gap-3">
|
|
<span class="text-accent mt-1">•</span>
|
|
<div><strong class="text-white">Service Providers:</strong> With third-party service providers who perform services on our behalf (e.g., cloud storage, analytics)</div>
|
|
</li>
|
|
<li class="flex items-start gap-3">
|
|
<span class="text-accent mt-1">•</span>
|
|
<div><strong class="text-white">Legal Requirements:</strong> When required by law, court order, or government regulation</div>
|
|
</li>
|
|
<li class="flex items-start gap-3">
|
|
<span class="text-accent mt-1">•</span>
|
|
<div><strong class="text-white">Safety and Security:</strong> To protect the rights, property, or safety of ZekoChat, our users, or others</div>
|
|
</li>
|
|
<li class="flex items-start gap-3">
|
|
<span class="text-accent mt-1">•</span>
|
|
<div><strong class="text-white">Business Transfers:</strong> In connection with any merger, sale, or acquisition of assets</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Section 5 -->
|
|
<section id="security" class="section-card glass rounded-2xl p-8 border border-white/10">
|
|
<div class="flex items-start gap-4">
|
|
<div class="flex-shrink-0 w-12 h-12 rounded-xl bg-gradient-to-br from-accent/20 to-accent-2/20 flex items-center justify-center">
|
|
<span class="text-lg font-bold text-accent">5</span>
|
|
</div>
|
|
<div class="flex-1">
|
|
<h2 class="text-2xl font-bold mb-4">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>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Section 6 -->
|
|
<section id="retention" class="section-card glass rounded-2xl p-8 border border-white/10">
|
|
<div class="flex items-start gap-4">
|
|
<div class="flex-shrink-0 w-12 h-12 rounded-xl bg-gradient-to-br from-accent/20 to-accent-2/20 flex items-center justify-center">
|
|
<span class="text-lg font-bold text-accent">6</span>
|
|
</div>
|
|
<div class="flex-1">
|
|
<h2 class="text-2xl font-bold mb-4">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>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Section 7 -->
|
|
<section id="rights" class="section-card glass rounded-2xl p-8 border border-white/10">
|
|
<div class="flex items-start gap-4">
|
|
<div class="flex-shrink-0 w-12 h-12 rounded-xl bg-gradient-to-br from-accent/20 to-accent-2/20 flex items-center justify-center">
|
|
<span class="text-lg font-bold text-accent">7</span>
|
|
</div>
|
|
<div class="flex-1">
|
|
<h2 class="text-2xl font-bold mb-6">Your Rights and Choices</h2>
|
|
<p class="text-gray-300 mb-6">Depending on your location, you may have the following rights:</p>
|
|
<div class="grid sm:grid-cols-2 gap-4">
|
|
<div class="bg-white/5 rounded-xl p-4 border border-white/5">
|
|
<div class="flex items-center gap-3 mb-2">
|
|
<div class="w-8 h-8 rounded-lg bg-accent/20 flex items-center justify-center">
|
|
<svg class="w-4 h-4 text-accent" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" />
|
|
</svg>
|
|
</div>
|
|
<h4 class="font-semibold">Access</h4>
|
|
</div>
|
|
<p class="text-gray-400 text-sm">Request access to your personal information</p>
|
|
</div>
|
|
<div class="bg-white/5 rounded-xl p-4 border border-white/5">
|
|
<div class="flex items-center gap-3 mb-2">
|
|
<div class="w-8 h-8 rounded-lg bg-accent/20 flex items-center justify-center">
|
|
<svg class="w-4 h-4 text-accent" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" />
|
|
</svg>
|
|
</div>
|
|
<h4 class="font-semibold">Correction</h4>
|
|
</div>
|
|
<p class="text-gray-400 text-sm">Request correction of inaccurate or incomplete information</p>
|
|
</div>
|
|
<div class="bg-white/5 rounded-xl p-4 border border-white/5">
|
|
<div class="flex items-center gap-3 mb-2">
|
|
<div class="w-8 h-8 rounded-lg bg-accent/20 flex items-center justify-center">
|
|
<svg class="w-4 h-4 text-accent" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
|
|
</svg>
|
|
</div>
|
|
<h4 class="font-semibold">Deletion</h4>
|
|
</div>
|
|
<p class="text-gray-400 text-sm">Request deletion of your personal information</p>
|
|
</div>
|
|
<div class="bg-white/5 rounded-xl p-4 border border-white/5">
|
|
<div class="flex items-center gap-3 mb-2">
|
|
<div class="w-8 h-8 rounded-lg bg-accent/20 flex items-center justify-center">
|
|
<svg class="w-4 h-4 text-accent" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4" />
|
|
</svg>
|
|
</div>
|
|
<h4 class="font-semibold">Portability</h4>
|
|
</div>
|
|
<p class="text-gray-400 text-sm">Request transfer of your data to another service</p>
|
|
</div>
|
|
<div class="bg-white/5 rounded-xl p-4 border border-white/5">
|
|
<div class="flex items-center gap-3 mb-2">
|
|
<div class="w-8 h-8 rounded-lg bg-accent/20 flex items-center justify-center">
|
|
<svg class="w-4 h-4 text-accent" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728A9 9 0 015.636 5.636m12.728 12.728L5.636 5.636" />
|
|
</svg>
|
|
</div>
|
|
<h4 class="font-semibold">Objection</h4>
|
|
</div>
|
|
<p class="text-gray-400 text-sm">Object to processing of your personal information</p>
|
|
</div>
|
|
<div class="bg-white/5 rounded-xl p-4 border border-white/5">
|
|
<div class="flex items-center gap-3 mb-2">
|
|
<div class="w-8 h-8 rounded-lg bg-accent/20 flex items-center justify-center">
|
|
<svg class="w-4 h-4 text-accent" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 9v6m4-6v6m7-3a9 9 0 11-18 0 9 9 0 0118 0z" />
|
|
</svg>
|
|
</div>
|
|
<h4 class="font-semibold">Restriction</h4>
|
|
</div>
|
|
<p class="text-gray-400 text-sm">Request restriction of processing your information</p>
|
|
</div>
|
|
</div>
|
|
<p class="text-gray-300 mt-6">
|
|
To exercise these rights, please contact us using the information provided in the "Contact Us" section below.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Section 8 -->
|
|
<section id="children" class="section-card glass rounded-2xl p-8 border border-white/10">
|
|
<div class="flex items-start gap-4">
|
|
<div class="flex-shrink-0 w-12 h-12 rounded-xl bg-gradient-to-br from-accent/20 to-accent-2/20 flex items-center justify-center">
|
|
<span class="text-lg font-bold text-accent">8</span>
|
|
</div>
|
|
<div class="flex-1">
|
|
<h2 class="text-2xl font-bold mb-4">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>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Section 9 -->
|
|
<section id="international" class="section-card glass rounded-2xl p-8 border border-white/10">
|
|
<div class="flex items-start gap-4">
|
|
<div class="flex-shrink-0 w-12 h-12 rounded-xl bg-gradient-to-br from-accent/20 to-accent-2/20 flex items-center justify-center">
|
|
<span class="text-lg font-bold text-accent">9</span>
|
|
</div>
|
|
<div class="flex-1">
|
|
<h2 class="text-2xl font-bold mb-4">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>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Section 10 -->
|
|
<section id="changes" class="section-card glass rounded-2xl p-8 border border-white/10">
|
|
<div class="flex items-start gap-4">
|
|
<div class="flex-shrink-0 w-12 h-12 rounded-xl bg-gradient-to-br from-accent/20 to-accent-2/20 flex items-center justify-center">
|
|
<span class="text-lg font-bold text-accent">10</span>
|
|
</div>
|
|
<div class="flex-1">
|
|
<h2 class="text-2xl font-bold mb-4">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>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Section 11 -->
|
|
<section id="contact" class="section-card glass rounded-2xl p-8 border border-white/10">
|
|
<div class="flex items-start gap-4">
|
|
<div class="flex-shrink-0 w-12 h-12 rounded-xl bg-gradient-to-br from-accent/20 to-accent-2/20 flex items-center justify-center">
|
|
<span class="text-lg font-bold text-accent">11</span>
|
|
</div>
|
|
<div class="flex-1">
|
|
<h2 class="text-2xl font-bold mb-6">Contact Us</h2>
|
|
<p class="text-gray-300 mb-6">
|
|
If you have any questions, concerns, or requests regarding this Privacy Policy or our data practices, please contact us:
|
|
</p>
|
|
<div class="grid sm:grid-cols-2 gap-4">
|
|
<a href="mailto:contact@zeko.chat" class="flex items-center gap-4 bg-white/5 rounded-xl p-5 border border-white/5 hover:border-accent/30 transition group">
|
|
<div class="w-12 h-12 rounded-xl bg-accent/20 flex items-center justify-center group-hover:scale-110 transition">
|
|
<svg class="w-6 h-6 text-accent" 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>
|
|
<div>
|
|
<div class="font-semibold mb-1">Email</div>
|
|
<div class="text-accent text-sm">contact@zeko.chat</div>
|
|
</div>
|
|
</a>
|
|
<a href="https://app.peptide.chat/invite/Testers" target="_blank" class="flex items-center gap-4 bg-white/5 rounded-xl p-5 border border-white/5 hover:border-accent/30 transition group">
|
|
<div class="w-12 h-12 rounded-xl bg-accent/20 flex items-center justify-center group-hover:scale-110 transition">
|
|
<svg class="w-6 h-6 text-accent" 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>
|
|
<div>
|
|
<div class="font-semibold mb-1">Support Server</div>
|
|
<div class="text-accent text-sm">Join Testers Server</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<!-- Footer -->
|
|
<footer class="relative border-t border-white/5 bg-surface/50">
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
|
|
<div class="grid md:grid-cols-4 gap-12">
|
|
<!-- Brand -->
|
|
<div class="md:col-span-2">
|
|
<div class="flex items-center space-x-3 mb-6">
|
|
<div class="relative">
|
|
<div class="absolute -inset-1 bg-gradient-to-r from-accent to-accent-3 rounded-xl blur opacity-30"></div>
|
|
<img src="assets/logo.png" alt="ZekoChat Logo" class="relative h-10 w-10 rounded-xl">
|
|
</div>
|
|
<span class="text-xl font-bold">ZekoChat</span>
|
|
</div>
|
|
<p class="text-gray-400 leading-relaxed max-w-sm mb-6">
|
|
Your place to vibe with friends. Join endless chats and connections on the modern messaging platform.
|
|
</p>
|
|
<!-- Social Links -->
|
|
<div class="flex gap-4">
|
|
<a href="https://github.com/peptidechat/peptide" class="w-10 h-10 rounded-xl bg-white/5 flex items-center justify-center hover:bg-white/10 transition" target="_blank">
|
|
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
|
|
<path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
|
|
</svg>
|
|
</a>
|
|
<a href="https://app.peptide.chat/invite/Testers" class="w-10 h-10 rounded-xl bg-white/5 flex items-center justify-center hover:bg-white/10 transition" target="_blank">
|
|
<svg class="w-5 h-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>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Legal -->
|
|
<div>
|
|
<h4 class="font-semibold mb-5 text-sm uppercase tracking-wider text-gray-400">Legal</h4>
|
|
<ul class="space-y-3">
|
|
<li><a href="privacy.html" class="text-gray-400 hover:text-white transition">Privacy Policy</a></li>
|
|
<li><a href="terms.html" class="text-gray-400 hover:text-white transition">Terms of Service</a></li>
|
|
<li><a href="community-guidelines.html" class="text-gray-400 hover:text-white transition">Community Guidelines</a></li>
|
|
<li><a href="delete-account.html" class="text-gray-400 hover:text-white transition">Delete Account</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Support -->
|
|
<div>
|
|
<h4 class="font-semibold mb-5 text-sm uppercase tracking-wider text-gray-400">Support</h4>
|
|
<ul class="space-y-3">
|
|
<li><a href="https://app.peptide.chat/invite/Testers" class="text-gray-400 hover:text-white transition" target="_blank">Join Community</a></li>
|
|
<li><a href="mailto:contact@zeko.chat" class="text-gray-400 hover:text-white transition">Contact Us</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Bottom Bar -->
|
|
<div class="mt-16 pt-8 border-t border-white/5 flex flex-col md:flex-row justify-between items-center gap-4">
|
|
<p class="text-sm text-gray-500">© 2025 ZekoChat. All rights reserved.</p>
|
|
<div class="flex items-center gap-2 text-sm text-gray-500">
|
|
<span>Made with</span>
|
|
<span class="text-red-500">❤️</span>
|
|
<span>for chatters everywhere</span>
|
|
</div>
|
|
</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');
|
|
});
|
|
|
|
// Smooth scroll for anchor links
|
|
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
|
anchor.addEventListener('click', function (e) {
|
|
e.preventDefault();
|
|
const target = document.querySelector(this.getAttribute('href'));
|
|
if (target) {
|
|
const offset = 100;
|
|
const targetPosition = target.getBoundingClientRect().top + window.pageYOffset - offset;
|
|
window.scrollTo({
|
|
top: targetPosition,
|
|
behavior: 'smooth'
|
|
});
|
|
}
|
|
});
|
|
});
|
|
|
|
// Highlight current section in TOC
|
|
const sections = document.querySelectorAll('section[id]');
|
|
const tocLinks = document.querySelectorAll('.toc-link');
|
|
|
|
window.addEventListener('scroll', () => {
|
|
let current = '';
|
|
sections.forEach(section => {
|
|
const sectionTop = section.offsetTop;
|
|
if (window.scrollY >= sectionTop - 200) {
|
|
current = section.getAttribute('id');
|
|
}
|
|
});
|
|
|
|
tocLinks.forEach(link => {
|
|
link.classList.remove('text-accent', 'pl-4');
|
|
if (link.getAttribute('href') === '#' + current) {
|
|
link.classList.add('text-accent', 'pl-4');
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|