402 lines
22 KiB
HTML
402 lines
22 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" class="scroll-smooth">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Privacy Policy | Plugin Compass</title>
|
|
<link rel="icon" type="image/png" href="/assets/Plugin.png">
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
|
|
<style>
|
|
body {
|
|
font-family: 'Inter', system-ui, -apple-system, sans-serif;
|
|
}
|
|
|
|
.hero-gradient {
|
|
background: linear-gradient(135deg, #004225, #006b3d);
|
|
}
|
|
|
|
.glass-nav {
|
|
background: rgba(251, 246, 239, 0.9);
|
|
backdrop-filter: blur(12px);
|
|
-webkit-backdrop-filter: blur(12px);
|
|
border-bottom: 1px solid rgba(0, 66, 37, 0.1);
|
|
}
|
|
</style>
|
|
<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@400;500;600;700&display=swap" rel="stylesheet">
|
|
|
|
<!-- PostHog Analytics -->
|
|
<script src="/posthog.js"></script>
|
|
</head>
|
|
|
|
<body class="bg-amber-50 text-gray-900 antialiased">
|
|
|
|
<!-- Navigation -->
|
|
<nav class="fixed w-full z-50 glass-nav transition-all duration-300" id="navbar">
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div class="flex justify-between items-center h-20">
|
|
<!-- Logo -->
|
|
<a href="/" class="flex-shrink-0 flex items-center gap-2 cursor-pointer">
|
|
<img src="/assets/Plugin.png" alt="Plugin Compass" class="w-8 h-8">
|
|
<span class="font-bold text-xl tracking-tight text-gray-800">Plugin<span
|
|
class="text-green-700">Compass</span></span>
|
|
</a>
|
|
|
|
<!-- Desktop Menu -->
|
|
<div class="hidden md:flex items-center space-x-8">
|
|
<a href="/features"
|
|
class="text-gray-700 hover:text-gray-900 transition-colors text-sm font-medium">Features</a>
|
|
<a href="/pricing"
|
|
class="text-gray-700 hover:text-gray-900 transition-colors text-sm font-medium">Pricing</a>
|
|
<a href="/docs"
|
|
class="text-gray-700 hover:text-gray-900 transition-colors text-sm font-medium">Docs</a>
|
|
<a href="/faq"
|
|
class="text-gray-700 hover:text-gray-900 transition-colors text-sm font-medium">FAQ</a>
|
|
</div>
|
|
|
|
<!-- CTA Buttons -->
|
|
<div class="hidden md:flex items-center gap-4">
|
|
<a href="/login"
|
|
class="text-gray-700 hover:text-gray-900 font-medium text-sm transition-colors">Sign In</a>
|
|
<a href="/signup"
|
|
class="bg-green-700 hover:bg-green-600 text-white px-5 py-2.5 rounded-full font-medium text-sm transition-all shadow-lg shadow-green-700/20 hover:shadow-green-700/40 transform hover:-translate-y-0.5">
|
|
Get Started
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Mobile Menu Button -->
|
|
<div class="md:hidden flex items-center">
|
|
<button id="mobile-menu-btn" class="text-gray-700 hover:text-gray-900 focus:outline-none">
|
|
<i class="fa-solid fa-bars text-xl"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Mobile Menu Panel -->
|
|
<div id="mobile-menu" class="hidden md:hidden bg-amber-50 border-b border-amber-200">
|
|
<div class="px-4 pt-2 pb-6 space-y-1">
|
|
<a href="/features"
|
|
class="block px-3 py-3 text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-amber-100 rounded-md">Features</a>
|
|
<a href="/pricing"
|
|
class="block px-3 py-3 text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-amber-100 rounded-md">Pricing</a>
|
|
<a href="/docs"
|
|
class="block px-3 py-3 text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-amber-100 rounded-md">Docs</a>
|
|
<a href="/faq"
|
|
class="block px-3 py-3 text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-amber-100 rounded-md">FAQ</a>
|
|
<div class="pt-4 flex flex-col gap-3">
|
|
<a href="/login" class="w-full text-center py-2 text-gray-700 font-medium">Sign In</a>
|
|
<a href="/signup" class="w-full bg-green-700 text-white text-center py-3 rounded-lg font-medium">Get
|
|
Started</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<header class="hero-gradient text-white pt-32 pb-12">
|
|
<div class="max-w-6xl mx-auto px-4">
|
|
<h1 class="text-5xl font-bold mb-4">Privacy Policy</h1>
|
|
<p class="text-xl text-green-50 max-w-3xl">Your privacy is important to us. This policy explains how we
|
|
collect, use, and protect your information when using our AI-powered Wordpress Plugin Builder.</p>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="max-w-6xl mx-auto px-4 py-16">
|
|
<div class="bg-white rounded-2xl shadow-sm border border-gray-100 p-8 md:p-12 space-y-8">
|
|
|
|
<section>
|
|
<h2 class="text-2xl font-bold text-gray-900 mb-4">Introduction</h2>
|
|
<p class="text-gray-700 leading-relaxed">
|
|
Plugin Compass is committed to protecting the privacy of our users. This Privacy Policy describes
|
|
how we collect, use, and disclose information about you when you access or use our AI-powered
|
|
Shopify app building platform, services, and applications.
|
|
</p>
|
|
<p class="text-gray-700 leading-relaxed mt-3">
|
|
By using Plugin Compass, you consent to the collection, use, and disclosure of your information as
|
|
described in this Privacy Policy.
|
|
</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2 class="text-2xl font-bold text-gray-900 mb-4">Information We Collect</h2>
|
|
|
|
<h3 class="text-xl font-semibold text-gray-900 mb-3">Information You Provide</h3>
|
|
<ul class="list-disc list-inside space-y-2 text-gray-700">
|
|
<li><strong>Account Information:</strong> When you create an account, we collect your email address,
|
|
password (hashed), and any other information you choose to provide in your profile.</li>
|
|
<li><strong>Payment Information:</strong> When you subscribe to a paid plan, our payment processor
|
|
collects your payment method details. We do not store full payment card numbers.</li>
|
|
<li><strong>WordPress Plugin Information:</strong> When you build Shopify apps using our AI
|
|
platform, we store the details and code you provide or generate through our service.</li>
|
|
<li><strong>Communications:</strong> When you contact us for support or other inquiries, we collect
|
|
the content of your communications.</li>
|
|
</ul>
|
|
|
|
<h3 class="text-xl font-semibold text-gray-900 mb-3 mt-6">Information We Collect Automatically</h3>
|
|
<ul class="list-disc list-inside space-y-2 text-gray-700">
|
|
<li><strong>Usage Data:</strong> We collect information about how you use our services, including
|
|
app builds, features accessed, and session duration.</li>
|
|
<li><strong>Device Information:</strong> We collect information about the devices you use to access
|
|
our services, including browser type, IP address, and operating system.</li>
|
|
<li><strong>Cookies:</strong> We use cookies and similar technologies to enhance your experience and
|
|
analyze usage. See our Cookie Policy below for details.</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section>
|
|
<h2 class="text-2xl font-bold text-gray-900 mb-4">How We Use Your Information</h2>
|
|
<ul class="list-disc list-inside space-y-2 text-gray-700">
|
|
<li>To provide, maintain, and improve our services</li>
|
|
<li>To process your transactions and send you related information</li>
|
|
<li>To send you technical notices, updates, security alerts, and support messages</li>
|
|
<li>To respond to your comments, questions, and requests</li>
|
|
<li>To monitor and analyze trends, usage, and activities in connection with our services</li>
|
|
<li>To detect, investigate, and prevent fraudulent transactions and other illegal activities</li>
|
|
<li>To comply with legal obligations and enforce our Terms of Service</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section>
|
|
<h2 class="text-2xl font-bold text-gray-900 mb-4">How We Share Your Information</h2>
|
|
|
|
<h3 class="text-xl font-semibold text-gray-900 mb-3">Third-Party Service Providers</h3>
|
|
<p class="text-gray-700 leading-relaxed">
|
|
We may share your information with third-party service providers who perform services on our behalf,
|
|
such as payment processing, data analysis, email delivery, hosting services, and customer service.
|
|
These providers are obligated to protect your information and only use it as necessary to provide
|
|
services to us.
|
|
</p>
|
|
|
|
<h3 class="text-xl font-semibold text-gray-900 mb-3 mt-4">AI Model Providers</h3>
|
|
<p class="text-gray-700 leading-relaxed">
|
|
When you use our AI features, your prompts and generated code may be sent to third-party AI model
|
|
providers (such as OpenRouter or Anthropic) to generate responses. These providers have their own
|
|
privacy policies regarding how they handle your data.
|
|
</p>
|
|
|
|
<h3 class="text-xl font-semibold text-gray-900 mb-3 mt-4">Legal Compliance</h3>
|
|
<p class="text-gray-700 leading-relaxed">
|
|
We may disclose your information if required to do so by law or in the good faith belief that such
|
|
action is necessary to comply with legal obligations, protect and defend our rights or property, or
|
|
protect the personal safety of users or the public.
|
|
</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2 class="text-2xl font-bold text-gray-900 mb-4">Data Retention</h2>
|
|
<p class="text-gray-700 leading-relaxed">
|
|
We retain your information for as long as your account is active or as needed to provide you
|
|
services. We may also retain and use your information as necessary to comply with our legal
|
|
obligations, resolve disputes, and enforce our agreements.
|
|
</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2 class="text-2xl font-bold text-gray-900 mb-4">Your Rights and Choices</h2>
|
|
<ul class="list-disc list-inside space-y-2 text-gray-700">
|
|
<li><strong>Access and Update:</strong> You can access and update your account information through
|
|
your account settings.</li>
|
|
<li><strong>Data Export:</strong> You can export your WordPress plugins and apps at any time through
|
|
our dashboard.</li>
|
|
<li><strong>Account Deletion:</strong> You can delete your account by contacting our support team.
|
|
Please note that some information may remain in our backups for a limited time.</li>
|
|
<li><strong>Cookies:</strong> Most web browsers are set to accept cookies by default. You can modify
|
|
your browser settings to decline cookies if you prefer.</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section>
|
|
<h2 class="text-2xl font-bold text-gray-900 mb-4">Data Security</h2>
|
|
<p class="text-gray-700 leading-relaxed">
|
|
We implement reasonable security measures to protect your information from unauthorized access,
|
|
alteration, disclosure, or destruction. However, no internet or email transmission is ever fully
|
|
secure or error-free, so please keep this in mind when disclosing any information to us.
|
|
</p>
|
|
<p class="text-gray-700 leading-relaxed mt-3">
|
|
<strong>AI Code Disclaimer:</strong> AI-generated code may contain errors, security vulnerabilities,
|
|
or inefficiencies. You are solely responsible for reviewing, testing, and validating all generated
|
|
code before using it in production.
|
|
</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2 class="text-2xl font-bold text-gray-900 mb-4">Children's Privacy</h2>
|
|
<p class="text-gray-700 leading-relaxed">
|
|
Our services are not directed to children under 13 (or other age as required by local law). We do
|
|
not knowingly collect personal information from children. If you become aware that a child has
|
|
provided us with personal information, please contact us.
|
|
</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2 class="text-2xl font-bold text-gray-900 mb-4">Changes to This Privacy Policy</h2>
|
|
<p class="text-gray-700 leading-relaxed">
|
|
We may update this Privacy Policy from time to time. If we make material changes, we will notify you
|
|
through our website or by email. Your continued use of our services after any changes take effect
|
|
constitutes your acceptance of the revised Privacy Policy.
|
|
</p>
|
|
<p class="text-sm text-gray-600 mt-2">
|
|
Last updated: January 1, 2026
|
|
</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2 class="text-2xl font-bold text-gray-900 mb-4">Contact Us</h2>
|
|
<p class="text-gray-700 leading-relaxed">
|
|
If you have questions or concerns about this Privacy Policy, please contact us at:
|
|
</p>
|
|
<div class="mt-4 space-y-1 text-gray-700">
|
|
<p><strong>Email:</strong> info@plugincompas.com</p>
|
|
</section>
|
|
|
|
</div>
|
|
</main>
|
|
|
|
<!-- CTA Footer -->
|
|
<section class="py-24 bg-amber-50">
|
|
<div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
|
<h2 class="text-4xl font-bold mb-8 text-gray-900">Build Your Custom Plugin Today</h2>
|
|
<p class="text-xl text-gray-700 mb-10">Start building WordPress plugins that fit your exact needs. No coding
|
|
experience required.</p>
|
|
<a href="/signup"
|
|
class="inline-flex items-center justify-center px-8 py-4 bg-green-700 text-white rounded-full font-bold hover:bg-green-600 transition-all shadow-xl shadow-green-700/20">
|
|
Get Started Free <i class="fa-solid fa-arrow-right ml-2"></i>
|
|
</a>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<footer class="bg-white border-t border-green-200 pt-16 pb-8">
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div class="grid grid-cols-2 lg:grid-cols-5 gap-12 mb-16">
|
|
<div class="col-span-2 lg:col-span-1">
|
|
<div class="flex items-center gap-2 mb-6">
|
|
<img src="/assets/Plugin.png" alt="Plugin Compass" class="w-8 h-8">
|
|
<span class="font-bold text-xl tracking-tight text-gray-800">Plugin<span
|
|
class="text-green-700">Compass</span></span>
|
|
</div>
|
|
<p class="text-gray-600 text-sm leading-relaxed">
|
|
The smart way for WordPress site owners to replace expensive plugin subscriptions with custom
|
|
solutions. Save thousands monthly.
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<h4 class="font-bold text-gray-900 mb-6">Product</h4>
|
|
<ul class="space-y-4 text-sm">
|
|
<li><a href="/features" class="text-gray-600 hover:text-green-700">Features</a></li>
|
|
<li><a href="/pricing" class="text-gray-600 hover:text-green-700">Pricing</a></li>
|
|
<li><a href="/templates.html" class="text-gray-600 hover:text-green-700">Templates</a></li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<h4 class="font-bold text-gray-900 mb-6">Resources</h4>
|
|
<ul class="space-y-4 text-sm">
|
|
<li><a href="/docs" class="text-gray-600 hover:text-green-700">Documentation</a></li>
|
|
<li><a href="/faq" class="text-gray-600 hover:text-green-700">FAQ</a></li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<h4 class="font-bold text-gray-900 mb-6">Legal</h4>
|
|
<ul class="space-y-4 text-sm">
|
|
<li><a href="/privacy.html" class="text-gray-600 hover:text-green-700">Privacy Policy</a></li>
|
|
<li><a href="/terms" class="text-gray-600 hover:text-green-700">Terms of Service</a></li>
|
|
<li><a href="/contact" class="text-gray-600 hover:text-green-700">Contact Us</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-span-2 lg:col-span-1">
|
|
<h4 class="font-bold text-gray-900 mb-6">Stay Updated</h4>
|
|
<p class="text-gray-600 text-sm mb-4">Get the latest updates and WordPress tips.</p>
|
|
<form id="footer-signup-form" class="flex flex-col gap-2">
|
|
<input type="email" name="email" placeholder="Your email" required
|
|
class="px-4 py-2 border border-green-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-700/20 text-sm">
|
|
<button type="submit"
|
|
class="bg-green-700 hover:bg-green-600 text-white px-4 py-2 rounded-lg font-medium text-sm transition-colors shadow-lg shadow-green-700/10">
|
|
Subscribe
|
|
</button>
|
|
</form>
|
|
<div id="signup-message" class="mt-2 text-xs hidden"></div>
|
|
</div>
|
|
</div>
|
|
<div class="border-t border-gray-100 pt-8 flex justify-center">
|
|
<p class="text-gray-500 text-xs text-center">© 2026 Plugin Compass. All rights reserved.</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script>
|
|
const mobileMenuBtn = document.getElementById('mobile-menu-btn');
|
|
const mobileMenu = document.getElementById('mobile-menu');
|
|
|
|
if (mobileMenuBtn && mobileMenu) {
|
|
mobileMenuBtn.addEventListener('click', () => {
|
|
mobileMenu.classList.toggle('hidden');
|
|
});
|
|
}
|
|
|
|
// Navbar scroll effect
|
|
window.addEventListener('scroll', () => {
|
|
const navbar = document.getElementById('navbar');
|
|
if (!navbar) return;
|
|
if (window.scrollY > 20) {
|
|
navbar.classList.add('shadow-md', 'h-16');
|
|
navbar.classList.remove('h-20');
|
|
} else {
|
|
navbar.classList.remove('shadow-md', 'h-16');
|
|
navbar.classList.add('h-20');
|
|
}
|
|
});
|
|
|
|
// Email Signup Form Handler
|
|
const signupForm = document.getElementById('footer-signup-form');
|
|
const signupMessage = document.getElementById('signup-message');
|
|
|
|
if (signupForm) {
|
|
signupForm.addEventListener('submit', async (e) => {
|
|
e.preventDefault();
|
|
const email = signupForm.querySelector('input[name="email"]').value;
|
|
const button = signupForm.querySelector('button');
|
|
|
|
button.disabled = true;
|
|
button.textContent = 'Subscribing...';
|
|
|
|
try {
|
|
const response = await fetch('https://emailmarketing.modelrailway3d.co.uk/api/webhooks/incoming/wh_0Z49zi_DGj4-lKJMOPO8-g', {
|
|
method: 'POST',
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
},
|
|
body: JSON.stringify({
|
|
email: email,
|
|
source: 'plugin_compass_footer',
|
|
timestamp: new Date().toISOString()
|
|
})
|
|
});
|
|
|
|
if (response.ok) {
|
|
signupMessage.textContent = 'Successfully subscribed!';
|
|
signupMessage.className = 'mt-2 text-xs text-green-600';
|
|
signupForm.reset();
|
|
} else {
|
|
throw new Error('Failed to subscribe');
|
|
}
|
|
} catch (error) {
|
|
signupMessage.textContent = 'Failed to subscribe. Please try again.';
|
|
signupMessage.className = 'mt-2 text-xs text-red-600';
|
|
} finally {
|
|
signupMessage.classList.remove('hidden');
|
|
button.disabled = false;
|
|
button.textContent = 'Subscribe';
|
|
|
|
setTimeout(() => {
|
|
signupMessage.classList.add('hidden');
|
|
}, 5000);
|
|
}
|
|
});
|
|
}
|
|
</script>
|
|
</body>
|
|
|
|
</html> |