admin/EarlyBirds.me
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial static site

Browse Source
This commit is contained in:
qbizns
2026-04-01 15:14:34 +02:00
parent 8deb30e4c2
commit b9731753f3
41 changed files with 2759 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

209
support.html Normal file
View File

@@ -0,0 +1,209 @@
<!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>Support — CartPulse AI</title>
<meta name="description" content="Get help with CartPulse AI: documentation, Envato support, and quick links to installation, campaigns, and troubleshooting.">
<link rel="canonical" href="https://earlybirds.me/cartpulse-ai/support">
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
brand: {
50: '#eef2ff',
100: '#e0e7ff',
200: '#c7d2fe',
300: '#a5b4fc',
400: '#818cf8',
500: '#6366f1',
600: '#4f46e5',
700: '#4338ca',
800: '#3730a3',
900: '#312e81',
950: '#1e1b4b',
},
},
fontFamily: {
sans: ['Inter', 'system-ui', '-apple-system', 'sans-serif'],
},
},
},
}
</script>
<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;800&display=swap" rel="stylesheet">
<style>
.hero-grid {
background-image:
linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
background-size: 60px 60px;
}
.noise::after {
content: '';
position: absolute;
inset: 0;
opacity: 0.015;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
pointer-events: none;
}
</style>
</head>
<body class="font-sans text-gray-900 antialiased bg-gray-50">
<nav id="nav" class="fixed top-0 inset-x-0 z-50 bg-white/95 backdrop-blur-lg shadow-sm border-b border-gray-100 transition-all duration-300">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex items-center justify-between h-16 lg:h-20">
<a href="index.html" class="flex items-center gap-2.5 group">
<div class="w-9 h-9 rounded-xl bg-white">
<img src="assets/img/logo.png" alt="CartPulse AI logo" class="w-full h-full object-contain rounded-xl">
</div>
<span class="text-lg font-bold text-brand-600">CartPulse <span class="text-brand-600">AI</span></span>
</a>
<div class="hidden md:flex items-center gap-6 lg:gap-8">
<a href="index.html#features" class="text-sm font-medium text-gray-600 hover:text-brand-600 transition-colors">Features</a>
<a href="https://acg.earlybirds.me/" class="text-sm font-medium text-gray-600 hover:text-brand-600 transition-colors">Demo</a>
<a href="docs/cartpulse-ai.html" class="text-sm font-medium text-gray-600 hover:text-brand-600 transition-colors">Docs</a>
<a href="support.html" class="text-sm font-semibold text-brand-600">Support</a>
<a href="index.html#pricing" class="inline-flex items-center gap-2 px-5 py-2.5 bg-brand-600 text-white text-sm font-semibold rounded-xl hover:bg-brand-700 transition-colors shadow-lg shadow-brand-600/25">
Get CartPulse AI
<svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6"/></svg>
</a>
</div>
<button id="mobile-menu-btn" class="md:hidden p-2 rounded-lg hover:bg-gray-100 transition" aria-label="Menu">
<svg class="w-6 h-6 text-gray-700" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"/></svg>
</button>
</div>
</div>
<div id="mobile-menu" class="md:hidden hidden bg-white border-t border-gray-100 shadow-xl">
<div class="px-4 py-4 space-y-2">
<a href="index.html#features" class="block px-4 py-2.5 text-sm font-medium text-gray-700 rounded-lg hover:bg-gray-50">Features</a>
<a href="https://acg.earlybirds.me/" class="block px-4 py-2.5 text-sm font-medium text-gray-700 rounded-lg hover:bg-gray-50">Demo</a>
<a href="docs/cartpulse-ai.html" class="block px-4 py-2.5 text-sm font-medium text-gray-700 rounded-lg hover:bg-gray-50">Documentation</a>
<a href="support.html" class="block px-4 py-2.5 text-sm font-medium text-brand-600 rounded-lg bg-brand-50">Support</a>
<a href="index.html#pricing" class="block px-4 py-3 bg-brand-600 text-white text-sm font-semibold rounded-xl text-center mt-2">Get CartPulse AI &mdash; $49</a>
</div>
</div>
</nav>
<header class="relative pt-28 pb-16 lg:pt-36 lg:pb-24 bg-gradient-to-br from-brand-950 via-brand-900 to-purple-900 overflow-hidden noise">
<div class="absolute inset-0 hero-grid"></div>
<div class="relative z-10 max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
<p class="text-sm font-semibold text-brand-300 tracking-widest uppercase mb-3">Help center</p>
<h1 class="text-4xl sm:text-5xl font-black text-white tracking-tight">Support &amp; resources</h1>
<p class="mt-6 text-lg text-gray-300 leading-relaxed max-w-2xl mx-auto">Documentation, installation guides, and how to reach us. Most answers are in the docs&nbsp;&mdash; start there for the fastest path.</p>
</div>
</header>
<main class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 -mt-8 pb-24 relative z-10">
<div class="bg-white rounded-3xl border border-gray-200 shadow-xl p-8 lg:p-12 mb-10">
<div class="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-8">
<div>
<h2 class="text-2xl font-bold text-gray-900">Full documentation</h2>
<p class="mt-2 text-gray-600 max-w-xl">Install, setup wizard, campaigns, analytics, REST API, and troubleshooting&nbsp;&mdash; all in one place.</p>
</div>
<a href="docs/cartpulse-ai.html" class="inline-flex items-center justify-center gap-2 px-8 py-4 bg-brand-600 text-white font-bold rounded-2xl hover:bg-brand-700 transition-colors shadow-lg shadow-brand-600/30 whitespace-nowrap">
Open documentation
<svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6"/></svg>
</a>
</div>
</div>
<div class="grid md:grid-cols-2 gap-6 mb-12">
<div class="bg-white rounded-2xl border border-gray-200 p-8 shadow-sm hover:shadow-md transition-shadow">
<div class="w-12 h-12 rounded-xl bg-amber-50 flex items-center justify-center mb-4">
<svg class="w-6 h-6 text-amber-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M7.5 8.25h9m-9 3H12m-9.75 1.51c0 1.6 1.123 2.994 2.707 3.227 1.129.166 2.27.293 3.423.379.35.026.67.21.865.501L12 21l-1.27-3.422c.195-.29.515-.475.865-.501 1.152-.086 2.294-.213 3.423-.379 1.584-.233 2.707-1.626 2.707-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0012 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018z"/></svg>
</div>
<h3 class="text-lg font-bold text-gray-900">CodeCanyon item comments</h3>
<p class="mt-2 text-sm text-gray-600 leading-relaxed">For pre-sales questions or license-related issues, use the comments on your CodeCanyon purchase page.</p>
<a href="#" class="mt-4 inline-flex text-sm font-semibold text-brand-600 hover:text-brand-700">Go to item page</a>
</div>
<div class="bg-white rounded-2xl border border-gray-200 p-8 shadow-sm hover:shadow-md transition-shadow">
<div class="w-12 h-12 rounded-xl bg-brand-50 flex items-center justify-center mb-4">
<svg class="w-6 h-6 text-brand-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75"/></svg>
</div>
<h3 class="text-lg font-bold text-gray-900">Email</h3>
<p class="mt-2 text-sm text-gray-600 leading-relaxed">Include your purchase code and a concise description of the issue for the fastest reply.</p>
<a href="mailto:support@earlybirds.me" class="mt-4 inline-flex text-sm font-semibold text-brand-600 hover:text-brand-700">support@earlybirds.me</a>
</div>
</div>
<div class="mb-12">
<h2 class="text-xl font-bold text-gray-900 mb-4">Quick links</h2>
<div class="flex flex-wrap gap-3">
<a href="docs/cartpulse-ai.html#installation" class="inline-flex px-4 py-2 rounded-xl text-sm font-semibold bg-white border border-gray-200 text-gray-800 hover:border-brand-300 hover:bg-brand-50 transition-colors">Installation</a>
<a href="docs/cartpulse-ai.html#wizard" class="inline-flex px-4 py-2 rounded-xl text-sm font-semibold bg-white border border-gray-200 text-gray-800 hover:border-brand-300 hover:bg-brand-50 transition-colors">Setup wizard</a>
<a href="docs/cartpulse-ai.html#campaigns" class="inline-flex px-4 py-2 rounded-xl text-sm font-semibold bg-white border border-gray-200 text-gray-800 hover:border-brand-300 hover:bg-brand-50 transition-colors">Campaigns</a>
<a href="docs/cartpulse-ai.html#analytics" class="inline-flex px-4 py-2 rounded-xl text-sm font-semibold bg-white border border-gray-200 text-gray-800 hover:border-brand-300 hover:bg-brand-50 transition-colors">Analytics</a>
<a href="docs/cartpulse-ai.html#settings-ref" class="inline-flex px-4 py-2 rounded-xl text-sm font-semibold bg-white border border-gray-200 text-gray-800 hover:border-brand-300 hover:bg-brand-50 transition-colors">Settings</a>
<a href="docs/cartpulse-ai.html#rest-api" class="inline-flex px-4 py-2 rounded-xl text-sm font-semibold bg-white border border-gray-200 text-gray-800 hover:border-brand-300 hover:bg-brand-50 transition-colors">REST API</a>
<a href="docs/cartpulse-ai.html#troubleshooting" class="inline-flex px-4 py-2 rounded-xl text-sm font-semibold bg-white border border-gray-200 text-gray-800 hover:border-brand-300 hover:bg-brand-50 transition-colors">Troubleshooting</a>
</div>
</div>
<div class="bg-gray-50 rounded-2xl border border-gray-200 p-8">
<h2 class="text-xl font-bold text-gray-900 mb-4">Common questions</h2>
<ul class="space-y-4 text-sm text-gray-700">
<li class="flex gap-3">
<span class="text-brand-600 font-bold">&rarr;</span>
<span><strong class="text-gray-900">Do I need an AI API key?</strong> No &mdash; see the <a href="index.html#faq" class="text-brand-600 font-semibold hover:underline">FAQ on the product page</a> or <a href="docs/cartpulse-ai.html#settings-ref" class="text-brand-600 font-semibold hover:underline">settings reference (AI keys)</a>.</span>
</li>
<li class="flex gap-3">
<span class="text-brand-600 font-bold">&rarr;</span>
<span><strong class="text-gray-900">Plugin won&rsquo;t activate or shows errors?</strong> Check <a href="docs/cartpulse-ai.html#troubleshooting" class="text-brand-600 font-semibold hover:underline">Troubleshooting</a> for PHP version, WooCommerce, and conflict steps.</span>
</li>
<li class="flex gap-3">
<span class="text-brand-600 font-bold">&rarr;</span>
<span><strong class="text-gray-900">How do campaigns and triggers work?</strong> Start with <a href="docs/cartpulse-ai.html#campaigns" class="text-brand-600 font-semibold hover:underline">Campaigns</a> and <a href="docs/cartpulse-ai.html#triggers" class="text-brand-600 font-semibold hover:underline">Triggers</a>.</span>
</li>
<li class="flex gap-3">
<span class="text-brand-600 font-bold">&rarr;</span>
<span><strong class="text-gray-900">Refund policy</strong> &mdash; Envato Market rules apply; see <a href="index.html#faq" class="text-brand-600 font-semibold hover:underline">product FAQ</a>.</span>
</li>
</ul>
</div>
</main>
<footer class="bg-gray-950 text-gray-400 py-12">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex flex-col lg:flex-row items-center justify-between gap-8">
<div class="flex flex-col sm:flex-row items-center gap-4 sm:gap-6 text-center sm:text-left">
<div class="flex items-center gap-2.5">
<div class="w-8 h-8 rounded-lg bg-gradient-to-br from-brand-500 to-purple-600 flex items-center justify-center">
<svg class="w-4 h-4 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M13 10V3L4 14h7v7l9-11h-7z"/></svg>
</div>
<span class="text-sm font-semibold text-gray-300">CartPulse AI</span>
<span class="text-xs text-gray-600">by Earlybirds</span>
</div>
<nav class="flex flex-wrap items-center justify-center gap-x-5 gap-y-2 text-xs font-medium">
<a href="https://acg.earlybirds.me/" class="hover:text-white transition-colors">Demo</a>
<a href="docs/cartpulse-ai.html" class="hover:text-white transition-colors">Documentation</a>
<a href="support.html" class="hover:text-white transition-colors">Support</a>
<a href="index.html#faq" class="hover:text-white transition-colors">FAQ</a>
<a href="index.html#pricing" class="hover:text-white transition-colors">Pricing</a>
</nav>
</div>
<p class="text-xs text-gray-500 text-center lg:text-right">&copy; 2026 Earlybirds. All rights reserved.</p>
</div>
</div>
</footer>
<script>
document.getElementById('mobile-menu-btn').addEventListener('click', () => {
document.getElementById('mobile-menu').classList.toggle('hidden');
});
document.querySelectorAll('#mobile-menu a').forEach((a) => {
a.addEventListener('click', () => document.getElementById('mobile-menu').classList.add('hidden'));
});
</script>
</body>
</html>