Marketing Website
This commit is contained in:
Desktop
136
frontend/src/marketing/pages/CaseStudies.tsx
Normal file
136
frontend/src/marketing/pages/CaseStudies.tsx
Normal file
@@ -0,0 +1,136 @@
|
||||
import React from "react";
|
||||
import SectionHeading from "../components/SectionHeading";
|
||||
import CTASection from "../components/CTASection";
|
||||
|
||||
const caseStudies = [
|
||||
{
|
||||
company: "Lumen Publishing",
|
||||
headline: "From 40 to 220 articles/month with 3× SERP visibility.",
|
||||
metrics: [
|
||||
{ label: "Organic traffic", value: "+210%" },
|
||||
{ label: "Time-to-publish", value: "-58%" },
|
||||
{ label: "Cost per article", value: "-34%" },
|
||||
],
|
||||
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.",
|
||||
image: "case-lumen.png",
|
||||
},
|
||||
{
|
||||
company: "Northbeam Digital",
|
||||
headline: "Agency tripled client output without adding headcount.",
|
||||
metrics: [
|
||||
{ label: "Client satisfaction", value: "98%" },
|
||||
{ label: "Deliverables/mo", value: "+175%" },
|
||||
{ label: "Margin lift", value: "+22%" },
|
||||
],
|
||||
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.",
|
||||
image: "case-northbeam.png",
|
||||
},
|
||||
{
|
||||
company: "Arcadia SaaS",
|
||||
headline: "In-house team built a 7-stage automation pipeline.",
|
||||
metrics: [
|
||||
{ label: "New keywords ranked", value: "1,040" },
|
||||
{ label: "Automation coverage", value: "82%" },
|
||||
{ label: "Time saved monthly", value: "120 hrs" },
|
||||
],
|
||||
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.",
|
||||
image: "case-arcadia.png",
|
||||
},
|
||||
];
|
||||
|
||||
const CaseStudies: React.FC = () => {
|
||||
return (
|
||||
<div className="bg-[#050913] text-white">
|
||||
<section className="max-w-6xl mx-auto px-6 pt-24 pb-16">
|
||||
<SectionHeading
|
||||
eyebrow="Proof"
|
||||
title="Stories from teams automating their way to category leadership."
|
||||
description="See how publishers, agencies, and SaaS companies transformed their SEO and content operations with Igny8."
|
||||
/>
|
||||
</section>
|
||||
|
||||
<section className="max-w-6xl mx-auto px-6 pb-24 space-y-12">
|
||||
{caseStudies.map((cs) => (
|
||||
<div
|
||||
key={cs.company}
|
||||
className="rounded-3xl border border-white/10 bg-white/5 p-12 grid grid-cols-1 lg:grid-cols-2 gap-12"
|
||||
>
|
||||
<div className="space-y-6">
|
||||
<span className="text-xs uppercase tracking-[0.3em] text-white/40">
|
||||
{cs.company}
|
||||
</span>
|
||||
<h3 className="text-2xl font-semibold text-white">{cs.headline}</h3>
|
||||
<p className="text-sm text-white/70 leading-relaxed">{cs.summary}</p>
|
||||
<div className="grid grid-cols-3 gap-4">
|
||||
{cs.metrics.map((metric) => (
|
||||
<div
|
||||
key={metric.label}
|
||||
className="rounded-2xl border border-white/10 bg-white/5 p-4 text-center space-y-2"
|
||||
>
|
||||
<div className="text-xl font-semibold text-white">
|
||||
{metric.value}
|
||||
</div>
|
||||
<div className="text-xs uppercase tracking-[0.2em] text-white/40">
|
||||
{metric.label}
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
<div className="rounded-3xl border border-white/10 bg-slate-900 overflow-hidden">
|
||||
<img
|
||||
src={`/marketing/images/${cs.image}`}
|
||||
alt={`${cs.company} case study`}
|
||||
className="w-full h-full object-cover"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</section>
|
||||
|
||||
<section className="bg-slate-950/70 border-y border-white/5">
|
||||
<div className="max-w-6xl mx-auto px-6 py-24 grid grid-cols-1 md:grid-cols-2 gap-12">
|
||||
<div className="space-y-4">
|
||||
<h4 className="text-lg font-semibold text-white">Results you can expect</h4>
|
||||
<ul className="space-y-3 text-sm text-white/70">
|
||||
<li className="flex gap-3">
|
||||
<span className="mt-1 size-1.5 rounded-full bg-brand-300" />
|
||||
30-60 day onboarding to deploy automation and Thinker governance.
|
||||
</li>
|
||||
<li className="flex gap-3">
|
||||
<span className="mt-1 size-1.5 rounded-full bg-brand-300" />
|
||||
3-5× increase in content throughput without sacrificing editorial quality.
|
||||
</li>
|
||||
<li className="flex gap-3">
|
||||
<span className="mt-1 size-1.5 rounded-full bg-brand-300" />
|
||||
Clear ROI dashboards tying automation to revenue outcomes.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="rounded-3xl border border-white/10 bg-white/5 p-10 space-y-4 text-sm text-white/70">
|
||||
<h4 className="text-lg font-semibold text-white">Customer advisory board</h4>
|
||||
<p>
|
||||
Igny8’s roadmap is shaped by an active community of customer strategists, agency partners, and product marketers. Join and get early access to features, template libraries, and industry benchmarks.
|
||||
</p>
|
||||
<button className="inline-flex items-center justify-center rounded-full bg-brand-500 hover:bg-brand-400 px-5 py-2 text-sm font-semibold">
|
||||
Join the CAB waitlist
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<CTASection
|
||||
title="Let’s document your Igny8 success story next."
|
||||
description="Share your goals and we’ll map an automation blueprint specific to your team, then track and celebrate the wins together."
|
||||
primaryCta={{ label: "Book strategy session", href: "/contact" }}
|
||||
secondaryCta={{ label: "Download case study pack", href: "/resources" }}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default CaseStudies;
|
||||
|
||||
Reference in New Issue
Block a user