southseact-3d/shopify-ai-backup
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Restore to commit 74e578279624c6045ca440a3459ebfa1f8d54191

Browse Source
This commit is contained in:
southseact-3d
2026-02-07 20:32:41 +00:00
commit ed67b7741b
252 changed files with 99814 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

402
chat/public/privacy.html Normal file
View File

@@ -0,0 +1,402 @@
<!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>