Use Reeve operatives.
Use Reeve's team of operatives (in-house and vetted supply chain), ready for dispatch across a range of trades. The fastest, most reliable mode of delivery, tracked from dispatch to resolution. Proof that Reeve can make the work happen, not just log it.
- Reeve-employed operatives, embedded alongside your team
- A vetted specialist supply chain for everything else, managed end to end
- Live 'en-route' tracking
- No call-out fee model, ensuring speedy and economic delivery
{[
{ name: 'Jimmy P.', skill: 'L2 Electrician', tenure: '3 years, 4 months', img: 'assets/img/operatives/jimmy.jpg' },
{ name: 'Roy Kendall', skill: 'Lift Engineer', tenure: '2 years, 1 month', img: 'assets/img/operatives/roy.jpg' },
{ name: 'Gerry W.', skill: 'HVAC Specialist', tenure: '4 years, 7 months', img: 'assets/img/operatives/gerry.jpg' },
{ name: 'Karolis B.', skill: 'Delivery driver', tenure: '1 year, 2 months', img: 'assets/img/operatives/karolis.jpg' },
{ name: 'Trish', skill: 'Triaging agent', ai: true, img: 'assets/img/operatives/trish.svg' },
].map((op, i) => (
{op.name}
{op.ai && (
AI
)}
{op.skill}
{op.ai ? 'In-built AI agent on Reeve platform' : `With Reeve for ${op.tenure}`}
))}
);
// User typed something — kill the auto-animation, claim ownership of
// the brand identity, default to a starting swatch if we're still
// sitting on the Reeve green.
const handleNameChange = (e) => {
const v = e.target.value;
setBrandName(v);
if (!userOverride) setUserOverride(true);
setUploading(false);
if (v.length > 0) {
setUploaded(true);
if (activeIdx === -1) setActiveIdx(0);
} else {
setUploaded(false);
setActiveIdx(-1);
setCustomLogo(null);
}
};
// Visitor picked a logo file via the hidden file input. Read as data
// URL + measure the natural dimensions for the meta line.
const handleLogoUpload = (e) => {
const file = e.target.files && e.target.files[0];
if (!file) return;
if (!file.type.startsWith('image/')) return;
const reader = new FileReader();
reader.onload = (ev) => {
const dataUrl = ev.target && ev.target.result;
if (typeof dataUrl !== 'string') return;
const probe = new Image();
probe.onload = () => {
const w = probe.naturalWidth;
const h = probe.naturalHeight;
const size = (w && h) ? `${w} × ${h}` : '—';
setCustomLogo({ dataUrl, name: file.name, size });
if (!userOverride) setUserOverride(true);
setUploading(false);
setUploaded(true);
if (activeIdx === -1) setActiveIdx(0);
};
probe.onerror = () => {
setCustomLogo({ dataUrl, name: file.name, size: '—' });
if (!userOverride) setUserOverride(true);
setUploading(false);
setUploaded(true);
if (activeIdx === -1) setActiveIdx(0);
};
probe.src = dataUrl;
};
reader.readAsDataURL(file);
// Allow re-selecting the same file later
e.target.value = '';
};
const triggerLogoUpload = () => {
fileInputRef.current && fileInputRef.current.click();
};
React.useEffect(() => {
// Wait until the section is in view before kicking off.
if (!hasStarted) return;
// Visitor has taken control of the input — stand down.
if (userOverride) return;
// Honour motion-off — jump to the final state immediately.
if (typeof document !== 'undefined' &&
document.documentElement.dataset.motion === 'off') {
setBrandName(TARGET_NAME);
setUploaded(true);
setActiveIdx(0);
return;
}
const timers = [];
// Phase 3: upload completes — flip to M&F brand identity in Navy
// and hold there. (The user can still click any swatch to retint.)
const finishUpload = () => {
setUploaded(true);
setUploading(false);
setActiveIdx(0);
};
// Phase 2: upload starts after typing.
const startUpload = () => {
setUploading(true);
timers.push(setTimeout(finishUpload, 1500));
};
// Phase 1: type the name char-by-char (~250ms per char on average).
const startTyping = () => {
let i = 0;
const typeChar = () => {
i += 1;
setBrandName(TARGET_NAME.slice(0, i));
if (i < TARGET_NAME.length) {
timers.push(setTimeout(typeChar, 200 + Math.random() * 110));
} else {
timers.push(setTimeout(startUpload, 600));
}
};
typeChar();
};
timers.push(setTimeout(startTyping, 900));
return () => timers.forEach(clearTimeout);
}, [hasStarted, userOverride]);
return (
