Skip to content

stage → production: on-demand developers + bobby footer + sync-to-zesty re-run for sitemap #91

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 8 commits into from
Aug 14, 2026
Merged

stage → production: on-demand developers + bobby footer + sync-to-zesty re-run for sitemap #91

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
9ecbab4
Add /on-demand-developers landing page for kaya
Jul 2, 2026
8b15130
on-demand-developers: update hero copy per kaya
Jul 2, 2026
9cf067a
on-demand-developers: shorten H1 per kaya
Jul 2, 2026
dc49539
on-demand-developers: closing CTA copy per kaya
Jul 2, 2026
6d1aecc
footer: add 'Company' sub-stack below Resources with Brand + About Us
Aug 10, 2026
d10b945
Merge pull request #90 from contentdotone/bobby-footer-edits
ardeay Aug 10, 2026
0579180
Merge pull request #52 from contentdotone/kaya-on-demand-developers
ardeay Aug 14, 2026
4d1b133
chore: map new Zesty resource ZUIDs [skip ci]
github-actions[bot] Aug 14, 2026
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
6 changes: 6 additions & 0 deletions webengine/views/components/footer.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -104,7 +104,13 @@
<li><a href="/blog/" class="text-sm font-medium text-gray-600 hover:text-royal transition no-underline">Blog</a></li>
<li><a href="https://docs.zesty.io/" target="_blank" rel="noopener" class="text-sm font-medium text-gray-600 hover:text-royal transition no-underline">Documentation</a></li>
<li><a href="https://github.com/contentdotone" target="_blank" rel="noopener" class="text-sm font-medium text-gray-600 hover:text-royal transition no-underline">Github &amp; Commit Log</a></li>
</ul>
</div>
<div>
<p class="text-sm font-semibold text-royal mb-4">Company</p>
<ul class="list-none p-0 m-0 space-y-3">
<li><a href="/brand/" class="text-sm font-medium text-gray-600 hover:text-royal transition no-underline">Brand</a></li>
<li><a href="/about/" class="text-sm font-medium text-gray-600 hover:text-royal transition no-underline">About Us</a></li>
</ul>
</div>
</div>
Expand Down
236 changes: 236 additions & 0 deletions webengine/views/on-demand-developers.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,236 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>On-Demand Developers — real engineers for migrations, bugs, and integrations | Content.One</title>
<meta name="description" content="Content.One customers have access to On-Demand Developers. Real engineers for migrations, bugs, maintenance, and more. Put real engineers on your team, without the overheads." />
<link rel="canonical" href="https://www.content.one/on-demand-developers.html" />
<link rel="icon" href="https://hj5v68xn.media.zestyio.com/content-one-brand-2025-square.png" type="image/png" sizes="196x196" />

<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
royal: '#4255BD',
royalDark: '#2F3F94',
royalLite: '#8C9BE6',
ink: '#0B0F1C',
paper: '#FAFAFC',
},
fontFamily: {
display: ['"DM Sans"','system-ui','sans-serif'],
sans: ['"Satoshi"','"DM Sans"','system-ui','sans-serif'],
mono: ['"DM Mono"','ui-monospace','monospace'],
},
}
}
}
</script>

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap">
<link rel="stylesheet" href="https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700&display=swap">

<style>
html { scroll-behavior: smooth; }
body { font-family: 'Satoshi','DM Sans',system-ui,sans-serif; background: #FAFAFC; color: #0B0F1C; -webkit-font-smoothing: antialiased; }
.font-display { font-family: 'DM Sans','system-ui',sans-serif; letter-spacing: -0.015em; }
.font-mono { font-family: 'DM Mono', ui-monospace, monospace; }

.kicker { font-family: 'DM Mono', ui-monospace, monospace; font-size: .72rem; letter-spacing: .28em; text-transform: uppercase; }
.hairline { border: 1px solid rgba(255,255,255,.18); }
.hairline-ink { border: 1px solid rgba(11,15,28,.10); }

.hero {
background:
radial-gradient(900px 600px at 85% -10%, rgba(66,85,189,.45), transparent 60%),
radial-gradient(700px 500px at 5% 110%, rgba(66,85,189,.28), transparent 60%),
linear-gradient(180deg, #0B0F1C 0%, #0B0F1C 100%);
}
.dot-grid {
background-image: radial-gradient(rgba(255,255,255,.08) 1px, transparent 1px);
background-size: 22px 22px;
}

.btn-primary { background:#4255BD; color:#fff; transition: all .2s; box-shadow: 0 6px 22px rgba(66,85,189,.35); }
.btn-primary:hover { background:#2F3F94; transform: translateY(-1px); }
.btn-ghost { color:#fff; border:1px solid rgba(255,255,255,.35); transition: all .2s; }
.btn-ghost:hover { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.55); }
.btn-ink { background:#0B0F1C; color:#fff; transition: all .2s; }
.btn-ink:hover { background:#1a2238; }
.btn-outline-ink { color:#0B0F1C; border:1px solid rgba(11,15,28,.20); transition: all .2s; }
.btn-outline-ink:hover { background:#0B0F1C; color:#fff; }

.cap-num {
font-family: 'DM Mono', ui-monospace, monospace;
font-size: 12px;
letter-spacing: .18em;
color: #4255BD;
}

@keyframes rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
.rise { animation: rise .9s cubic-bezier(.2,.65,.2,1) both; }
</style>
</head>
<body class="font-sans">

<!-- NAV -->
<header class="absolute inset-x-0 top-0 z-20">
<div class="max-w-7xl mx-auto px-6 py-5 flex items-center justify-between">
<a href="/" class="flex items-center gap-2 text-white">
<img src="https://hj5v68xn.media.zestyio.com/content-one_full-logo-white.png" alt="Content.One" class="h-7 w-auto" />
</a>
<a href="/contact-us/" class="hidden sm:inline-flex items-center gap-2 text-white text-sm font-medium hairline rounded-full px-4 py-2 hover:bg-white/10 transition">Talk to an engineer →</a>
</div>
</header>

<!-- HERO -->
<section class="hero relative text-white pt-32 pb-24 md:pt-40 md:pb-32 overflow-hidden">
<div class="absolute inset-0 dot-grid opacity-50"></div>
<div class="relative max-w-7xl mx-auto px-6">
<div class="grid lg:grid-cols-12 gap-12 items-center">

<div class="lg:col-span-7">
<p class="kicker text-royalLite rise" style="animation-delay:.05s">Migrate, build, and scale with on-demand developers</p>
<h1 class="font-display text-5xl md:text-6xl lg:text-7xl font-bold mt-6 leading-[1.04] rise" style="animation-delay:.18s">
On-Demand Developers to Help you <span class="text-royalLite">Debug and Scale</span>
</h1>
<p class="mt-7 max-w-2xl text-lg md:text-xl text-white/75 rise" style="animation-delay:.3s">
Most CMS platforms just give you documentation and a support inbox. Content.One gives you real engineers who join your team, fix problems, and build what you need to grow.
</p>
<div class="mt-10 flex flex-wrap gap-3 rise" style="animation-delay:.42s">
<a href="/contact-us/" class="btn-primary rounded-full px-6 py-3 text-sm font-semibold inline-flex items-center gap-2">Talk to an engineer <span aria-hidden="true">→</span></a>
<a href="/product/" class="btn-ghost rounded-full px-6 py-3 text-sm font-semibold inline-flex items-center gap-2">See Content.One capabilities</a>
</div>
</div>

<div class="lg:col-span-5 rise" style="animation-delay:.55s">
<div class="relative rounded-2xl overflow-hidden border border-white/10 shadow-2xl shadow-black/40">
<img src="https://hj5v68xn.media.zestyio.com/Dashboard.png"
alt="Content.One engineer pairing with a marketing team inside the CMS dashboard"
class="block w-full h-auto object-cover" />
</div>
</div>

</div>
</div>
</section>

<!-- LOGO STRIP -->
<section class="bg-ink text-white pb-16 pt-6 border-t border-white/5">
<div class="max-w-7xl mx-auto px-6">
<p class="text-center text-sm text-white/60 mb-8">Trusted by enterprise teams shipping on Content.One</p>
<div class="flex flex-wrap items-center justify-center gap-8 md:gap-12 opacity-85">
<img src="https://hj5v68xn.media.zestyio.com/the_salvation_army_reversed.svg" alt="The Salvation Army" class="h-14 md:h-16 w-auto" loading="lazy" />
<img src="https://hj5v68xn.media.zestyio.com/singlife_reversed.svg" alt="Singlife (Rebar Solutions)" class="h-8 md:h-10 w-auto" loading="lazy" />
<img src="https://hj5v68xn.media.zestyio.com/sony_reversed.svg" alt="Sony" class="h-8 md:h-10 w-auto" loading="lazy" />
<img src="https://hj5v68xn.media.zestyio.com/kin_reversed.svg" alt="Kin Insurance" class="h-7 md:h-9 w-auto" loading="lazy" />
<img src="https://hj5v68xn.media.zestyio.com/phoenix_suns.svg" alt="Phoenix Suns" class="h-14 md:h-16 w-auto" loading="lazy" />
<img src="https://hj5v68xn.media.zestyio.com/wattpad.svg" alt="Wattpad" class="h-12 md:h-14 w-auto" loading="lazy" />
</div>
<p class="text-center text-xs text-white/40 mt-4">Also trusted by Cornershop by Uber and other enterprise CMS teams.</p>
</div>
</section>

<!-- SECTION 1: What On-Demand Developers Actually Does -->
<section class="bg-paper py-20 md:py-24">
<div class="max-w-6xl mx-auto px-6">
<p class="kicker text-royal">What on-demand developers actually does</p>
<h2 class="font-display text-3xl md:text-5xl font-bold mt-4 max-w-4xl leading-[1.1]">
Development support that doesn&rsquo;t route through three layers of account management.
</h2>
<p class="mt-6 max-w-3xl text-lg text-ink/70 leading-relaxed">
Most CMS vendors just sell you the software, leaving you to hire a third-party agency to get your project over the line. With Content.One, you get a team that&rsquo;s always on and ready to help you build. Our On-Demand Developers work directly in your stack, on your schedule, with no extra procurement steps.
</p>
</div>
</section>

<!-- SECTION 2: Capabilities (6 items, 01–06 template) -->
<section class="bg-white py-20 md:py-24 border-y hairline-ink">
<div class="max-w-7xl mx-auto px-6">
<p class="kicker text-royal text-center">Capabilities</p>
<h2 class="font-display text-3xl md:text-4xl font-bold mt-3 text-center max-w-3xl mx-auto leading-[1.15]">
What our engineers do the moment they join your team.
</h2>

<div class="mt-14 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">

<article class="rounded-2xl bg-white border hairline-ink p-7 shadow-sm">
<p class="cap-num">01 · Bug fixes and patches</p>
<h3 class="font-display text-xl font-semibold mt-3">Fixes ship the moment they&rsquo;re triaged</h3>
<p class="mt-3 text-ink/70 leading-relaxed">If something breaks and you&rsquo;re losing traffic or leads, an engineer will handle it right away instead of putting it in a queue.</p>
</article>

<article class="rounded-2xl bg-white border hairline-ink p-7 shadow-sm">
<p class="cap-num">02 · Migration support</p>
<h3 class="font-display text-xl font-semibold mt-3">Moving off a legacy CMS, handled end-to-end</h3>
<p class="mt-3 text-ink/70 leading-relaxed">Moving off a legacy CMS is where many projects get stuck. Content.One engineers manage the migration themselves, so you don&rsquo;t need a separate partner.</p>
</article>

<article class="rounded-2xl bg-white border hairline-ink p-7 shadow-sm">
<p class="cap-num">03 · Custom integrations</p>
<h3 class="font-display text-xl font-semibold mt-3">Real API connections instead of Zapier workarounds</h3>
<p class="mt-3 text-ink/70 leading-relaxed">CRM, marketing automation, internal tools — if you need an API connection, an engineer will build it for you, so you don&rsquo;t have to rely on a Zapier workaround.</p>
</article>

<article class="rounded-2xl bg-white border hairline-ink p-7 shadow-sm">
<p class="cap-num">04 · Scaling and performance work</p>
<h3 class="font-display text-xl font-semibold mt-3">Tuning before the traffic spike, not after</h3>
<p class="mt-3 text-ink/70 leading-relaxed">Whether you face traffic spikes, enter new markets, or deal with seasonal loads, engineers will tune your infrastructure before problems happen.</p>
</article>

<article class="rounded-2xl bg-white border hairline-ink p-7 shadow-sm">
<p class="cap-num">05 · Flexible engagement</p>
<h3 class="font-display text-xl font-semibold mt-3">Six- to twelve-month contracts, part-time or full-time</h3>
<p class="mt-3 text-ink/70 leading-relaxed">Choose part-time or full-time, with contracts from six to twelve months. You get the support you need without hiring full-time or taking on extra overhead.</p>
</article>

<article class="rounded-2xl bg-white border hairline-ink p-7 shadow-sm">
<p class="cap-num">06 · Direct access, no agency layer</p>
<h3 class="font-display text-xl font-semibold mt-3">Slack or Teams channel to the engineer on your account</h3>
<p class="mt-3 text-ink/70 leading-relaxed">Get a Slack or Teams channel directly to the engineer working on your account. You won&rsquo;t have to go through an account manager to get updates or share feedback.</p>
</article>

</div>
</div>
</section>

<!-- CLOSING CTA -->
<section class="bg-ink text-white py-20 md:py-24">
<div class="max-w-5xl mx-auto px-6 text-center">
<p class="kicker text-royalLite">Ready when you are</p>
<h2 class="font-display text-3xl md:text-5xl font-bold mt-4 leading-[1.1]">
Put a real engineer in your team, today.
</h2>
<p class="mt-6 max-w-2xl mx-auto text-white/70 text-lg">
Tell us what you&rsquo;re working on. We&rsquo;ll match you with an engineer who already knows the platform, your stack, and how to ship.
</p>
<div class="mt-10 flex flex-wrap justify-center gap-3">
<a href="/contact-us/" class="btn-primary rounded-full px-6 py-3 text-sm font-semibold inline-flex items-center gap-2">Talk to an engineer <span aria-hidden="true">→</span></a>
<a href="/product/" class="btn-ghost rounded-full px-6 py-3 text-sm font-semibold inline-flex items-center gap-2">See Content.One capabilities</a>
</div>
</div>
</section>

<!-- FOOTER -->
<footer class="bg-ink text-white/60 py-10 border-t border-white/5">
<div class="max-w-7xl mx-auto px-6 flex flex-col md:flex-row items-center justify-between gap-4">
<div class="flex items-center gap-3">
<img src="https://hj5v68xn.media.zestyio.com/content-one_full-logo-white.png" alt="Content.One" class="h-6 w-auto opacity-80" />
<span class="text-xs">&copy; 2026 Content.One. All rights reserved.</span>
</div>
<nav class="flex items-center gap-6 text-xs">
<a href="/product/" class="hover:text-white">Product</a>
<a href="/customers/" class="hover:text-white">Customers</a>
<a href="/privacy-policy/" class="hover:text-white">Privacy</a>
<a href="/contact-us/" class="hover:text-white">Contact</a>
</nav>
</div>
</footer>

</body>
</html>
6 changes: 6 additions & 0 deletions zesty.config.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1045,6 +1045,12 @@
"type": "ajax-json",
"updatedAt": "2026-08-10T15:46:28Z",
"createdAt": "2026-08-10T15:46:28Z"
},
"/on-demand-developers.html": {
"zuid": "11-f6bfccaff5-slftqj",
"type": "ajax-json",
"updatedAt": "2026-08-14T01:40:22Z",
"createdAt": "2026-08-14T01:40:22Z"
}
},
"styles": {
Expand Down