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

44
frontend/src/marketing/pages/Resources.tsx
View File

@@ -50,7 +50,7 @@ const Resources: React.FC = () => {
type: "Article",
tag: "Strategy",
icon: ChartBarIcon,
color: "from-[#0693e3] to-[#0472b8]",
color: "from-igny8-blue to-igny8-blue-dark",
},
{
title: "The Complete Framework for AI Content Quality",
@@ -58,7 +58,7 @@ const Resources: React.FC = () => {
type: "Framework Guide",
tag: "Strategy",
icon: AcademicCapIcon,
color: "from-[#0bbf87] to-[#08966b]",
color: "from-igny8-green to-igny8-green-dark",
},
{
title: "SERP-Guided Content Planning Playbook",
@@ -77,7 +77,7 @@ const Resources: React.FC = () => {
type: "Template",
tags: ["Template", "System"],
icon: CalendarIcon,
color: "from-[#0693e3] to-[#0472b8]",
color: "from-igny8-blue to-igny8-blue-dark",
},
{
title: "Airtable Keyword Cluster System",
@@ -85,7 +85,7 @@ const Resources: React.FC = () => {
type: "System",
tags: ["System", "Workflow"],
icon: ChartBarIcon,
color: "from-[#0bbf87] to-[#08966b]",
color: "from-igny8-green to-igny8-green-dark",
},
{
title: "Content Calendar Kit (Excel)",
@@ -93,7 +93,7 @@ const Resources: React.FC = () => {
type: "Template",
tags: ["Template", "Workflow"],
icon: DocumentTextIcon,
color: "from-[#5d4ae3] to-[#3a2f94]",
color: "from-igny8-purple to-igny8-purple-dark",
},
{
title: "Cluster Mapping Board",
@@ -113,7 +113,7 @@ const Resources: React.FC = () => {
type: "Workshop",
tag: "Live",
icon: BoltIcon,
color: "from-[#0693e3] to-[#0472b8]",
color: "from-igny8-blue to-igny8-blue-dark",
},
{
title: "From Keywords to Conversions: Dashboard Deep-Dive",
@@ -122,7 +122,7 @@ const Resources: React.FC = () => {
type: "Workshop",
tag: "Live",
icon: ChartBarIcon,
color: "from-[#0bbf87] to-[#08966b]",
color: "from-igny8-green to-igny8-green-dark",
},
{
title: "Automating Cluster Research at Scale",
@@ -130,7 +130,7 @@ const Resources: React.FC = () => {
type: "Replay",
tag: "Replay",
icon: PlayIcon,
color: "from-[#5d4ae3] to-[#3a2f94]",
color: "from-igny8-purple to-igny8-purple-dark",
},
{
title: "Editorial Control and AI Tone Systems",
@@ -149,7 +149,7 @@ const Resources: React.FC = () => {
type: "Quick-Start",
tags: ["Checklist", "Execution"],
icon: RocketLaunchIcon,
color: "from-[#0693e3] to-[#0472b8]",
color: "from-igny8-blue to-igny8-blue-dark",
},
{
title: "SEO Content Quality Checklist",
@@ -157,7 +157,7 @@ const Resources: React.FC = () => {
type: "Checklist",
tags: ["Checklist", "Execution"],
icon: ClipboardDocumentCheckIcon,
color: "from-[#0bbf87] to-[#08966b]",
color: "from-igny8-green to-igny8-green-dark",
},
{
title: "Content Production SOPs Pack",
@@ -165,7 +165,7 @@ const Resources: React.FC = () => {
type: "SOP Pack",
tags: ["Execution", "Prompt Pack"],
icon: ListBulletIcon,
color: "from-[#5d4ae3] to-[#3a2f94]",
color: "from-igny8-purple to-igny8-purple-dark",
},
{
title: "AI Prompt Library for Content Teams",
@@ -196,7 +196,7 @@ const Resources: React.FC = () => {
<div className="flex justify-center">
{renderCta(
{ label: "Explore All Resources", href: "#learn" },
"inline-flex items-center justify-center rounded-xl bg-gradient-to-r from-[#0693e3] to-[#0472b8] text-white px-8 py-4 text-base font-semibold hover:shadow-lg hover:-translate-y-0.5 transition shadow-md"
"inline-flex items-center justify-center rounded-xl bg-gradient-to-r from-igny8-blue to-igny8-blue-dark text-white px-8 py-4 text-base font-semibold hover:shadow-lg hover:-translate-y-0.5 transition shadow-md"
)}
</div>
</div>
@@ -235,7 +235,7 @@ const Resources: React.FC = () => {
<p className="text-sm text-slate-600 leading-relaxed flex-1">{resource.description}</p>
<a
href="#"
className="inline-flex items-center gap-2 text-sm font-semibold text-[#0693e3] hover:text-[#0472b8] group"
className="inline-flex items-center gap-2 text-sm font-semibold text-igny8-blue hover:text-[#0472b8] group"
>
{resource.type.includes("PDF") ? "Download" : "Read"} {resource.type.toLowerCase().includes("article") ? "article" : "guide"}
<ArrowRightIcon className="h-4 w-4 group-hover:translate-x-1 transition-transform" />
@@ -247,7 +247,7 @@ const Resources: React.FC = () => {
<div className="text-center mt-12">
<a
href="#"
className="inline-flex items-center gap-2 text-base font-semibold text-slate-700 hover:text-[#0693e3] transition"
className="inline-flex items-center gap-2 text-base font-semibold text-slate-700 hover:text-igny8-blue transition"
>
View All Guides
<ArrowRightIcon className="h-5 w-5" />
@@ -308,7 +308,7 @@ const Resources: React.FC = () => {
<p className="text-sm text-slate-600 leading-relaxed mb-4">{resource.description}</p>
<a
href="#"
className="inline-flex items-center gap-2 text-sm font-semibold text-[#0693e3] hover:text-[#0472b8] group"
className="inline-flex items-center gap-2 text-sm font-semibold text-igny8-blue hover:text-[#0472b8] group"
>
<ArrowDownTrayIcon className="h-4 w-4" />
Download {resource.type.toLowerCase()}
@@ -323,7 +323,7 @@ const Resources: React.FC = () => {
<div className="text-center mt-12">
<a
href="#"
className="inline-flex items-center gap-2 text-base font-semibold text-slate-700 hover:text-[#0693e3] transition"
className="inline-flex items-center gap-2 text-base font-semibold text-slate-700 hover:text-igny8-blue transition"
>
Explore Templates
<ArrowRightIcon className="h-5 w-5" />
@@ -391,8 +391,8 @@ const Resources: React.FC = () => {
<button
className={`inline-flex items-center justify-center gap-2 rounded-xl px-6 py-3 text-sm font-semibold transition ${
resource.tag === "Live"
? "bg-gradient-to-r from-[#0693e3] to-[#0472b8] text-white hover:shadow-lg"
: "border-2 border-slate-300 bg-white text-slate-700 hover:border-[#0693e3] hover:text-[#0693e3]"
? "bg-gradient-to-r from-igny8-blue to-igny8-blue-dark text-white hover:shadow-lg"
: "border-2 border-slate-300 bg-white text-slate-700 hover:border-[#0693e3] hover:text-igny8-blue"
}`}
>
{resource.tag === "Live" ? (
@@ -414,7 +414,7 @@ const Resources: React.FC = () => {
<div className="text-center mt-12">
<a
href="#"
className="inline-flex items-center gap-2 text-base font-semibold text-slate-700 hover:text-[#0693e3] transition"
className="inline-flex items-center gap-2 text-base font-semibold text-slate-700 hover:text-igny8-blue transition"
>
View Schedule
<ArrowRightIcon className="h-5 w-5" />
@@ -462,7 +462,7 @@ const Resources: React.FC = () => {
<p className="text-sm text-slate-600 leading-relaxed flex-1">{resource.description}</p>
<a
href="#"
className="inline-flex items-center gap-2 text-sm font-semibold text-[#0693e3] hover:text-[#0472b8] group"
className="inline-flex items-center gap-2 text-sm font-semibold text-igny8-blue hover:text-[#0472b8] group"
>
<ArrowDownTrayIcon className="h-4 w-4" />
Download Now
@@ -487,7 +487,7 @@ const Resources: React.FC = () => {
<div>
<a
href="#"
className="inline-flex items-center gap-2 rounded-xl bg-gradient-to-r from-[#0bbf87] to-[#08966b] text-white px-8 py-4 text-base font-semibold hover:shadow-lg hover:-translate-y-0.5 transition shadow-md"
className="inline-flex items-center gap-2 rounded-xl bg-gradient-to-r from-igny8-green to-igny8-green-dark text-white px-8 py-4 text-base font-semibold hover:shadow-lg hover:-translate-y-0.5 transition shadow-md"
>
Browse Toolkits
<ArrowRightIcon className="h-5 w-5" />
@@ -511,7 +511,7 @@ const Resources: React.FC = () => {
href="https://app.igny8.com/signup"
target="_blank"
rel="noreferrer"
className="inline-flex items-center justify-center gap-2 rounded-xl bg-white text-[#0693e3] px-10 py-5 text-lg font-bold hover:bg-white/95 transition shadow-xl hover:shadow-2xl hover:-translate-y-0.5"
className="inline-flex items-center justify-center gap-2 rounded-xl bg-white text-igny8-blue px-10 py-5 text-lg font-bold hover:bg-white/95 transition shadow-xl hover:shadow-2xl hover:-translate-y-0.5"
>
<RocketLaunchIcon className="h-5 w-5" />
Start for $1