Skip to content

Vs pages Phase 3 — customer proof, pricing slot, three-way, related reading #105

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
ardeay merged 1 commit into from
Sep 11, 2026
Merged

Vs pages Phase 3 — customer proof, pricing slot, three-way, related reading #105

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
139 changes: 139 additions & 0 deletions webengine/views/adobe-experience-manager-vs-content-one.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -386,6 +386,99 @@ <h2 class="font-display text-3xl md:text-4xl font-bold mb-3">The comparison</h2>
<p class="text-xs text-gray-500 mt-3 italic">Accurate as of September 2026.</p>
</div>
</section>
<!-- ════════════ CUSTOMER PROOF (kaya SEO brief #2d) ════════════ -->
<section class="py-14 lg:py-20 bg-white border-t border-gray-100">
<div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-10">
<p class="text-xs font-semibold uppercase tracking-[0.18em] text-royal mb-3">Who runs on Content.One</p>
<h2 class="font-display text-2xl md:text-3xl font-bold text-ink">Real customers, real deployments.</h2>
</div>
<div class="grid grid-cols-1 sm:grid-cols-3 gap-4 md:gap-6">
<a href="/customers/salvation-army-federated-websites/" class="group flex flex-col items-center justify-center gap-3 rounded-2xl border border-gray-200 bg-white p-6 hover:border-royal hover:shadow-sm transition min-h-[140px]">
<img src="https://hj5v68xn.media.zestyio.com/the_salvation_army_reversed.svg" alt="The Salvation Army" class="h-12 w-auto object-contain" style="filter:brightness(0);opacity:.6" loading="lazy" />
<span class="text-xs uppercase tracking-[0.14em] font-semibold text-gray-500 group-hover:text-royal transition">Read case study</span>
</a>
<a href="/customers/sony/" class="group flex flex-col items-center justify-center gap-3 rounded-2xl border border-gray-200 bg-white p-6 hover:border-royal hover:shadow-sm transition min-h-[140px]">
<img src="https://hj5v68xn.media.zestyio.com/sony_reversed.svg" alt="Sony" class="h-8 w-auto object-contain" style="filter:brightness(0);opacity:.6" loading="lazy" />
<span class="text-xs uppercase tracking-[0.14em] font-semibold text-gray-500 group-hover:text-royal transition">Read case study</span>
</a>
<a href="/customers/singlife/" class="group flex flex-col items-center justify-center gap-3 rounded-2xl border border-gray-200 bg-white p-6 hover:border-royal hover:shadow-sm transition min-h-[140px]">
<img src="https://hj5v68xn.media.zestyio.com/singlife_reversed.svg" alt="Singlife" class="h-8 w-auto object-contain" style="filter:brightness(0);opacity:.6" loading="lazy" />
<span class="text-xs uppercase tracking-[0.14em] font-semibold text-gray-500 group-hover:text-royal transition">Read case study</span>
</a>
</div>
</div>
</section>

<!-- ════════════ PRICING SLOT (kaya SEO brief #5a — awaiting Wordify copy) ════════════ -->
<section class="py-14 lg:py-20 bg-paper border-t border-gray-100">
<div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8">
<h2 class="font-display text-2xl md:text-3xl font-bold text-ink mb-4">Adobe Experience Manager pricing in 2026</h2>
<p class="text-sm text-gray-500 italic">Pricing detail coming soon.</p>
</div>
</section>

<!-- ════════════ THREE-WAY COMPARISONS (kaya SEO brief #5b + Discord: 3 cards + full-width Content.One card) ════════════ -->
<section class="py-14 lg:py-20 bg-white border-t border-gray-100">
<div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center max-w-3xl mx-auto mb-10">
<h2 class="font-display text-2xl md:text-3xl font-bold text-ink mb-3">How AEM compares to other options</h2>
<p class="text-gray-600">If AEM is on your shortlist, these usually are too. Content.One is the reference point across all three.</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-6">
<a href="/sitecore-vs-content-one.html" class="group flex flex-col rounded-2xl border border-gray-200 bg-white p-6 hover:border-royal hover:shadow-sm transition">
<p class="text-xs font-semibold uppercase tracking-[0.14em] text-royal mb-3">Also considered</p>
<h3 class="font-display text-lg font-bold text-ink mb-2 leading-tight">Sitecore vs AEM</h3>
<p class="text-sm text-gray-600 leading-relaxed mb-4 flex-1">See how Sitecore stacks up against Content.One on the same shortlist as AEM.</p>
<span class="inline-flex items-center gap-1.5 text-sm font-semibold text-royal group-hover:text-royalDark transition mt-auto">
Compare Sitecore vs Content.One
<svg viewBox="0 0 24 24" class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
</span>
</a>
<a href="/optimizely-vs-content-one.html" class="group flex flex-col rounded-2xl border border-gray-200 bg-white p-6 hover:border-royal hover:shadow-sm transition">
<p class="text-xs font-semibold uppercase tracking-[0.14em] text-royal mb-3">Also considered</p>
<h3 class="font-display text-lg font-bold text-ink mb-2 leading-tight">Optimizely vs AEM</h3>
<p class="text-sm text-gray-600 leading-relaxed mb-4 flex-1">See how Optimizely stacks up against Content.One on the same shortlist as AEM.</p>
<span class="inline-flex items-center gap-1.5 text-sm font-semibold text-royal group-hover:text-royalDark transition mt-auto">
Compare Optimizely vs Content.One
<svg viewBox="0 0 24 24" class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
</span>
</a>
<a href="/drupal-vs-content-one.html" class="group flex flex-col rounded-2xl border border-gray-200 bg-white p-6 hover:border-royal hover:shadow-sm transition">
<p class="text-xs font-semibold uppercase tracking-[0.14em] text-royal mb-3">Also considered</p>
<h3 class="font-display text-lg font-bold text-ink mb-2 leading-tight">Drupal vs AEM</h3>
<p class="text-sm text-gray-600 leading-relaxed mb-4 flex-1">See how Drupal stacks up against Content.One on the same shortlist as AEM.</p>
<span class="inline-flex items-center gap-1.5 text-sm font-semibold text-royal group-hover:text-royalDark transition mt-auto">
Compare Drupal vs Content.One
<svg viewBox="0 0 24 24" class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
</span>
</a>
</div>

<!-- Full-width Content.One positioning card (kaya's Discord: 'a card that's
full width, explaining why brands are choosing content.one over all
these platforms') -->
<div class="rounded-2xl bg-gradient-to-br from-ink via-royalDark to-royal text-white p-8 lg:p-10">
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6 items-center">
<div class="lg:col-span-2">
<p class="text-xs font-semibold uppercase tracking-[0.18em] text-royalLite mb-3">Why teams choose Content.One over all of these</p>
<h3 class="font-display text-xl md:text-2xl font-bold mb-3 leading-tight">Federated multisite, marketer-led publishing, and included AI — as the platform, not add-ons.</h3>
<p class="text-white/80 text-base leading-relaxed">Whichever of the above you were considering, Content.One replaces per-property licenses, agency-mediated migrations, and credit-based AI billing with one instance-based subscription. See the specifics in the comparison above, or start a build to see the network shape yourself.</p>
</div>
<div class="flex flex-col gap-3">
<a href="https://launch.content.one" target="_blank" rel="noopener" class="inline-flex items-center justify-center gap-2 rounded-lg bg-white text-royal hover:bg-gray-100 font-semibold px-6 py-3 transition shadow">
Start a Content.One build
<svg viewBox="0 0 24 24" class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
</a>
<a href="https://migration.content.one" target="_blank" rel="noopener" class="inline-flex items-center justify-center gap-2 rounded-lg border border-white/30 text-white hover:bg-white/10 font-semibold px-6 py-3 transition">
Get a migration estimate
</a>
</div>
</div>
</div>
</div>
</section>


<!-- ════════════ BODY TEXT ════════════ -->
<section class="py-16 lg:py-24 bg-gray-50 border-t border-b border-gray-200">
Expand Down Expand Up @@ -462,6 +555,52 @@ <h2 class="font-display text-3xl md:text-4xl font-bold mb-3">Frequently asked qu
</div>
</section>


<!-- ════════════ RELATED READING (kaya SEO brief #2b) ════════════ -->
<section class="py-14 lg:py-20 bg-paper border-t border-gray-100">
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="mb-8">
<p class="text-xs font-semibold uppercase tracking-[0.18em] text-royal mb-3">Related reading</p>
<h2 class="font-display text-2xl md:text-3xl font-bold text-ink">Go deeper on the questions this comparison raises.</h2>
</div>
<ul class="list-none m-0 p-0 grid gap-3 md:grid-cols-2">
<li>
<a href="/solutions/federated-multisite/" class="group flex items-start gap-3 rounded-xl border border-gray-200 bg-white p-4 hover:border-royal hover:shadow-sm transition no-underline">
<svg viewBox="0 0 24 24" class="w-5 h-5 text-royal shrink-0 mt-0.5" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true"><rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/></svg>
<span class="text-sm font-semibold text-ink group-hover:text-royal transition">Federated multisite CMS</span>
</a>
</li>
<li>
<a href="/features/geo-and-seo/" class="group flex items-start gap-3 rounded-xl border border-gray-200 bg-white p-4 hover:border-royal hover:shadow-sm transition no-underline">
<svg viewBox="0 0 24 24" class="w-5 h-5 text-royal shrink-0 mt-0.5" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
<span class="text-sm font-semibold text-ink group-hover:text-royal transition">GEO and SEO features</span>
</a>
</li>
<li>
<a href="/ai-mcp-server/" class="group flex items-start gap-3 rounded-xl border border-gray-200 bg-white p-4 hover:border-royal hover:shadow-sm transition no-underline">
<svg viewBox="0 0 24 24" class="w-5 h-5 text-royal shrink-0 mt-0.5" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true"><circle cx="12" cy="12" r="3"/><path d="M12 1v6M12 17v6M4.22 4.22l4.24 4.24M15.54 15.54l4.24 4.24M1 12h6M17 12h6M4.22 19.78l4.24-4.24M15.54 8.46l4.24-4.24"/></svg>
<span class="text-sm font-semibold text-ink group-hover:text-royal transition">Content.One MCP server</span>
</a>
</li>
<li>
<a href="/blog/cms-migration-guide-how-to-switch-platforms-without-losing-seo/" class="group flex items-start gap-3 rounded-xl border border-gray-200 bg-white p-4 hover:border-royal hover:shadow-sm transition no-underline">
<svg viewBox="0 0 24 24" class="w-5 h-5 text-royal shrink-0 mt-0.5" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>
<span class="text-sm font-semibold text-ink group-hover:text-royal transition">CMS migration guide</span>
</a>
</li>
<li class="md:col-span-2">
<a href="/blog/aem-alternative-why-teams-are-walking-away-from-adobe-experience-manager/" class="group flex items-start gap-3 rounded-xl border-2 border-royal/20 bg-royal/5 p-4 hover:border-royal hover:bg-royal/10 transition no-underline">
<svg viewBox="0 0 24 24" class="w-5 h-5 text-royal shrink-0 mt-0.5" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/></svg>
<span>
<span class="block text-sm font-semibold text-ink group-hover:text-royal transition">Adobe Experience Manager alternatives — the full guide</span>
<span class="block text-xs text-gray-500 mt-0.5">Editorial deep-dive on when to move, and what to look for.</span>
</span>
</a>
</li>
</ul>
</div>
</section>

<!-- ════════════ CTA ════════════ -->
<section class="py-16 lg:py-24 bg-gradient-to-br from-ink via-royalDark to-royal text-white text-center">
<div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8">
Expand Down
Loading
Loading