text udpates ux

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

View File

@@ -595,7 +595,7 @@ export default function Home() {
<h2 className="text-2xl font-bold text-gray-800 dark:text-white/90">Your Content Creation Dashboard</h2>
{lastUpdated && (
<p className="text-sm text-gray-500 dark:text-gray-400 mt-1">
Last updated: {lastUpdated.toLocaleTimeString()}
Last checked: {lastUpdated.toLocaleTimeString()}
</p>
)}
</div>
@@ -626,9 +626,12 @@ export default function Home() {
<h1 className="text-3xl md:text-4xl font-bold mb-2">
AI-Powered Content Creation Workflow
</h1>
<p className="text-lg text-white/90">
<p className="text-lg text-white/90 mb-1">
Transform keywords into published content with intelligent automation.
</p>
<p className="text-sm text-white/80">
Your complete toolkit for finding topics, creating content, and publishing it to your site - all automated
</p>
</div>
{/* Add Site Button and Site Count in Single Row - Right Side */}
<div className="flex items-center gap-4">
@@ -636,7 +639,7 @@ export default function Home() {
<div className="text-right">
{sites.length > 1 ? (
<div className="text-3xl font-bold text-white">
{sites.length}/{maxSites || '∞'} Sites
{sites.length} of {maxSites || '∞'} Sites Active
</div>
) : (
<div className="text-xl font-semibold text-white/90">
@@ -655,7 +658,7 @@ export default function Home() {
startIcon={<PlusIcon className="w-6 h-6 fill-current" />}
className="!bg-white !text-brand-600 hover:!bg-gray-50 font-bold text-base px-8 py-4 shadow-2xl hover:shadow-[0_25px_50px_-12px_rgba(0,0,0,0.4)] hover:scale-105 active:scale-100 transition-all duration-200"
>
Add Site
+ Add Another Website
</Button>
)}
{!canAddMoreSites && sites.length > 0 && maxSites > 0 && (
@@ -696,6 +699,9 @@ export default function Home() {
color="primary"
className="h-4"
/>
<p className="text-xs text-gray-500 dark:text-gray-400 mt-2">
(This shows your progress from keywords through to published content)
</p>
</div>
{/* Icon-based Progress Flow */}