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

Compare commits

base: salman:65bf65bb6bb65d9f4e3e3869508ac268f7d42186
Branches Tags
salman:main salman:cleanup/phase-1-20260109 salman:feature/phase-0-credit-system salman:phase-0-foundation-credit-system
...
compare: salman:d21b5b136374dfae83cc9b0fd0550386f4496ce9
Branches Tags
salman:main salman:cleanup/phase-1-20260109 salman:feature/phase-0-credit-system salman:phase-0-foundation-credit-system

2 Commits
65bf65bb6b ... d21b5b1363

Author SHA1 Message Date
IGNY8 VPS (Salman)
d21b5b1363 UX: Complete Add Keywords and Sites Management detailed improvements 
ADD KEYWORDS PAGE:
- Sector selection banner: 'Select a Sector to Add Keywords' → 'Choose a Topic Area First'
- Description: Updated to be more conversational and helpful
- Changed: 'Please select a sector from the dropdown above to enable adding keywords to your workflow. Keywords must be added to a specific sector.'
- To: 'Pick a topic area first, then add keywords - You need to choose what you're writing about before adding search terms to target'

SITES MANAGEMENT PAGE:
- Filter labels made more conversational:
- 'All Types' → 'Show All Types'
- 'All Hosting' → 'Show All Hosting'
- 'All Status' → 'Show All Status'

These changes complete the detailed text improvements from Sections 2 and 3 of the UX plan.
 2025-12-25 09:54:21 +00:00
IGNY8 VPS (Salman)
34e8017770 UX: Complete detailed Dashboard text improvements per plan 
PROGRESS SECTION:
- Site & Sectors: 'Industry & sectors configured' → 'Niches you're targeting - Industry & sectors set up'
- Keywords: 'Keywords added from opportunities' → 'Search terms to target - Keywords added from research'
- Clusters: 'Keywords grouped into clusters' → 'Topic groups - Keywords organized by theme'
- Ideas: 'Content ideas and outlines' → 'Article outlines ready - Ideas and outlines created'
- Content: 'Content pieces + images created' → 'Articles created - Written content + images ready'
- Published: 'Content published to site' → 'Live on your site - Articles published and active'

QUICK ACTIONS:
- 'Find Keywords' → 'Find Keywords to Rank For' with 'Search for topics your audience wants to read about'
- 'Organize Topics' → 'Organize Topics & Create Outlines' with 'Group keywords and create article plans'
- 'Create Articles' → 'Write Articles with AI' with 'Generate full articles ready to publish'
- 'Add Links' → 'Connect Your Articles' with 'Automatically link related articles for better SEO'
- 'Improve Content' → 'Make Articles Better' with 'Improve readability, keywords, and search rankings'

All descriptions now match the detailed UX improvement plan specifications.
 2025-12-25 09:53:08 +00:00
4 changed files with 1264 additions and 21 deletions
Expand all files Collapse all files

1243
UX-TEXT-IMPROVEMENT-PLAN.md Normal file
View File

File diff suppressed because it is too large Load Diff

32
frontend/src/pages/Dashboard/Home.tsx
View File

@@ -708,7 +708,7 @@ export default function Home() {
<div className="text-center">
<div className="text-sm font-semibold text-gray-800 dark:text-white">Site & Sectors</div>
<div className="text-lg font-bold text-gray-900 dark:text-white">{sites.filter(s => s.active_sectors_count > 0).length}</div>
<div className="text-xs text-gray-500 dark:text-gray-400">Industry & sectors configured</div>
<div className="text-xs text-gray-500 dark:text-gray-400">Niches you're targeting - Industry & sectors set up</div>
</div>
</Link>
@@ -719,7 +719,7 @@ export default function Home() {
<div className="text-center">
<div className="text-sm font-semibold text-gray-800">Keywords</div>
<div className="text-lg font-bold text-blue-600">{progress.keywordsCount}</div>
<div className="text-xs text-gray-500">Keywords added from opportunities</div>
<div className="text-xs text-gray-500">Search terms to target - Keywords added from research</div>
</div>
</Link>
@@ -730,7 +730,7 @@ export default function Home() {
<div className="text-center">
<div className="text-sm font-semibold text-gray-800">Clusters</div>
<div className="text-lg font-bold text-purple-600">{progress.clustersCount}</div>
<div className="text-xs text-gray-500">Keywords grouped into clusters</div>
<div className="text-xs text-gray-500">Topic groups - Keywords organized by theme</div>
</div>
</Link>
@@ -741,7 +741,7 @@ export default function Home() {
<div className="text-center">
<div className="text-sm font-semibold text-gray-800">Ideas</div>
<div className="text-lg font-bold text-orange-600">{progress.ideasCount}</div>
<div className="text-xs text-gray-500">Content ideas and outlines</div>
<div className="text-xs text-gray-500">Article outlines ready - Ideas and outlines created</div>
</div>
</Link>
@@ -752,7 +752,7 @@ export default function Home() {
<div className="text-center">
<div className="text-sm font-semibold text-gray-800">Content</div>
<div className="text-lg font-bold text-green-600">{progress.contentCount}</div>
<div className="text-xs text-gray-500">Content pieces + images created</div>
<div className="text-xs text-gray-500">Articles created - Written content + images ready</div>
</div>
</Link>
@@ -763,7 +763,7 @@ export default function Home() {
<div className="text-center">
<div className="text-sm font-semibold text-gray-800">Published</div>
<div className="text-lg font-bold text-indigo-600">{progress.publishedCount}</div>
<div className="text-xs text-gray-500">Content published to site</div>
<div className="text-xs text-gray-500">Live on your site - Articles published and active</div>
</div>
</Link>
</div>
@@ -781,8 +781,8 @@ export default function Home() {
<ListIcon className="h-6 w-6" />
</div>
<div className="flex-1">
<h4 className="font-semibold text-gray-900">Find Keywords</h4>
<p className="text-xs text-gray-600">Search for topics</p>
<h4 className="font-semibold text-gray-900">Find Keywords to Rank For</h4>
<p className="text-xs text-gray-600">Search for topics your audience wants to read about</p>
</div>
<ArrowRightIcon className="h-5 w-5 text-gray-400 group-hover:text-gray-600 transition" />
</Link>
@@ -795,8 +795,8 @@ export default function Home() {
<GroupIcon className="h-6 w-6" />
</div>
<div className="flex-1">
<h4 className="font-semibold text-gray-900">Organize Topics</h4>
<p className="text-xs text-gray-600">Group & plan content</p>
<h4 className="font-semibold text-gray-900">Organize Topics & Create Outlines</h4>
<p className="text-xs text-gray-600">Group keywords and create article plans</p>
</div>
<ArrowRightIcon className="h-5 w-5 text-gray-400 group-hover:text-gray-600 transition" />
</Link>
@@ -809,8 +809,8 @@ export default function Home() {
<PencilIcon className="h-6 w-6" />
</div>
<div className="flex-1">
<h4 className="font-semibold text-gray-900">Create Articles</h4>
<p className="text-xs text-gray-600">Generate content</p>
<h4 className="font-semibold text-gray-900">Write Articles with AI</h4>
<p className="text-xs text-gray-600">Generate full articles ready to publish</p>
</div>
<ArrowRightIcon className="h-5 w-5 text-gray-400 group-hover:text-gray-600 transition" />
</Link>
@@ -823,8 +823,8 @@ export default function Home() {
<PlugInIcon className="h-6 w-6" />
</div>
<div className="flex-1">
<h4 className="font-semibold text-gray-900">Add Links</h4>
<p className="text-xs text-gray-600">Connect articles</p>
<h4 className="font-semibold text-gray-900">Connect Your Articles</h4>
<p className="text-xs text-gray-600">Automatically link related articles for better SEO</p>
</div>
<ArrowRightIcon className="h-5 w-5 text-gray-400 group-hover:text-gray-600 transition" />
</Link>
@@ -837,8 +837,8 @@ export default function Home() {
<BoltIcon className="h-6 w-6" />
</div>
<div className="flex-1">
<h4 className="font-semibold text-gray-900">Improve Content</h4>
<p className="text-xs text-gray-600">Boost performance</p>
<h4 className="font-semibold text-gray-900">Make Articles Better</h4>
<p className="text-xs text-gray-600">Improve readability, keywords, and search rankings</p>
</div>
<ArrowRightIcon className="h-5 w-5 text-gray-400 group-hover:text-gray-600 transition" />
</Link>

4
frontend/src/pages/Setup/IndustriesSectorsKeywords.tsx
View File

@@ -662,10 +662,10 @@ export default function IndustriesSectorsKeywords() {
</div>
<div className="flex-1">
<h3 className="text-sm font-medium text-blue-900 dark:text-blue-200">
Select a Sector to Add Keywords
Choose a Topic Area First
</h3>
<p className="mt-1 text-sm text-blue-700 dark:text-blue-300">
Please select a sector from the dropdown above to enable adding keywords to your workflow. Keywords must be added to a specific sector.
Pick a topic area first, then add keywords - You need to choose what you're writing about before adding search terms to target
</p>
</div>
</div>

6
frontend/src/pages/Sites/List.tsx
View File

@@ -275,7 +275,7 @@ export default function SiteList() {
};
const SITE_TYPES = [
{ value: '', label: 'All Types' },
{ value: '', label: 'Show All Types' },
{ value: 'marketing', label: 'Marketing' },
{ value: 'ecommerce', label: 'Ecommerce' },
{ value: 'blog', label: 'Blog' },
@@ -284,7 +284,7 @@ export default function SiteList() {
];
const HOSTING_TYPES = [
{ value: '', label: 'All Hosting' },
{ value: '', label: 'Show All Hosting' },
{ value: 'igny8_sites', label: 'IGNY8 Sites' },
{ value: 'wordpress', label: 'WordPress' },
{ value: 'shopify', label: 'Shopify' },
@@ -292,7 +292,7 @@ export default function SiteList() {
];
const STATUS_OPTIONS = [
{ value: '', label: 'All Status' },
{ value: '', label: 'Show All Status' },
{ value: 'active', label: 'Active' },
{ value: 'inactive', label: 'Inactive' },
];