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.
This commit is contained in:
IGNY8 VPS (Salman)
2025-12-25 09:53:08 +00:00
parent 65bf65bb6b
commit 34e8017770
2 changed files with 1259 additions and 16 deletions

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>