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

color scheme update

Browse Source
This commit is contained in:
Desktop
2025-11-14 06:24:25 +05:00
parent 1ed3c482ad
commit 99ea23baa5
11 changed files with 200 additions and 190 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/pages/Automation/Dashboard.tsx
View File

@@ -123,7 +123,7 @@ export default function AutomationDashboard() {
nextRun: "4 hours",
coverage: 85,
icon: PaperPlaneIcon,
color: "from-[#5d4ae3] to-[#3a2f94]",
color: "from-igny8-purple to-igny8-purple-dark",
},
{
id: 2,
@@ -135,7 +135,7 @@ export default function AutomationDashboard() {
nextRun: "2 hours",
coverage: 92,
icon: FileTextIcon,
color: "from-[#0bbf87] to-[#08966b]",
color: "from-igny8-green to-igny8-green-dark",
},
{
id: 3,
@@ -147,7 +147,7 @@ export default function AutomationDashboard() {
nextRun: "3 hours",
coverage: 78,
icon: ListIcon,
color: "from-[#0693e3] to-[#0472b8]",
color: "from-igny8-blue to-igny8-blue-dark",
},
];
@@ -334,7 +334,7 @@ export default function AutomationDashboard() {
<CloseIcon className="h-4 w-4" />
Pause
</button>
<button className="flex-1 inline-flex items-center justify-center gap-2 rounded-lg bg-gradient-to-r from-[#0693e3] to-[#0472b8] text-white px-4 py-2 text-sm font-semibold hover:shadow-lg transition">
<button className="flex-1 inline-flex items-center justify-center gap-2 rounded-lg bg-gradient-to-r from-igny8-blue to-igny8-blue-dark text-white px-4 py-2 text-sm font-semibold hover:shadow-lg transition">
<PaperPlaneIcon className="h-4 w-4" />
Run Now
</button>
@@ -360,7 +360,7 @@ export default function AutomationDashboard() {
<div className="flex items-center justify-between mb-3">
<div className={`inline-flex size-10 rounded-lg bg-gradient-to-br ${
isEnabled
? "from-[#0bbf87] to-[#08966b]"
? "from-igny8-green to-igny8-green-dark"
: "from-slate-300 to-slate-400"
} items-center justify-center text-white shadow-md`}>
<Icon className="h-5 w-5" />
@@ -401,7 +401,7 @@ export default function AutomationDashboard() {
key={activity.id}
className="flex items-center gap-4 p-4 rounded-lg border border-slate-200 bg-white"
>
<div className="size-10 rounded-lg bg-gradient-to-br from-[#0693e3] to-[#0472b8] flex items-center justify-center text-white shadow-md">
<div className="size-10 rounded-lg bg-gradient-to-br from-igny8-blue to-igny8-blue-dark flex items-center justify-center text-white shadow-md">
<BoltIcon className="h-5 w-5" />
</div>
<div className="flex-1">
@@ -434,7 +434,7 @@ export default function AutomationDashboard() {
onClick={() => navigate("/planner/keyword-opportunities")}
className="flex items-center gap-4 p-6 rounded-xl border-2 border-slate-200 bg-white hover:border-[#0693e3] hover:shadow-lg transition-all group"
>
<div className="size-12 rounded-xl bg-gradient-to-br from-[#0693e3] to-[#0472b8] flex items-center justify-center text-white shadow-lg">
<div className="size-12 rounded-xl bg-gradient-to-br from-igny8-blue to-igny8-blue-dark flex items-center justify-center text-white shadow-lg">
<ListIcon className="h-6 w-6" />
</div>
<div className="flex-1 text-left">
@@ -448,7 +448,7 @@ export default function AutomationDashboard() {
onClick={() => navigate("/writer/tasks")}
className="flex items-center gap-4 p-6 rounded-xl border-2 border-slate-200 bg-white hover:border-[#0bbf87] hover:shadow-lg transition-all group"
>
<div className="size-12 rounded-xl bg-gradient-to-br from-[#0bbf87] to-[#08966b] flex items-center justify-center text-white shadow-lg">
<div className="size-12 rounded-xl bg-gradient-to-br from-igny8-green to-igny8-green-dark flex items-center justify-center text-white shadow-lg">
<FileTextIcon className="h-6 w-6" />
</div>
<div className="flex-1 text-left">
@@ -462,7 +462,7 @@ export default function AutomationDashboard() {
onClick={() => navigate("/writer/published")}
className="flex items-center gap-4 p-6 rounded-xl border-2 border-slate-200 bg-white hover:border-[#5d4ae3] hover:shadow-lg transition-all group"
>
<div className="size-12 rounded-xl bg-gradient-to-br from-[#5d4ae3] to-[#3a2f94] flex items-center justify-center text-white shadow-lg">
<div className="size-12 rounded-xl bg-gradient-to-br from-igny8-purple to-igny8-purple-dark flex items-center justify-center text-white shadow-lg">
<PaperPlaneIcon className="h-6 w-6" />
</div>
<div className="flex-1 text-left">

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

@@ -125,7 +125,7 @@ export default function Home() {
title: "Planner",
description: "Keyword research, clustering, and content planning",
icon: PieChartIcon,
color: "from-[#0693e3] to-[#0472b8]",
color: "from-igny8-blue to-igny8-blue-dark",
path: "/planner",
count: insights?.totalClusters || 0,
status: "active",
@@ -135,7 +135,7 @@ export default function Home() {
title: "Writer",
description: "AI content generation, editing, and publishing",
icon: PencilIcon,
color: "from-[#0bbf87] to-[#08966b]",
color: "from-igny8-green to-igny8-green-dark",
path: "/writer",
count: insights?.totalContent || 0,
status: "active",
@@ -145,7 +145,7 @@ export default function Home() {
title: "Thinker",
description: "Prompts, author profiles, and content strategies",
icon: BoltIcon,
color: "from-[#ff7a00] to-[#cc5f00]",
color: "from-igny8-amber to-igny8-amber-dark",
path: "/thinker",
count: 0,
status: "active",
@@ -155,7 +155,7 @@ export default function Home() {
title: "Automation",
description: "Workflow automation and scheduled tasks",
icon: PlugInIcon,
color: "from-[#5d4ae3] to-[#3a2f94]",
color: "from-igny8-purple to-igny8-purple-dark",
path: "/automation",
count: 0,
status: "active",
@@ -512,7 +512,7 @@ export default function Home() {
to="/planner/keyword-opportunities"
className="flex items-center gap-4 p-4 rounded-lg border-2 border-slate-200 bg-white hover:border-[#0693e3] hover:shadow-md transition group"
>
<div className="size-12 rounded-lg bg-gradient-to-br from-[#0693e3] to-[#0472b8] flex items-center justify-center text-white">
<div className="size-12 rounded-lg bg-gradient-to-br from-igny8-blue to-igny8-blue-dark flex items-center justify-center text-white">
<ListIcon className="h-6 w-6" />
</div>
<div className="flex-1">
@@ -526,7 +526,7 @@ export default function Home() {
to="/writer/tasks"
className="flex items-center gap-4 p-4 rounded-lg border-2 border-slate-200 bg-white hover:border-[#0bbf87] hover:shadow-md transition group"
>
<div className="size-12 rounded-lg bg-gradient-to-br from-[#0bbf87] to-[#08966b] flex items-center justify-center text-white">
<div className="size-12 rounded-lg bg-gradient-to-br from-igny8-green to-igny8-green-dark flex items-center justify-center text-white">
<FileTextIcon className="h-6 w-6" />
</div>
<div className="flex-1">
@@ -540,7 +540,7 @@ export default function Home() {
to="/automation"
className="flex items-center gap-4 p-4 rounded-lg border-2 border-slate-200 bg-white hover:border-[#5d4ae3] hover:shadow-md transition group"
>
<div className="size-12 rounded-lg bg-gradient-to-br from-[#5d4ae3] to-[#3a2f94] flex items-center justify-center text-white">
<div className="size-12 rounded-lg bg-gradient-to-br from-igny8-purple to-igny8-purple-dark flex items-center justify-center text-white">
<PlugInIcon className="h-6 w-6" />
</div>
<div className="flex-1">
@@ -554,7 +554,7 @@ export default function Home() {
to="/thinker/prompts"
className="flex items-center gap-4 p-4 rounded-lg border-2 border-slate-200 bg-white hover:border-[#ff7a00] hover:shadow-md transition group"
>
<div className="size-12 rounded-lg bg-gradient-to-br from-[#ff7a00] to-[#cc5f00] flex items-center justify-center text-white">
<div className="size-12 rounded-lg bg-gradient-to-br from-igny8-amber to-igny8-amber-dark flex items-center justify-center text-white">
<BoltIcon className="h-6 w-6" />
</div>
<div className="flex-1">

22
frontend/src/pages/Planner/Dashboard.tsx
View File

@@ -192,7 +192,7 @@ export default function PlannerDashboard() {
title: "Keywords",
description: "Manage and discover keywords",
icon: ListIcon,
color: "from-[#0693e3] to-[#0472b8]",
color: "from-igny8-blue to-igny8-blue-dark",
path: "/planner/keywords",
count: stats?.keywords.total || 0,
metric: `${stats?.keywords.mapped || 0} mapped`,
@@ -201,7 +201,7 @@ export default function PlannerDashboard() {
title: "Clusters",
description: "Keyword clusters and groups",
icon: GroupIcon,
color: "from-[#0bbf87] to-[#08966b]",
color: "from-igny8-green to-igny8-green-dark",
path: "/planner/clusters",
count: stats?.clusters.total || 0,
metric: `${stats?.clusters.totalVolume.toLocaleString() || 0} volume`,
@@ -210,7 +210,7 @@ export default function PlannerDashboard() {
title: "Ideas",
description: "Content ideas and concepts",
icon: BoltIcon,
color: "from-[#ff7a00] to-[#cc5f00]",
color: "from-igny8-amber to-igny8-amber-dark",
path: "/planner/ideas",
count: stats?.ideas.total || 0,
metric: `${stats?.ideas.queued || 0} queued`,
@@ -219,7 +219,7 @@ export default function PlannerDashboard() {
title: "Keyword Opportunities",
description: "Discover new keyword opportunities",
icon: PieChartIcon,
color: "from-[#5d4ae3] to-[#3a2f94]",
color: "from-igny8-purple to-igny8-purple-dark",
path: "/planner/keyword-opportunities",
count: 0,
metric: "Discover new keywords",
@@ -638,7 +638,7 @@ export default function PlannerDashboard() {
to="/planner/keyword-opportunities"
className="flex items-center gap-4 p-6 rounded-xl border-2 border-slate-200 bg-white hover:border-[#0693e3] hover:shadow-lg transition-all group"
>
<div className="size-12 rounded-xl bg-gradient-to-br from-[#0693e3] to-[#0472b8] flex items-center justify-center text-white shadow-lg">
<div className="size-12 rounded-xl bg-gradient-to-br from-igny8-blue to-igny8-blue-dark flex items-center justify-center text-white shadow-lg">
<ListIcon className="h-6 w-6" />
</div>
<div className="flex-1 text-left">
@@ -652,7 +652,7 @@ export default function PlannerDashboard() {
to="/planner/clusters"
className="flex items-center gap-4 p-6 rounded-xl border-2 border-slate-200 bg-white hover:border-[#0bbf87] hover:shadow-lg transition-all group"
>
<div className="size-12 rounded-xl bg-gradient-to-br from-[#0bbf87] to-[#08966b] flex items-center justify-center text-white shadow-lg">
<div className="size-12 rounded-xl bg-gradient-to-br from-igny8-green to-igny8-green-dark flex items-center justify-center text-white shadow-lg">
<GroupIcon className="h-6 w-6" />
</div>
<div className="flex-1 text-left">
@@ -666,7 +666,7 @@ export default function PlannerDashboard() {
to="/planner/ideas"
className="flex items-center gap-4 p-6 rounded-xl border-2 border-slate-200 bg-white hover:border-[#ff7a00] hover:shadow-lg transition-all group"
>
<div className="size-12 rounded-xl bg-gradient-to-br from-[#ff7a00] to-[#cc5f00] flex items-center justify-center text-white shadow-lg">
<div className="size-12 rounded-xl bg-gradient-to-br from-igny8-amber to-igny8-amber-dark flex items-center justify-center text-white shadow-lg">
<BoltIcon className="h-6 w-6" />
</div>
<div className="flex-1 text-left">
@@ -680,7 +680,7 @@ export default function PlannerDashboard() {
to="/automation"
className="flex items-center gap-4 p-6 rounded-xl border-2 border-slate-200 bg-white hover:border-[#5d4ae3] hover:shadow-lg transition-all group"
>
<div className="size-12 rounded-xl bg-gradient-to-br from-[#5d4ae3] to-[#3a2f94] flex items-center justify-center text-white shadow-lg">
<div className="size-12 rounded-xl bg-gradient-to-br from-igny8-purple to-igny8-purple-dark flex items-center justify-center text-white shadow-lg">
<PlugInIcon className="h-6 w-6" />
</div>
<div className="flex-1 text-left">
@@ -697,7 +697,7 @@ export default function PlannerDashboard() {
<ComponentCard title="How Planner Works" desc="Understanding the planning workflow">
<div className="space-y-4">
<div className="flex gap-4">
<div className="flex-shrink-0 size-10 rounded-lg bg-gradient-to-br from-[#0693e3] to-[#0472b8] flex items-center justify-center text-white shadow-md">
<div className="flex-shrink-0 size-10 rounded-lg bg-gradient-to-br from-igny8-blue to-igny8-blue-dark flex items-center justify-center text-white shadow-md">
<ListIcon className="h-5 w-5" />
</div>
<div>
@@ -708,7 +708,7 @@ export default function PlannerDashboard() {
</div>
</div>
<div className="flex gap-4">
<div className="flex-shrink-0 size-10 rounded-lg bg-gradient-to-br from-[#0bbf87] to-[#08966b] flex items-center justify-center text-white shadow-md">
<div className="flex-shrink-0 size-10 rounded-lg bg-gradient-to-br from-igny8-green to-igny8-green-dark flex items-center justify-center text-white shadow-md">
<GroupIcon className="h-5 w-5" />
</div>
<div>
@@ -719,7 +719,7 @@ export default function PlannerDashboard() {
</div>
</div>
<div className="flex gap-4">
<div className="flex-shrink-0 size-10 rounded-lg bg-gradient-to-br from-[#ff7a00] to-[#cc5f00] flex items-center justify-center text-white shadow-md">
<div className="flex-shrink-0 size-10 rounded-lg bg-gradient-to-br from-igny8-amber to-igny8-amber-dark flex items-center justify-center text-white shadow-md">
<BoltIcon className="h-5 w-5" />
</div>
<div>

22
frontend/src/pages/Thinker/Dashboard.tsx
View File

@@ -67,7 +67,7 @@ export default function ThinkerDashboard() {
title: "Prompt Library",
description: "Centralized prompt templates and AI instructions",
icon: FileTextIcon,
color: "from-[#ff7a00] to-[#cc5f00]",
color: "from-igny8-amber to-igny8-amber-dark",
path: "/thinker/prompts",
count: stats?.totalPrompts || 0,
status: "active",
@@ -76,7 +76,7 @@ export default function ThinkerDashboard() {
title: "Author Profiles",
description: "Voice templates and writing style guides",
icon: UserIcon,
color: "from-[#0693e3] to-[#0472b8]",
color: "from-igny8-blue to-igny8-blue-dark",
path: "/thinker/profiles",
count: stats?.activeProfiles || 0,
status: "active",
@@ -85,7 +85,7 @@ export default function ThinkerDashboard() {
title: "Content Strategies",
description: "Brand playbooks and content frameworks",
icon: ShootingStarIcon,
color: "from-[#5d4ae3] to-[#3a2f94]",
color: "from-igny8-purple to-igny8-purple-dark",
path: "/thinker/strategies",
count: stats?.strategies || 0,
status: "active",
@@ -94,7 +94,7 @@ export default function ThinkerDashboard() {
title: "Governance",
description: "Track AI usage, compliance, and version control",
icon: PieChartIcon,
color: "from-[#0bbf87] to-[#08966b]",
color: "from-igny8-green to-igny8-green-dark",
path: "/thinker/governance",
count: 0,
status: "coming-soon",
@@ -237,7 +237,7 @@ export default function ThinkerDashboard() {
key={prompt.id}
className="flex items-center gap-4 p-4 rounded-lg border border-slate-200 bg-white hover:shadow-md transition"
>
<div className="size-10 rounded-lg bg-gradient-to-br from-[#ff7a00] to-[#cc5f00] flex items-center justify-center text-white shadow-md">
<div className="size-10 rounded-lg bg-gradient-to-br from-igny8-amber to-igny8-amber-dark flex items-center justify-center text-white shadow-md">
<FileTextIcon className="h-5 w-5" />
</div>
<div className="flex-1">
@@ -264,7 +264,7 @@ export default function ThinkerDashboard() {
onClick={() => navigate("/thinker/prompts")}
className="flex items-center gap-4 p-6 rounded-xl border-2 border-slate-200 bg-white hover:border-[#ff7a00] hover:shadow-lg transition-all group"
>
<div className="size-12 rounded-xl bg-gradient-to-br from-[#ff7a00] to-[#cc5f00] flex items-center justify-center text-white shadow-lg">
<div className="size-12 rounded-xl bg-gradient-to-br from-igny8-amber to-igny8-amber-dark flex items-center justify-center text-white shadow-lg">
<PlusIcon className="h-6 w-6" />
</div>
<div className="flex-1 text-left">
@@ -278,7 +278,7 @@ export default function ThinkerDashboard() {
onClick={() => navigate("/thinker/profiles")}
className="flex items-center gap-4 p-6 rounded-xl border-2 border-slate-200 bg-white hover:border-[#0693e3] hover:shadow-lg transition-all group"
>
<div className="size-12 rounded-xl bg-gradient-to-br from-[#0693e3] to-[#0472b8] flex items-center justify-center text-white shadow-lg">
<div className="size-12 rounded-xl bg-gradient-to-br from-igny8-blue to-igny8-blue-dark flex items-center justify-center text-white shadow-lg">
<PlusIcon className="h-6 w-6" />
</div>
<div className="flex-1 text-left">
@@ -292,7 +292,7 @@ export default function ThinkerDashboard() {
onClick={() => navigate("/thinker/strategies")}
className="flex items-center gap-4 p-6 rounded-xl border-2 border-slate-200 bg-white hover:border-[#5d4ae3] hover:shadow-lg transition-all group"
>
<div className="size-12 rounded-xl bg-gradient-to-br from-[#5d4ae3] to-[#3a2f94] flex items-center justify-center text-white shadow-lg">
<div className="size-12 rounded-xl bg-gradient-to-br from-igny8-purple to-igny8-purple-dark flex items-center justify-center text-white shadow-lg">
<PlusIcon className="h-6 w-6" />
</div>
<div className="flex-1 text-left">
@@ -309,7 +309,7 @@ export default function ThinkerDashboard() {
<ComponentCard title="How Thinker Works" desc="Understanding the strategic OS">
<div className="space-y-4">
<div className="flex gap-4">
<div className="flex-shrink-0 size-10 rounded-lg bg-gradient-to-br from-[#ff7a00] to-[#cc5f00] flex items-center justify-center text-white shadow-md">
<div className="flex-shrink-0 size-10 rounded-lg bg-gradient-to-br from-igny8-amber to-igny8-amber-dark flex items-center justify-center text-white shadow-md">
<BoltIcon className="h-5 w-5" />
</div>
<div>
@@ -320,7 +320,7 @@ export default function ThinkerDashboard() {
</div>
</div>
<div className="flex gap-4">
<div className="flex-shrink-0 size-10 rounded-lg bg-gradient-to-br from-[#0693e3] to-[#0472b8] flex items-center justify-center text-white shadow-md">
<div className="flex-shrink-0 size-10 rounded-lg bg-gradient-to-br from-igny8-blue to-igny8-blue-dark flex items-center justify-center text-white shadow-md">
<CheckCircleIcon className="h-5 w-5" />
</div>
<div>
@@ -331,7 +331,7 @@ export default function ThinkerDashboard() {
</div>
</div>
<div className="flex gap-4">
<div className="flex-shrink-0 size-10 rounded-lg bg-gradient-to-br from-[#0bbf87] to-[#08966b] flex items-center justify-center text-white shadow-md">
<div className="flex-shrink-0 size-10 rounded-lg bg-gradient-to-br from-igny8-green to-igny8-green-dark flex items-center justify-center text-white shadow-md">
<ShootingStarIcon className="h-5 w-5" />
</div>
<div>

22
frontend/src/pages/Writer/Dashboard.tsx
View File

@@ -207,7 +207,7 @@ export default function WriterDashboard() {
title: "Tasks",
description: "Content writing tasks and assignments",
icon: FileTextIcon,
color: "from-[#0693e3] to-[#0472b8]",
color: "from-igny8-blue to-igny8-blue-dark",
path: "/writer/tasks",
count: stats?.tasks.total || 0,
metric: `${stats?.tasks.completed || 0} completed`,
@@ -216,7 +216,7 @@ export default function WriterDashboard() {
title: "Content",
description: "Generated content and drafts",
icon: PencilIcon,
color: "from-[#0bbf87] to-[#08966b]",
color: "from-igny8-green to-igny8-green-dark",
path: "/writer/content",
count: stats?.content.total || 0,
metric: `${stats?.content.published || 0} published`,
@@ -225,7 +225,7 @@ export default function WriterDashboard() {
title: "Images",
description: "Generated images and assets",
icon: BoxIcon,
color: "from-[#ff7a00] to-[#cc5f00]",
color: "from-igny8-amber to-igny8-amber-dark",
path: "/writer/images",
count: stats?.images.generated || 0,
metric: `${stats?.images.pending || 0} pending`,
@@ -234,7 +234,7 @@ export default function WriterDashboard() {
title: "Published",
description: "Published content and posts",
icon: PaperPlaneIcon,
color: "from-[#5d4ae3] to-[#3a2f94]",
color: "from-igny8-purple to-igny8-purple-dark",
path: "/writer/published",
count: stats?.content.published || 0,
metric: "View all published",
@@ -652,7 +652,7 @@ export default function WriterDashboard() {
to="/writer/tasks"
className="flex items-center gap-4 p-6 rounded-xl border-2 border-slate-200 bg-white hover:border-[#0693e3] hover:shadow-lg transition-all group"
>
<div className="size-12 rounded-xl bg-gradient-to-br from-[#0693e3] to-[#0472b8] flex items-center justify-center text-white shadow-lg">
<div className="size-12 rounded-xl bg-gradient-to-br from-igny8-blue to-igny8-blue-dark flex items-center justify-center text-white shadow-lg">
<FileTextIcon className="h-6 w-6" />
</div>
<div className="flex-1 text-left">
@@ -666,7 +666,7 @@ export default function WriterDashboard() {
to="/writer/content"
className="flex items-center gap-4 p-6 rounded-xl border-2 border-slate-200 bg-white hover:border-[#0bbf87] hover:shadow-lg transition-all group"
>
<div className="size-12 rounded-xl bg-gradient-to-br from-[#0bbf87] to-[#08966b] flex items-center justify-center text-white shadow-lg">
<div className="size-12 rounded-xl bg-gradient-to-br from-igny8-green to-igny8-green-dark flex items-center justify-center text-white shadow-lg">
<PencilIcon className="h-6 w-6" />
</div>
<div className="flex-1 text-left">
@@ -680,7 +680,7 @@ export default function WriterDashboard() {
to="/writer/images"
className="flex items-center gap-4 p-6 rounded-xl border-2 border-slate-200 bg-white hover:border-[#ff7a00] hover:shadow-lg transition-all group"
>
<div className="size-12 rounded-xl bg-gradient-to-br from-[#ff7a00] to-[#cc5f00] flex items-center justify-center text-white shadow-lg">
<div className="size-12 rounded-xl bg-gradient-to-br from-igny8-amber to-igny8-amber-dark flex items-center justify-center text-white shadow-lg">
<BoxIcon className="h-6 w-6" />
</div>
<div className="flex-1 text-left">
@@ -694,7 +694,7 @@ export default function WriterDashboard() {
to="/writer/published"
className="flex items-center gap-4 p-6 rounded-xl border-2 border-slate-200 bg-white hover:border-[#5d4ae3] hover:shadow-lg transition-all group"
>
<div className="size-12 rounded-xl bg-gradient-to-br from-[#5d4ae3] to-[#3a2f94] flex items-center justify-center text-white shadow-lg">
<div className="size-12 rounded-xl bg-gradient-to-br from-igny8-purple to-igny8-purple-dark flex items-center justify-center text-white shadow-lg">
<PaperPlaneIcon className="h-6 w-6" />
</div>
<div className="flex-1 text-left">
@@ -711,7 +711,7 @@ export default function WriterDashboard() {
<ComponentCard title="How Writer Works" desc="Understanding the content creation workflow">
<div className="space-y-4">
<div className="flex gap-4">
<div className="flex-shrink-0 size-10 rounded-lg bg-gradient-to-br from-[#0693e3] to-[#0472b8] flex items-center justify-center text-white shadow-md">
<div className="flex-shrink-0 size-10 rounded-lg bg-gradient-to-br from-igny8-blue to-igny8-blue-dark flex items-center justify-center text-white shadow-md">
<FileTextIcon className="h-5 w-5" />
</div>
<div>
@@ -722,7 +722,7 @@ export default function WriterDashboard() {
</div>
</div>
<div className="flex gap-4">
<div className="flex-shrink-0 size-10 rounded-lg bg-gradient-to-br from-[#0bbf87] to-[#08966b] flex items-center justify-center text-white shadow-md">
<div className="flex-shrink-0 size-10 rounded-lg bg-gradient-to-br from-igny8-green to-igny8-green-dark flex items-center justify-center text-white shadow-md">
<PencilIcon className="h-5 w-5" />
</div>
<div>
@@ -733,7 +733,7 @@ export default function WriterDashboard() {
</div>
</div>
<div className="flex gap-4">
<div className="flex-shrink-0 size-10 rounded-lg bg-gradient-to-br from-[#ff7a00] to-[#cc5f00] flex items-center justify-center text-white shadow-md">
<div className="flex-shrink-0 size-10 rounded-lg bg-gradient-to-br from-igny8-amber to-igny8-amber-dark flex items-center justify-center text-white shadow-md">
<BoxIcon className="h-5 w-5" />
</div>
<div>