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

258
chat/public/affiliate.html Normal file
View File

@@ -0,0 +1,258 @@
<!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>Affiliate Program | 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">
<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&display=swap" rel="stylesheet">
<script>
tailwind.config = {
theme: {
extend: {
fontFamily: { sans: ['Inter', 'sans-serif'] },
colors: {
brand: {
50: '#eef2ff',
500: '#6366f1',
600: '#4f46e5',
700: '#4338ca'
}
}
}
}
}
</script>
<!-- PostHog Analytics -->
<script src="/posthog.js"></script>
</head>
<body class="bg-amber-50 text-gray-900 font-sans antialiased">
<nav class="sticky top-0 z-30 bg-amber-50/95 backdrop-blur border-b border-amber-200">
<div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex items-center justify-between h-16">
<a href="/" class="flex items-center gap-2 font-bold">
<img src="/assets/Plugin.png" alt="Plugin Compass" class="w-8 h-8 rounded-lg">
<span class="text-gray-900">Plugin<span class="text-green-700">Compass</span></span>
</a>
<div class="hidden sm:flex items-center gap-4 text-sm">
<a class="text-gray-700 hover:text-gray-900" href="/pricing">Pricing</a>
<a class="text-gray-700 hover:text-gray-900" href="/features">Features</a>
<a class="text-gray-700 hover:text-gray-900" href="/affiliate-dashboard">Affiliate Dashboard</a>
<a class="px-4 py-2 rounded-lg border border-green-700 text-green-700 font-semibold hover:bg-green-50"
href="/affiliate-login">Affiliate Login</a>
<a class="px-4 py-2 rounded-lg bg-green-700 text-white font-semibold shadow hover:bg-green-600"
href="/affiliate-signup">Join program</a>
</div>
</div>
</div>
</nav>
<header class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 pt-14 pb-12 text-center">
<p
class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-green-100 text-green-800 text-xs font-semibold mb-4">
<i class="fa-solid fa-gem"></i> Earn 7.5% on every paid plan
</p>
<h1 class="text-4xl md:text-5xl font-bold text-gray-900 leading-tight mb-4">Partner with Plugin Compass and grow
recurring revenue</h1>
<p class="text-lg md:text-xl text-gray-700 max-w-3xl mx-auto mb-8">Share the AI builder that replaces expensive
plugins with custom solutions. Every customer you send earns you <strong>7.5% commission</strong> on their paid
plan — with transparent tracking inside your dashboard.</p>
<div class="flex flex-wrap justify-center gap-4">
<a href="/affiliate-signup"
class="px-6 py-3 rounded-full bg-green-700 text-white font-semibold shadow-lg hover:bg-green-600">Become an
affiliate</a>
<a href="/affiliate-login"
class="px-6 py-3 rounded-full border border-green-700 text-green-700 font-semibold hover:bg-green-50">Login to
dashboard</a>
</div>
</header>
<main class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 pb-16">
<section class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-12">
<div class="bg-white rounded-2xl shadow-sm border border-amber-200 p-6">
<div class="w-10 h-10 rounded-lg bg-green-100 text-green-800 flex items-center justify-center mb-4">
<i class="fa-solid fa-hand-holding-dollar"></i>
</div>
<h3 class="text-lg font-semibold mb-2">Recurring 7.5% payouts</h3>
<p class="text-gray-700 text-sm">Earn 7.5% on every paid billing cycle (Business & Enterprise plans). Payout
records are visible in your dashboard.</p>
</div>
<div class="bg-white rounded-2xl shadow-sm border border-amber-200 p-6">
<div class="w-10 h-10 rounded-lg bg-green-100 text-green-800 flex items-center justify-center mb-4">
<i class="fa-solid fa-link"></i>
</div>
<h3 class="text-lg font-semibold mb-2">Flexible tracking links</h3>
<p class="text-gray-700 text-sm">Generate unlimited tracking links for campaigns. We keep attribution on signup
and when customers upgrade.</p>
</div>
<div class="bg-white rounded-2xl shadow-sm border border-amber-200 p-6">
<div class="w-10 h-10 rounded-lg bg-green-100 text-green-800 flex items-center justify-center mb-4">
<i class="fa-solid fa-gauge-high"></i>
</div>
<h3 class="text-lg font-semibold mb-2">Clear dashboards</h3>
<p class="text-gray-700 text-sm">Track earnings, see attributed plans, and copy ready-to-share pricing links
from one place.</p>
</div>
</section>
<section class="bg-white rounded-3xl shadow-sm border border-amber-200 p-8 mb-12">
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 items-center">
<div>
<p class="text-xs font-semibold uppercase text-green-700 mb-2">Why customers convert</p>
<h2 class="text-2xl font-bold mb-3">Plan benefits you can pitch</h2>
<ul class="space-y-3 text-gray-700">
<li class="flex gap-3"><i class="fa-solid fa-circle-check text-green-600 mt-1"></i><span>Business plan —
unlimited custom app builds, priority queueing, and premium templates.</span></li>
<li class="flex gap-3"><i class="fa-solid fa-circle-check text-green-600 mt-1"></i><span>Enterprise plan —
unlimited apps, fastest generation speed, and dedicated support for agencies.</span></li>
<li class="flex gap-3"><i class="fa-solid fa-circle-check text-green-600 mt-1"></i><span>All plans replace
expensive plugin stacks with AI-built, fully owned code.</span></li>
</ul>
</div>
<div class="bg-amber-50 rounded-2xl p-6 border border-amber-200">
<h3 class="text-lg font-semibold mb-3">How payouts work</h3>
<ol class="space-y-2 text-gray-700 text-sm">
<li class="flex gap-3"><span class="font-bold text-green-700">1.</span> Create a tracking link in your
dashboard.</li>
<li class="flex gap-3"><span class="font-bold text-green-700">2.</span> Visitors who sign up carry your code
into checkout.</li>
<li class="flex gap-3"><span class="font-bold text-green-700">3.</span> When they activate Business or
Enterprise, you earn 7.5%.</li>
</ol>
<div class="mt-4 p-4 bg-white rounded-xl border border-amber-200 text-sm">
<p class="font-semibold text-gray-900 mb-1">Example earnings</p>
<p class="text-gray-700">You earn 7.5% of each paid billing cycle. Share your tracking link to start earning
recurring payouts.</p>
</div>
</div>
</div>
</section>
<section class="text-center bg-green-700 text-white rounded-3xl p-10 shadow-lg">
<h3 class="text-2xl font-bold mb-3">Ready to partner?</h3>
<p class="text-lg text-green-50 mb-6">Sign up in seconds, generate your first tracking link, and start earning
recurring 7.5% commissions.</p>
<div class="flex flex-wrap justify-center gap-3">
<a href="/affiliate-signup" class="px-6 py-3 rounded-full bg-white text-green-800 font-semibold shadow">Join the
program</a>
<a href="/affiliate-dashboard"
class="px-6 py-3 rounded-full border border-white/70 text-white font-semibold hover:bg-white/10">View
dashboard</a>
</div>
</section>
</main>
<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="#" 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>
// 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>