Initial static site

This commit is contained in:
2026-04-01 15:14:34 +02:00
parent 8deb30e4c2
commit b9731753f3
41 changed files with 2759 additions and 0 deletions

BIN
assets/img/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 72 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 535 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 486 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 308 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 53 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 320 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 176 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 203 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 644 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 278 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 130 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 142 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 147 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 161 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 126 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 139 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 475 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 496 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 430 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 462 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 426 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 427 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 424 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 426 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 208 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 242 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 234 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 204 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 193 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 211 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 280 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 313 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 310 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 306 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 314 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 278 KiB

Binary file not shown.

1496
docs/cartpulse-ai.html Normal file

File diff suppressed because it is too large Load Diff

1054
index.html Normal file

File diff suppressed because it is too large Load Diff

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>