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

text udpates ux

Browse Source
This commit is contained in:
IGNY8 VPS (Salman)
2025-12-25 11:51:44 +00:00
parent d21b5b1363
commit e736697d6d
23 changed files with 199 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -155,7 +155,7 @@ export default function Help() {
<Card className="p-6 mb-8 bg-gradient-to-r from-brand-50 to-purple-50 dark:from-brand-900/10 dark:to-purple-900/10 border-brand-200 dark:border-brand-800">
<h2 className="text-xl font-bold text-gray-900 dark:text-white mb-4 flex items-center gap-2">
<ListIcon className="size-5 text-brand-600 dark:text-brand-400" />
Table of Contents
What Do You Want to Learn?
</h2>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-2">
{tableOfContents.map((item) => (
@@ -178,14 +178,14 @@ export default function Help() {
<div ref={(el) => (sectionRefs.current["getting-started"] = 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-brand-600 dark:text-brand-400" />
Getting Started
I'm New - Help Me Get Started!
</h2>
<Accordion>
<AccordionItem title="Quick Start Guide" defaultOpen>
<div className="space-y-4">
<p className="text-gray-700 dark:text-gray-300">
Welcome to IGNY8! Follow these steps to get started with content creation:
Let's Get You Creating Content! Follow these simple steps:
</p>
<div className="space-y-3">
@@ -194,9 +194,9 @@ export default function Help() {
1
</div>
<div className="flex-1">
<h4 className="font-semibold text-gray-900 dark:text-white mb-1">Set Up Your Site</h4>
<h4 className="font-semibold text-gray-900 dark:text-white mb-1">Step 1: Connect Your Website</h4>
<p className="text-gray-600 dark:text-gray-400 text-sm">
Go to Settings &gt; Sites and add your WordPress site. Configure the connection details and verify the integration.
Tell IGNY8 which website you want to create content for. Go to Settings &gt; Sites and add your WordPress site.
</p>
</div>
</div>
@@ -206,9 +206,9 @@ export default function Help() {
2
</div>
<div className="flex-1">
<h4 className="font-semibold text-gray-900 dark:text-white mb-1">Discover Keywords</h4>
<h4 className="font-semibold text-gray-900 dark:text-white mb-1">Step 2: Find Search Terms to Target</h4>
<p className="text-gray-600 dark:text-gray-400 text-sm">
Navigate to Planner &gt; Keyword Opportunities. Browse the global keyword database and add relevant keywords to your workflow.
Search for keywords people are looking for in your topic area. Navigate to Planner &gt; Keyword Opportunities and add relevant keywords.
</p>
</div>
</div>
@@ -218,9 +218,9 @@ export default function Help() {
3
</div>
<div className="flex-1">
<h4 className="font-semibold text-gray-900 dark:text-white mb-1">Organize Keywords</h4>
<h4 className="font-semibold text-gray-900 dark:text-white mb-1">Step 3: Organize Keywords by Topic</h4>
<p className="text-gray-600 dark:text-gray-400 text-sm">
Go to Planner &gt; Keywords and use Auto Cluster to group related keywords. This helps create comprehensive content.
Group related keywords together. Go to Planner &gt; Keywords and use Auto Cluster to organize them by theme.
</p>
</div>
</div>
@@ -230,9 +230,9 @@ export default function Help() {
4
</div>
<div className="flex-1">
<h4 className="font-semibold text-gray-900 dark:text-white mb-1">Generate Ideas</h4>
<h4 className="font-semibold text-gray-900 dark:text-white mb-1">Step 4: Create Article Outlines</h4>
<p className="text-gray-600 dark:text-gray-400 text-sm">
Select clusters in Planner &gt; Clusters and click Generate Ideas. AI will create content ideas based on your keywords.
Let AI generate article ideas for each topic. Select clusters in Planner &gt; Clusters and click Generate Ideas.
</p>
</div>
</div>
@@ -242,9 +242,9 @@ export default function Help() {
5
</div>
<div className="flex-1">
<h4 className="font-semibold text-gray-900 dark:text-white mb-1">Create Content</h4>
<h4 className="font-semibold text-gray-900 dark:text-white mb-1">Step 5: Write Your Articles</h4>
<p className="text-gray-600 dark:text-gray-400 text-sm">
Ideas automatically become tasks. Go to Writer &gt; Tasks, select tasks, and generate content. Review and edit as needed.
Turn ideas into full articles. Go to Writer &gt; Tasks, select tasks, and generate content. Review and publish when ready.
</p>
</div>
</div>