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

1

Browse Source
This commit is contained in:
Desktop
2025-11-14 03:57:58 +05:00
parent 99b35d7b3a
commit e3d202d5c2
2 changed files with 24 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
frontend/src/marketing/pages/CaseStudies.tsx
View File

@@ -43,8 +43,7 @@ const CaseStudies: React.FC = () => {
summary: summary:
"Publisher running 6 niche brands used Igny8 to centralize research, briefs, and AI-assisted writing. Automation recipes ensured every keyword moved to published content with minimal handoff friction.", "Publisher running 6 niche brands used Igny8 to centralize research, briefs, and AI-assisted writing. Automation recipes ensured every keyword moved to published content with minimal handoff friction.",
image: "case-lumen.png", image: "case-lumen.png",
color: "from-[#0693e3]/10 to-white", iconColor: "from-[#0693e3] to-[#0472b8]",
borderColor: "border-[#0693e3]/30",
}, },
{ {
company: "Northbeam Digital", company: "Northbeam Digital",
@@ -57,8 +56,7 @@ const CaseStudies: React.FC = () => {
summary: summary:
"Multi-client agency adopted Igny8 to standardize workflows, automate reporting, and launch custom Thinker playbooks. Teams now produce keyword research, content, and images for 20+ clients simultaneously.", "Multi-client agency adopted Igny8 to standardize workflows, automate reporting, and launch custom Thinker playbooks. Teams now produce keyword research, content, and images for 20+ clients simultaneously.",
image: "case-northbeam.png", image: "case-northbeam.png",
color: "from-[#0bbf87]/10 to-white", iconColor: "from-[#0bbf87] to-[#08966b]",
borderColor: "border-[#0bbf87]/30",
}, },
{ {
company: "Arcadia SaaS", company: "Arcadia SaaS",
@@ -71,8 +69,7 @@ const CaseStudies: React.FC = () => {
summary: summary:
"Arcadia used Igny8 to align SEO, product marketing, and design. Thinker libraries ensured every asset matched product messaging; automation pushed approved content directly into WordPress and HubSpot.", "Arcadia used Igny8 to align SEO, product marketing, and design. Thinker libraries ensured every asset matched product messaging; automation pushed approved content directly into WordPress and HubSpot.",
image: "case-arcadia.png", image: "case-arcadia.png",
color: "from-[#5d4ae3]/10 to-white", iconColor: "from-[#5d4ae3] to-[#3a2f94]",
borderColor: "border-[#5d4ae3]/30",
}, },
]; ];
@@ -99,19 +96,24 @@ const CaseStudies: React.FC = () => {
<section className="max-w-7xl mx-auto px-6 pb-24 space-y-16"> <section className="max-w-7xl mx-auto px-6 pb-24 space-y-16">
{caseStudies.map((cs, idx) => { {caseStudies.map((cs, idx) => {
const metricColors = [ const metricColors = [
{ border: "border-[#0693e3]/30", bg: "from-[#0693e3]/10 to-white", text: "text-[#0693e3]" }, { border: "border-slate-200", bg: "from-white to-slate-50/50", text: "text-[#0693e3]" },
{ border: "border-[#0bbf87]/30", bg: "from-[#0bbf87]/10 to-white", text: "text-[#0bbf87]" }, { border: "border-slate-200", bg: "from-white to-slate-50/50", text: "text-[#0bbf87]" },
{ border: "border-[#ff7a00]/30", bg: "from-[#ff7a00]/10 to-white", text: "text-[#ff7a00]" }, { border: "border-slate-200", bg: "from-white to-slate-50/50", text: "text-[#ff7a00]" },
]; ];
return ( return (
<div <div
key={cs.company} key={cs.company}
className={`rounded-3xl border-2 ${cs.borderColor} bg-gradient-to-br ${cs.color} p-10 md:p-12 grid grid-cols-1 lg:grid-cols-2 gap-12 hover:shadow-xl hover:-translate-y-1 transition-all`} className="rounded-3xl border-2 border-slate-200 bg-white p-10 md:p-12 grid grid-cols-1 lg:grid-cols-2 gap-12 hover:shadow-xl hover:-translate-y-1 transition-all"
> >
<div className="space-y-6"> <div className="space-y-6">
<span className="inline-flex items-center px-3 py-1 rounded-full text-xs font-semibold uppercase tracking-[0.2em] bg-slate-100 text-slate-600"> <div className="flex items-center gap-3">
{cs.company} <div className={`size-12 rounded-xl bg-gradient-to-br ${cs.iconColor} flex items-center justify-center text-white shadow-lg`}>
</span> <CheckCircleIcon className="h-6 w-6" />
</div>
<span className="inline-flex items-center px-3 py-1 rounded-full text-xs font-semibold uppercase tracking-[0.2em] bg-slate-100 text-slate-600">
{cs.company}
</span>
</div>
<h3 className="text-3xl md:text-4xl font-bold text-slate-900">{cs.headline}</h3> <h3 className="text-3xl md:text-4xl font-bold text-slate-900">{cs.headline}</h3>
<p className="text-base text-slate-600 leading-relaxed">{cs.summary}</p> <p className="text-base text-slate-600 leading-relaxed">{cs.summary}</p>
<div className="grid grid-cols-3 gap-4 pt-4"> <div className="grid grid-cols-3 gap-4 pt-4">
@@ -141,8 +143,6 @@ const CaseStudies: React.FC = () => {
className="w-full h-full object-cover" className="w-full h-full object-cover"
/> />
</div> </div>
{/* Subtle glow */}
<div className={`absolute -inset-2 bg-gradient-to-br ${cs.color} rounded-3xl opacity-20 blur-xl -z-10`} />
</div> </div>
</div> </div>
); );
@@ -152,7 +152,7 @@ const CaseStudies: React.FC = () => {
{/* RESULTS & ADVISORY BOARD */} {/* RESULTS & ADVISORY BOARD */}
<section className="bg-gradient-to-b from-white via-slate-50/30 to-white py-24"> <section className="bg-gradient-to-b from-white via-slate-50/30 to-white py-24">
<div className="max-w-7xl mx-auto px-6 grid grid-cols-1 lg:grid-cols-2 gap-8"> <div className="max-w-7xl mx-auto px-6 grid grid-cols-1 lg:grid-cols-2 gap-8">
<div className="rounded-3xl border-2 border-[#0693e3]/30 bg-gradient-to-br from-[#0693e3]/10 via-white to-[#0bbf87]/5 p-8 space-y-6 shadow-lg"> <div className="rounded-2xl border-2 border-slate-200 bg-white p-8 space-y-6 shadow-sm">
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<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-[#0693e3] to-[#0472b8] flex items-center justify-center text-white shadow-lg">
<CheckCircleIcon className="h-6 w-6" /> <CheckCircleIcon className="h-6 w-6" />
@@ -174,7 +174,7 @@ const CaseStudies: React.FC = () => {
))} ))}
</ul> </ul>
</div> </div>
<div className="rounded-3xl border-2 border-[#0bbf87]/30 bg-gradient-to-br from-[#0bbf87]/10 via-white to-[#5d4ae3]/5 p-8 space-y-6 shadow-lg"> <div className="rounded-2xl border-2 border-slate-200 bg-white p-8 space-y-6 shadow-sm">
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<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-[#0bbf87] to-[#08966b] flex items-center justify-center text-white shadow-lg">
<CheckCircleIcon className="h-6 w-6" /> <CheckCircleIcon className="h-6 w-6" />

20
frontend/src/marketing/pages/Partners.tsx
View File

@@ -43,9 +43,7 @@ const Partners: React.FC = () => {
"Access to automation templates and think tank sessions", "Access to automation templates and think tank sessions",
], ],
icon: CheckCircleIcon, icon: CheckCircleIcon,
color: "from-[#0693e3] to-[#0472b8]", iconColor: "from-[#0693e3] to-[#0472b8]",
borderColor: "border-[#0693e3]/30",
bgColor: "from-[#0693e3]/10 to-white",
}, },
{ {
title: "Technology Partner", title: "Technology Partner",
@@ -56,9 +54,7 @@ const Partners: React.FC = () => {
"Shared lead programs and launch promotion campaigns", "Shared lead programs and launch promotion campaigns",
], ],
icon: CodeBracketIcon, icon: CodeBracketIcon,
color: "from-[#0bbf87] to-[#08966b]", iconColor: "from-[#0bbf87] to-[#08966b]",
borderColor: "border-[#0bbf87]/30",
bgColor: "from-[#0bbf87]/10 to-white",
}, },
{ {
title: "Affiliate & Advocate", title: "Affiliate & Advocate",
@@ -69,9 +65,7 @@ const Partners: React.FC = () => {
"Custom reporting dashboards to track referred accounts", "Custom reporting dashboards to track referred accounts",
], ],
icon: RocketLaunchIcon, icon: RocketLaunchIcon,
color: "from-[#ff7a00] to-[#cc5f00]", iconColor: "from-[#ff7a00] to-[#cc5f00]",
borderColor: "border-[#ff7a00]/30",
bgColor: "from-[#ff7a00]/10 to-white",
}, },
]; ];
@@ -102,10 +96,10 @@ const Partners: React.FC = () => {
return ( return (
<div <div
key={tier.title} key={tier.title}
className={`rounded-3xl border-2 ${tier.borderColor} bg-gradient-to-br ${tier.bgColor} p-8 flex flex-col gap-6 hover:shadow-xl hover:-translate-y-1 transition-all`} className="rounded-3xl border-2 border-slate-200 bg-white p-8 flex flex-col gap-6 hover:shadow-xl hover:-translate-y-1 transition-all"
> >
<div className="flex items-center gap-4"> <div className="flex items-center gap-4">
<div className={`inline-flex size-14 rounded-xl bg-gradient-to-br ${tier.color} items-center justify-center text-white shadow-lg`}> <div className={`inline-flex size-14 rounded-xl bg-gradient-to-br ${tier.iconColor} items-center justify-center text-white shadow-lg`}>
<Icon className="h-7 w-7" /> <Icon className="h-7 w-7" />
</div> </div>
<div> <div>
@@ -154,7 +148,7 @@ const Partners: React.FC = () => {
<p className="text-lg text-slate-600 leading-relaxed"> <p className="text-lg text-slate-600 leading-relaxed">
Use Igny8 APIs and webhooks to power your own products, analytics, or client portals. Automate keyword ingestion, content creation, asset delivery, and reporting. Use Igny8 APIs and webhooks to power your own products, analytics, or client portals. Automate keyword ingestion, content creation, asset delivery, and reporting.
</p> </p>
<div className="rounded-3xl border-2 border-[#0693e3]/30 bg-gradient-to-br from-[#0693e3]/10 to-white p-8 shadow-lg"> <div className="rounded-2xl border-2 border-slate-200 bg-white p-8 shadow-sm">
<div className="rounded-2xl border-2 border-slate-200 bg-gradient-to-br from-slate-50 to-white h-64 flex items-center justify-center text-sm text-slate-400 shadow-inner"> <div className="rounded-2xl border-2 border-slate-200 bg-gradient-to-br from-slate-50 to-white h-64 flex items-center justify-center text-sm text-slate-400 shadow-inner">
API docs placeholder API docs placeholder
</div> </div>
@@ -162,7 +156,7 @@ const Partners: React.FC = () => {
</div> </div>
{/* Right: Partner Resources */} {/* Right: Partner Resources */}
<div className="rounded-3xl border-2 border-[#0bbf87]/30 bg-gradient-to-br from-[#0bbf87]/10 via-white to-[#5d4ae3]/5 p-10 space-y-6 shadow-lg"> <div className="rounded-2xl border-2 border-slate-200 bg-white p-10 space-y-6 shadow-sm">
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<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-[#0bbf87] to-[#08966b] flex items-center justify-center text-white shadow-lg">
<WrenchScrewdriverIcon className="h-6 w-6" /> <WrenchScrewdriverIcon className="h-6 w-6" />