);
}
/* ===========================================================================
2 — Hero
=========================================================================== */
function Hero({ bg = '#FFFFFF', accent = '#2563EB' }) {
// Decide trust-line + eyebrow tone based on background lightness; keep AA contrast.
const lowercaseHex = (bg || '#FFFFFF').toLowerCase();
const isWhite = lowercaseHex === '#ffffff' || lowercaseHex === '#fff';
return (
Employee engagement, for UK social housing
The employee engagement platform built for UK social housing.
Pulse surveys, exit and onboarding journeys, and targeted staff messaging. Built by the team behind CX-Feedback, the platform 110 UK social landlords already use.
Captions and a full transcript are available with the published video.
60 seconds. What Colleague Pulse does, and why housing teams trust it.
);
}
/* ===========================================================================
4 — Problem strip (Trio C — problem-led copy, sits under the hero)
=========================================================================== */
function ProblemStrip() {
const items = [
{
n: '01',
headline: 'Your repairs team has never seen the intranet.',
body: 'They are in vans, on schemes, at jobs. The all-staff email reaches the people who least need it and misses the people who matter most. We reach the frontline on the channel they actually use.',
},
{
n: '02',
headline: 'Culture is your remit. The data is not.',
body: 'Boards want a number on engagement; you want a feeling for how the patch teams are doing. Short pulses give both, often enough that a wobble in one team shows up before it becomes a resignation.',
},
{
n: '03',
headline: 'Comms goes out. The data never comes back.',
body: 'Read rates, replies and acknowledgements per message, broken down by team and role. The policy update, the CEO message, the safeguarding reminder: you can prove they landed and you can prove who still needs a nudge.',
},
];
return (
{items.map((it, i) => (
{it.n}
{it.headline}
{it.body}
))}
);
}
/* ===========================================================================
4b — Credibility strip — the old trust-signal content, compacted and moved
further down the page (sits just before the final CTA).
=========================================================================== */
function CredibilityStrip() {
const items = [
{
Icon: IconShield,
text: 'UK-built, EU-hosted. UK GDPR compliant out of the box.',
},
{
Icon: IconUsers,
text: 'By the team behind CX-Feedback. 110 UK social landlords already use us; 98% renew every year.',
},
{
Icon: IconPhoneCall,
text: 'Trading since 2008. A support team that picks up the phone, included in every contract.',
},
];
return (
{items.map(({ Icon, text }, i) => (
{text}
))}
);
}
/* ===========================================================================
5 — Four pain points (alternating)
=========================================================================== */
const PAINS = [
{
id: 'pain-turnover',
headline: 'The cost of losing your people',
pain: 'Replacing one employee costs around £42,000. A 200-employee landlord loses roughly £1 million a year to turnover. The cost is hidden because it never lands as one big bill. It shows up as advert spend, agency fees, induction time, and the months of half-staffed productivity after every regrettable resignation. Most HR teams know the signal was there. It was sitting in question 17 of the staff survey three months ago. Nobody read it because nobody had the time.',
solutionHead: 'Catch the signal in time',
solution: 'Colleague Pulse runs the surveys for you on a cadence the platform keeps. AI reads every open-text response and surfaces the themes that matter. The first regrettable resignation you stop pays for the platform several times over.',
cta: 'See how it works',
ctaHref: '#features',
alt: 'An empty office desk; a coat still draped over the back of the chair, papers and a cold mug of tea left as they were.',
tone: 'slate',
imageSide: 'right',
bg: 'soft',
},
{
id: 'pain-trust',
headline: 'Staff do not trust your anonymity claims',
pain: "Send the survey from your own domain and the honest feedback never lands. Every HR Director knows this and not many say it out loud. A survey sent from your employer's email address gets the guarded version of the answer. The people who most need to be heard go quiet. The CIPD names biased results from distrust around anonymous surveys as one of the headline issues HR teams face.",
solutionHead: 'A survey from outside the building gets the honest answer',
solution: 'Surveys go out from a Colleague Pulse address, not your domain. Staff fill them in because they believe the anonymity claim. Trade union conversations land easier with that in hand.',
cta: 'Read the response-rate brief',
ctaHref: '#resources',
alt: 'Someone reading a survey on a phone in a quiet kitchen, soft natural daylight from a window behind them.',
tone: 'blue',
imageSide: 'left',
bg: 'white',
},
{
id: 'pain-reporting',
headline: 'Reporting eats your week',
pain: 'Exporting from a third-party tool into Power BI is not how the board paper should get written. Open the engagement tool. Export to CSV. Pull it into Power BI. Chart the data. Paste the charts into Word. Write the narrative. Re-do half of it after the board asks for one more comparison the day before the meeting. Days of work, every quarter. The CIPD lists weak reporting with no clear actions as one of the headline issues HR teams face. It is not a creativity problem; it is a tooling problem.',
solutionHead: 'The board pack writes itself in an hour',
solution: 'Bespoke dashboards with drag-and-drop charts. AI summary of every open-text response in plain English. Word export branded with your logo and colours, ready for the board pack.',
cta: 'See the reporting',
ctaHref: '#features',
alt: 'A printed board paper on a desk next to an open laptop showing a Colleague Pulse dashboard.',
tone: 'slate',
imageSide: 'right',
bg: 'soft',
},
{
id: 'pain-hybrid',
headline: 'Keeping a hybrid workforce in the loop',
pain: 'Half your team works from home, half are out on visits, the new starters need a different set of messages every week. Repairs operatives in the field. Housing officers on the patch. Contact-centre staff at home. New starters in week one, leavers in their final fortnight. They all need different information at different times, and most of them never see the all-staff email.',
solutionHead: 'The right message, to the right person, at the right moment. Automatically.',
solution: 'Targeted push messaging across work email, work SMS, personal email and personal SMS. Audiences built from any employee attribute. Automated onboarding, exit and training journeys. The frontline staff who never read all-staff email finally hear from you.',
cta: 'See the messaging',
ctaHref: '#features',
alt: 'A triptych of three workers: a repairs operative beside a van, a housing officer at a doorstep, a contact-centre worker at a home desk.',
tone: 'warm',
imageSide: 'left',
bg: 'white',
},
];
function PainBlock({ p, i }) {
const wrapBg = p.bg === 'soft' ? 'bg-blue-50' : 'bg-white';
const imgFirst = p.imageSide === 'left';
return (
Pain {i + 1} of 4
{p.headline}
{p.pain}
{p.solutionHead}
{p.solution}
{p.cta}
);
}
function PainsSection() {
return (
{PAINS.map((p, i) => )}
);
}
/* ===========================================================================
6 — Three things, built properly
=========================================================================== */
function ThreeThings() {
const cards = [
{
Icon: IconClipboardList,
title: 'Surveys',
body: 'Pulse, annual, exit, onboarding and custom surveys. One builder, every cadence.',
bullets: [
'Trigger-based automation, including the ten-days-before-leave-date exit survey',
'Send by work email, work SMS, personal email or personal SMS',
'AI reads every open-text response and surfaces the themes',
],
// Survey screen mock
preview: 'survey',
},
{
Icon: IconSend,
title: 'Targeted push messaging',
body: 'The right message, to the right person, at the right moment.',
bullets: [
'Build an audience from any employee attribute',
'Send across all four channels with branded templates',
'Automated onboarding, exit and training journeys',
],
preview: 'message',
},
{
Icon: IconShieldAlert,
title: 'AI Critical Concern detection',
body: "Catch bullying, harassment and mental health signals the day they're raised, not the day a resignation lands.",
bullets: [
'Reads every response for harm, harassment and wellbeing risk',
'Configurable routing to the right person',
'Audit trail built in',
],
preview: 'alert',
},
];
return (
Three things, built properly.
Surveys, targeted messaging and an AI safeguard. None of them is bolted on; all of them are how the product was designed from the first line of code.
);
}
/* Small screen-grab placeholders inside each card. Lightly styled to suggest
the product without faking real screens. */
function FeaturePreview({ kind }) {
if (kind === 'survey') {
return (
Survey · Q4 / 10
How likely are you to recommend us as a place to work?
);
}
/* ===========================================================================
7 — Built for social housing
=========================================================================== */
function SectorBlock() {
return (
Built for the sector
Built for social housing, not adapted to it.
Every other engagement platform was built for tech companies, banks or professional services firms and adapted to public-sector customers. Colleague Pulse was built for UK social housing from the first line of code.
Built for the people who make social housing work.
);
}
/* ===========================================================================
8 — The numbers
=========================================================================== */
function NumbersBlock() {
const stats = [
{ num: '2008', cap: 'Trading from a Glasgow office since 2008, building software the UK social housing sector actually uses.' },
{ num: '110', cap: 'UK social landlords already use our sister platform, CX-Feedback. Around 30% of the market.' },
{ num: '98%', cap: "Customer retention across the team's products, multi-year average." },
];
return (
The numbers.
{stats.map((s, i) => (
{s.num}
{s.cap}
))}
);
}
/* ===========================================================================
9 — Pricing summary
=========================================================================== */
function PricingBlock() {
const rows = [
['1 to 49 employees', '£5,000'],
['50 to 99 employees', '£6,000'],
['100 to 199 employees', '£12,000'],
['200 to 499 employees', '£18,000'],
['500+ employees', 'Call for a quote'],
];
return (
Honest pricing. One annual figure. Unlimited everything.
Most engagement platforms quote per-employee, per-month, with a call-us button for the real number. We publish ours.
Annual price by headcount band
Headcount
Annual price
{rows.map(([k, v], i) => (
{k}
{v}
))}
Every tier includes integration to your HR system, unlimited surveys and messages, AI Critical Concern detection, Word report export and unlimited phone support.
);
}
/* ===========================================================================
10 — Demo CTA + form
=========================================================================== */
function DemoBlock() {
return (
See it running on a workforce like yours.
Let's Talk. A colleague will show you Colleague Pulse running on a workforce shaped like yours, walk through the ROI for your headcount, and answer the procurement questions.
We pick up the phone because that is how we have always done it.
);
}
function DemoForm() {
const [values, setValues] = useState({
name: '', email: '', org: '', prompting: '',
});
const [errors, setErrors] = useState({});
const [submitted, setSubmitted] = useState(false);
const [touched, setTouched] = useState({});
const [sending, setSending] = useState(false);
const [serverError, setServerError] = useState('');
const set = (k) => (e) => {
const v = e.target.type === 'checkbox' ? e.target.checked : e.target.value;
setValues((s) => ({ ...s, [k]: v }));
if (errors[k]) setErrors((s) => ({ ...s, [k]: undefined }));
};
const blur = (k) => () => setTouched((t) => ({ ...t, [k]: true }));
function validate(v) {
const e = {};
if (!v.name.trim()) e.name = 'Please add your full name.';
if (!v.email.trim()) e.email = 'Please add your work email.';
else if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v.email.trim())) e.email = 'That email does not look quite right.';
if (!v.org.trim()) e.org = 'Please add your organisation name.';
return e;
}
async function onSubmit(e) {
e.preventDefault();
const errs = validate(values);
setErrors(errs);
setTouched({
name: true, email: true, org: true,
});
if (Object.keys(errs).length !== 0) return;
setSending(true);
setServerError('');
try {
const res = await fetch('/api/demo', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
name: values.name.trim(),
email: values.email.trim(),
org: values.org.trim(),
prompting: values.prompting,
}),
});
if (!res.ok) {
const data = await res.json().catch(() => ({}));
throw new Error(data.detail || data.error || 'Sorry, we could not send your request. Please call us on 0141 810 2599.');
}
setSubmitted(true);
setTimeout(() => {
document.getElementById('demo-success')?.focus();
}, 50);
} catch (err) {
setServerError(err.message || 'Something went wrong. Please try again.');
} finally {
setSending(false);
}
}
if (submitted) {
return (
