);
};
const defaultFaqItems = [
{ q: 'How much will it cost?', a: 'Nearly all projects are fixed-fee and scoped upfront so you know what you\'re getting. Most projects start from £10k and scale based on scope, speed and complexity.\n\nWe offer on-demand retainers for longer engagements and ongoing work.\n\nOur incentive is your success, not our hours.' },
{ q: 'How does onboarding work?', a: 'Fast. We\'re remote-first with on-site presence for the moments that matter. Once signed, we can typically have a principal on your project the following week.\n\nFrom there it\'s straightforward: systems access, introductions, getting to know how you work, and we get to work immediately.\n\nNo notice periods, no handoffs to a delivery team, no agencies sat in the middle.' },
{ q: 'When can I expect to see results?', a: 'Fast. Most clients see proof of value within 4 weeks, and impact within the project itself - in a market where 80% of data and AI projects fail and the typical engagement takes 3-6 months to deliver nothing.' },
{ q: 'Are there any projects you won\'t take on?', a: 'Yes, and we do this often. We won\'t take on work where we can\'t see a clear route to commercial value. We\'d rather tell you upfront and work together when it makes sense, than set fire to your budget and waste all our time.' },
{ q: 'Who will I be working with?', a: 'Seniors, always. No bait-and-switch. Every engagement is led by a Leftshifted principal and supported by a lean team of seasoned experts. We don\'t learn on your time and spend.' },
];
// ── Navigation ──────────────────────────────────────────
const Nav = ({ current, light }) => {
const [scrolled, setScrolled] = useState(false);
useEffect(() => {
const onScroll = () => setScrolled(window.scrollY > 20);
window.addEventListener('scroll', onScroll, { passive: true });
return () => window.removeEventListener('scroll', onScroll);
}, []);
const links = [
{ label: 'Services', path: '/services', modal: true },
{ label: 'PR & Comms', path: '/pr-comms' },
{ label: 'Case Studies', path: '/case-studies' },
];
const serviceGroups = [
{ name: 'Strategy', components: ['Leadership', 'Data Strategy'] },
{ name: 'Data', components: ['Data Architecture', 'Data Engineering', 'Data Science', 'Data Analysis'] },
{ name: 'AI', components: ['MLOps', 'AIOps'] },
{ name: 'Cloud', components: ['Solution Architecture', 'Cloud Engineering', 'Security', 'DevOps'] },
];
const [servicesOpen, setServicesOpen] = useState(false);
const [mobileOpen, setMobileOpen] = useState(false);
const closeTimer = useRef(null);
const openServices = () => { clearTimeout(closeTimer.current); setServicesOpen(true); };
const scheduleClose = () => { closeTimer.current = setTimeout(() => setServicesOpen(false), 120); };
useEffect(() => {
document.body.style.overflow = (servicesOpen || mobileOpen) ? 'hidden' : '';
}, [servicesOpen, mobileOpen]);
useEffect(() => {
const mq = window.matchMedia('(max-width: 900px)');
const onChange = () => { if (!mq.matches) { setMobileOpen(false); document.body.style.overflow = ''; } };
mq.addEventListener('change', onChange);
return () => { mq.removeEventListener('change', onChange); document.body.style.overflow = ''; };
}, []);
const go = (p) => { setMobileOpen(false); navigate(p); };
return (
navigate('/')}>
window.open('https://cal.com/leftshifted/15min', '_blank')}>
Let's have a chat
{ setMobileOpen(false); window.open('https://cal.com/leftshifted/15min', '_blank'); }}>
Let's have a chat
)}
);
};
// ── Footer ──────────────────────────────────────────────
const Footer = () => {
const footerCols = [
{
title: 'Services',
links: [
{ label: 'Strategy', path: '/services', disabled: true },
{ label: 'Data', path: '/data' },
{ label: 'AI', path: '/services', disabled: true },
{ label: 'Cloud', path: '/services', disabled: true },
],
},
{
title: 'Practices',
links: [
{ label: 'PR & Comms', path: '/pr-comms' },
],
},
{
title: 'Company',
links: [
{ label: 'About us', path: '/about' },
{ label: 'Case studies', path: '/case-studies' },
{ label: 'Contact', path: '/contact' },
{ label: 'Privacy', path: '/privacy' },
],
},
];
return (
);
};
// ── Why Themes (shared "why solve with us" grid) ────────
const whyThemesData = [
{ title: 'Impact at scale', icon: 'trending-up', metric: '12.5x avg. ROI', mMetric: '£231M+ and 12.5x avg. ROI', desc: '£231M+ in commercial results. We aim at 10x+ ROI (we\'ve delivered 50x+ before).\n\nAnd because we don\'t take on anything if we can\'t see how to get you ROI, every engagement delivers. We\'re running at 100% success rate.' },
{ title: 'Battle-tested', mTitle: 'Experts in data and AI', icon: 'shield-check', metric: '15+ yrs', desc: 'Direct access to senior data and AI experts with track records delivering massive commercial impact.\n\nYou will never get someone learning on your time.' },
{ title: 'End to end', mTitle: 'End-to-end', icon: 'git-merge', metric: '1 team', mMetric: '1 team, always led by a senior+', desc: 'No gap between strategy and delivery, because there isn\'t one. We handle the entire journey from steerco to IT signoffs, getting sense out of 3rd party engineers to lines of code, so you never have to bridge a gap yourself.' },
{ title: 'On-demand', mTitle: 'No contract lock-in', icon: 'zap', metric: 'No lock-in', mMetric: '2 week commitments', desc: 'Good contractors aren\'t available at short notice.\n\nBig firms need weeks just to resource a team and need a large contract to justify the effort.\n\nLeftshifted starts when you need us, works to a fixed fee, and stays only as long as the problem requires.' },
{ title: 'Built for speed', icon: 'rocket', metric: '0 ramp-up', desc: 'We\'re remote-first for rapid onboarding, with on-site presence for the moments that matter.\n\nNo notice periods, no handoffs to a delivery team, no agencies sat in the middle.' },
{ title: 'Built to leave', mTitle: 'Built to leave, asked to return', icon: 'log-out', metric: '3-5 projects', mMetric: '3-5 projects per client', desc: 'We design every engagement to end from day one. Every engagement ends with a handover and a client who is less dependent on us than when we started.\n\nAnd because of that, we keep getting asked to come back. Most for 3-5 projects.' },
];
const WhyThemes = () => (
))}