salman/igny8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

stlyes fixes

Browse Source
This commit is contained in:
IGNY8 VPS (Salman)
2025-12-29 19:52:51 +00:00
parent c91175fdcb
commit 4f7ab9c606
155 changed files with 1576 additions and 2489 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
frontend/src/pages/Help/Help.tsx
View File

@@ -311,7 +311,7 @@ export default function Help() {
</div>
<div className="flex gap-4">
<div className="flex-shrink-0 w-8 h-8 rounded-full bg-green-500 text-white flex items-center justify-center font-bold">
<div className="flex-shrink-0 w-8 h-8 rounded-full bg-success-500 text-white flex items-center justify-center font-bold">
7
</div>
<div className="flex-1">
@@ -332,9 +332,9 @@ export default function Help() {
</p>
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
<Card className="p-4 border-l-4 border-blue-500">
<Card className="p-4 border-l-4 border-brand-500">
<h4 className="font-semibold text-gray-900 dark:text-white mb-2 flex items-center gap-2">
<ListIcon className="size-5 text-blue-500" />
<ListIcon className="size-5 text-brand-500" />
Planner Module
</h4>
<p className="text-sm text-gray-600 dark:text-gray-400">
@@ -342,9 +342,9 @@ export default function Help() {
</p>
</Card>
<Card className="p-4 border-l-4 border-green-500">
<Card className="p-4 border-l-4 border-success-500">
<h4 className="font-semibold text-gray-900 dark:text-white mb-2 flex items-center gap-2">
<FileIcon className="size-5 text-green-500" />
<FileIcon className="size-5 text-success-500" />
Writer Module
</h4>
<p className="text-sm text-gray-600 dark:text-gray-400">
@@ -353,8 +353,8 @@ export default function Help() {
</Card>
</div>
<div className="bg-blue-50 dark:bg-blue-900/10 p-4 rounded-lg border border-blue-200 dark:border-blue-800">
<p className="text-sm text-blue-800 dark:text-blue-300">
<div className="bg-brand-50 dark:bg-brand-900/10 p-4 rounded-lg border border-brand-200 dark:border-brand-800">
<p className="text-sm text-brand-800 dark:text-brand-300">
<strong>Tip:</strong> You can automate most of this workflow! Go to Dashboard &gt; Automation Setup to configure automatic processing.
</p>
</div>
@@ -393,7 +393,7 @@ export default function Help() {
</p>
</div>
<div className="border-l-4 border-green-500 pl-4">
<div className="border-l-4 border-success-500 pl-4">
<h4 className="font-semibold text-gray-900 dark:text-white mb-2">Setup Checklist</h4>
<p className="text-sm text-gray-600 dark:text-gray-400">
Track your setup progress. Complete all items to start creating content efficiently.
@@ -406,7 +406,7 @@ export default function Help() {
{/* Setup Module Section */}
<div ref={(el) => (sectionRefs.current["setup"] = el)} className="mb-12 scroll-mt-24">
<h2 className="text-3xl font-bold text-gray-900 dark:text-white mb-6 flex items-center gap-3">
<CheckCircleIcon className="size-8 text-green-600 dark:text-green-400" />
<CheckCircleIcon className="size-8 text-success-600 dark:text-success-400" />
Setup Module
</h2>
@@ -430,8 +430,8 @@ export default function Help() {
</ol>
</div>
<div className="bg-blue-50 dark:bg-blue-900/10 p-4 rounded-lg border border-blue-200 dark:border-blue-800">
<p className="text-sm text-blue-800 dark:text-blue-300">
<div className="bg-brand-50 dark:bg-brand-900/10 p-4 rounded-lg border border-brand-200 dark:border-brand-800">
<p className="text-sm text-brand-800 dark:text-brand-300">
<strong>Tip:</strong> Start with 10-20 keywords to test your workflow. Mix high and low difficulty keywords for variety.
</p>
</div>
@@ -445,7 +445,7 @@ export default function Help() {
</p>
<div className="space-y-3">
<div className="border-l-4 border-blue-500 pl-4">
<div className="border-l-4 border-brand-500 pl-4">
<h4 className="font-semibold text-gray-900 dark:text-white mb-2">Content Generation Tab</h4>
<ul className="list-disc list-inside text-sm text-gray-600 dark:text-gray-400 space-y-1">
<li><strong>Default Tone:</strong> Professional, Casual, Friendly, etc.</li>
@@ -454,7 +454,7 @@ export default function Help() {
</ul>
</div>
<div className="border-l-4 border-green-500 pl-4">
<div className="border-l-4 border-success-500 pl-4">
<h4 className="font-semibold text-gray-900 dark:text-white mb-2">Publishing Tab</h4>
<ul className="list-disc list-inside text-sm text-gray-600 dark:text-gray-400 space-y-1">
<li><strong>Auto-Publish:</strong> Automatically publish approved content</li>
@@ -493,7 +493,7 @@ export default function Help() {
<div className="space-y-3 mt-4">
<div className="flex items-start gap-3">
<CheckCircleIcon className="size-5 text-green-500 mt-0.5 flex-shrink-0" />
<CheckCircleIcon className="size-5 text-success-500 mt-0.5 flex-shrink-0" />
<div>
<h4 className="font-semibold text-gray-900 dark:text-white">Site Dashboard</h4>
<p className="text-sm text-gray-600 dark:text-gray-400">
@@ -503,7 +503,7 @@ export default function Help() {
</div>
<div className="flex items-start gap-3">
<CheckCircleIcon className="size-5 text-green-500 mt-0.5 flex-shrink-0" />
<CheckCircleIcon className="size-5 text-success-500 mt-0.5 flex-shrink-0" />
<div>
<h4 className="font-semibold text-gray-900 dark:text-white">WordPress Integration</h4>
<p className="text-sm text-gray-600 dark:text-gray-400">
@@ -520,7 +520,7 @@ export default function Help() {
{/* Planner Module Section */}
<div ref={(el) => (sectionRefs.current["planner-module"] = el)} className="mb-12 scroll-mt-24">
<h2 className="text-3xl font-bold text-gray-900 dark:text-white mb-6 flex items-center gap-3">
<ListIcon className="size-8 text-blue-600 dark:text-blue-400" />
<ListIcon className="size-8 text-brand-600 dark:text-brand-400" />
Planner Module
</h2>
@@ -533,7 +533,7 @@ export default function Help() {
<div className="space-y-3">
<div className="flex items-start gap-3">
<CheckCircleIcon className="size-5 text-green-500 mt-0.5 flex-shrink-0" />
<CheckCircleIcon className="size-5 text-success-500 mt-0.5 flex-shrink-0" />
<div>
<h4 className="font-semibold text-gray-900 dark:text-white">Adding Keywords</h4>
<p className="text-sm text-gray-600 dark:text-gray-400">
@@ -543,7 +543,7 @@ export default function Help() {
</div>
<div className="flex items-start gap-3">
<CheckCircleIcon className="size-5 text-green-500 mt-0.5 flex-shrink-0" />
<CheckCircleIcon className="size-5 text-success-500 mt-0.5 flex-shrink-0" />
<div>
<h4 className="font-semibold text-gray-900 dark:text-white">Organizing Keywords</h4>
<p className="text-sm text-gray-600 dark:text-gray-400">
@@ -553,7 +553,7 @@ export default function Help() {
</div>
<div className="flex items-start gap-3">
<CheckCircleIcon className="size-5 text-green-500 mt-0.5 flex-shrink-0" />
<CheckCircleIcon className="size-5 text-success-500 mt-0.5 flex-shrink-0" />
<div>
<h4 className="font-semibold text-gray-900 dark:text-white">Keyword Data</h4>
<p className="text-sm text-gray-600 dark:text-gray-400">
@@ -600,7 +600,7 @@ export default function Help() {
{/* Writer Module Section */}
<div ref={(el) => (sectionRefs.current["writer-module"] = el)} className="mb-12 scroll-mt-24">
<h2 className="text-3xl font-bold text-gray-900 dark:text-white mb-6 flex items-center gap-3">
<FileIcon className="size-8 text-green-600 dark:text-green-400" />
<FileIcon className="size-8 text-success-600 dark:text-success-400" />
Writer Module
</h2>
@@ -684,7 +684,7 @@ export default function Help() {
{/* Automation Section */}
<div ref={(el) => (sectionRefs.current["automation"] = el)} className="mb-12 scroll-mt-24">
<h2 className="text-3xl font-bold text-gray-900 dark:text-white mb-6 flex items-center gap-3">
<BoltIcon className="size-8 text-orange-600 dark:text-orange-400" />
<BoltIcon className="size-8 text-warning-600 dark:text-warning-400" />
Automation Setup
</h2>
@@ -694,7 +694,7 @@ export default function Help() {
</p>
<div className="space-y-4">
<div className="border-l-4 border-blue-500 pl-4">
<div className="border-l-4 border-brand-500 pl-4">
<h4 className="font-semibold text-gray-900 dark:text-white mb-2">Keywords Automation</h4>
<p className="text-sm text-gray-600 dark:text-gray-400 mb-2">
Automatically add keywords from opportunities and cluster them:
@@ -706,7 +706,7 @@ export default function Help() {
</ul>
</div>
<div className="border-l-4 border-orange-500 pl-4">
<div className="border-l-4 border-warning-500 pl-4">
<h4 className="font-semibold text-gray-900 dark:text-white mb-2">Ideas Automation</h4>
<p className="text-sm text-gray-600 dark:text-gray-400 mb-2">
Automatically generate content ideas from clusters:
@@ -717,7 +717,7 @@ export default function Help() {
</ul>
</div>
<div className="border-l-4 border-green-500 pl-4">
<div className="border-l-4 border-success-500 pl-4">
<h4 className="font-semibold text-gray-900 dark:text-white mb-2">Content Automation</h4>
<p className="text-sm text-gray-600 dark:text-gray-400 mb-2">
Automatically create tasks and generate content:
@@ -751,7 +751,7 @@ export default function Help() {
{/* Account & Billing Section */}
<div ref={(el) => (sectionRefs.current["account"] = el)} className="mb-12 scroll-mt-24">
<h2 className="text-3xl font-bold text-gray-900 dark:text-white mb-6 flex items-center gap-3">
<GroupIcon className="size-8 text-indigo-600 dark:text-indigo-400" />
<GroupIcon className="size-8 text-purple-600 dark:text-purple-400" />
Account & Billing
</h2>
@@ -763,7 +763,7 @@ export default function Help() {
</p>
<div className="space-y-3">
<div className="border-l-4 border-blue-500 pl-4">
<div className="border-l-4 border-brand-500 pl-4">
<h4 className="font-semibold text-gray-900 dark:text-white mb-2">Account Tab</h4>
<ul className="list-disc list-inside text-sm text-gray-600 dark:text-gray-400 space-y-1">
<li>Organization name and billing email</li>
@@ -772,7 +772,7 @@ export default function Help() {
</ul>
</div>
<div className="border-l-4 border-green-500 pl-4">
<div className="border-l-4 border-success-500 pl-4">
<h4 className="font-semibold text-gray-900 dark:text-white mb-2">Profile Tab</h4>
<ul className="list-disc list-inside text-sm text-gray-600 dark:text-gray-400 space-y-1">
<li>Personal information (name, email, phone)</li>
@@ -822,7 +822,7 @@ export default function Help() {
</ul>
</div>
<div className="border-l-4 border-green-500 pl-4">
<div className="border-l-4 border-success-500 pl-4">
<h4 className="font-semibold text-gray-900 dark:text-white mb-2">Upgrade Plan Tab</h4>
<ul className="list-disc list-inside text-sm text-gray-600 dark:text-gray-400 space-y-1">
<li>Compare available plans</li>
@@ -831,7 +831,7 @@ export default function Help() {
</ul>
</div>
<div className="border-l-4 border-orange-500 pl-4">
<div className="border-l-4 border-warning-500 pl-4">
<h4 className="font-semibold text-gray-900 dark:text-white mb-2">History Tab</h4>
<ul className="list-disc list-inside text-sm text-gray-600 dark:text-gray-400 space-y-1">
<li>Invoice history with PDF downloads</li>
@@ -850,7 +850,7 @@ export default function Help() {
</p>
<div className="space-y-3">
<div className="border-l-4 border-blue-500 pl-4">
<div className="border-l-4 border-brand-500 pl-4">
<h4 className="font-semibold text-gray-900 dark:text-white mb-2">Your Limits & Usage</h4>
<ul className="list-disc list-inside text-sm text-gray-600 dark:text-gray-400 space-y-1">
<li><strong>Hard Limits:</strong> Maximum allowed (sites, users, keywords)</li>
@@ -868,7 +868,7 @@ export default function Help() {
</ul>
</div>
<div className="border-l-4 border-green-500 pl-4">
<div className="border-l-4 border-success-500 pl-4">
<h4 className="font-semibold text-gray-900 dark:text-white mb-2">Activity</h4>
<ul className="list-disc list-inside text-sm text-gray-600 dark:text-gray-400 space-y-1">
<li>Track operations by type</li>
@@ -878,8 +878,8 @@ export default function Help() {
</div>
</div>
<div className="bg-amber-50 dark:bg-amber-900/10 p-4 rounded-lg border border-amber-200 dark:border-amber-800 mt-4">
<p className="text-sm text-amber-800 dark:text-amber-300">
<div className="bg-warning-50 dark:bg-warning-900/10 p-4 rounded-lg border border-warning-200 dark:border-warning-800 mt-4">
<p className="text-sm text-warning-800 dark:text-warning-300">
<strong>Usage Alerts:</strong> You'll receive automatic alerts at 80%, 90%, and 100% of your limits.
</p>
</div>