// ═══════════════════════════════════════════════════════════ // Leftshifted - Homepage // ═══════════════════════════════════════════════════════════ const serviceItems = [ { title: 'Strategy', desc: 'Expert commercial to technical translation - the clarity, the priorities, and how to move forward.' }, { title: 'Data', desc: 'The end-to-end technical expertise you need on the ground, built to last.' }, { title: 'AI', desc: 'Get models and agents into production, and keep them there.' }, { title: 'Cloud', desc: 'The infrastructure and rigour you need to keep everything running.' }, ]; const ServiceAccordion = () => { const [active, setActive] = useState(0); return (
{serviceItems.map((item, i) => { const isActive = active === i; return (
setActive(isActive ? -1 : i)} >
{item.title} {isActive ? '×' : '+'}
{isActive && (

{item.desc}

)}
); })}
); }; const HomeFAQ = () => { const [openIdx, setOpenIdx] = useState(0); return (
{defaultFaqItems.map((item, i) => { const isOpen = openIdx === i; return (
setOpenIdx(isOpen ? -1 : i)} >
{item.q}
{isOpen && (

{item.a}

)}
); })}
); }; const whyCardItems = [ { title: 'Spend', desc: 'A bad senior data hire can cost £150-300k before you\'ve realised it isn\'t working.\n\nYou need to oversee a team of contractors and can easily run £250k with no guaranteed ROI.\n\nBig firms cost even more and juniors learn on your time to take longer and deliver less.' }, { title: 'Time', desc: 'Six months into a platform build and the business still can\'t answer basic questions.' }, { title: 'Opportunity', desc: 'The commercial value sitting in your data compounds every month you leave it untapped.' }, { title: 'Competition', desc: 'Your competitors are already leveraging AI while you debate architecture.' }, ]; const WhyGrid = () => (
{whyCardItems.map((card, i) => (
{i === 0 && (
)}

{card.title}

{card.desc}

))}
); const HomePage = () => { const [activeTab, setActiveTab] = useState(0); const [isMobile, setIsMobile] = useState(() => window.matchMedia('(max-width: 900px)').matches); useEffect(() => { const mq = window.matchMedia('(max-width: 900px)'); const on = (e) => setIsMobile(e.matches); mq.addEventListener('change', on); return () => mq.removeEventListener('change', on); }, []); const industries = [ { name: 'PR & Comms', desc: 'Measure what matters, prove what works.', detail: 'PR firms are sitting on more data than they know what to do with.\n\nBut analyst work doesn\'t scale. Clients ask for more insight, faster, with more granularity than manual work allows.\n\nThe firms that are set up to make sense of and adapt to their clients needs at pace, will lead the market - on what they can offer clients, on margin, on competitive position.\n\nWe understand the commercial model, we know the workflow, and we\'ve loved delivering award-winning products to prove it.', items: ['Media impact measurement', 'Audience intelligence', 'Campaign attribution', 'Competitive benchmarking'], img: res('assets/imagery/pr-comms-pipeline-crop.png'), stat: '£10M+ in incr. ARR' }, ]; const insights = [ { date: '06 May 2026', read: '4 min read', title: 'How to choose your first AI use-case without setting fire to a budget.', bg: 'var(--ls-ultramarine-blue)' }, { date: '21 Apr 2026', read: '6 min read', title: '"Durable" data: what we mean, and why it matters more than your stack.', bg: 'var(--ls-midnight-navy)' }, { date: '02 Apr 2026', read: '3 min read', title: 'An honest assessment of your data, in two weeks.', bg: 'var(--ls-blue-10)' }, ]; const ind = industries[activeTab]; return ( {/* ── HERO ───────────────────────────────── */}
Data and AI that actually delivers commercial value.

The data and AI team
that delivers 5x ROI.

From commercial vision to working data and AI, end to end.

What we do
{/* ── INDUSTRY CHALLENGE ─────────────────── */}
The data and AI challenge

Contractors can only take you so far.
Big firms send juniors.
A first hire is a gamble.

There's a gap between where you are and where you need to be - and the market can't fill it fast enough.

{/* ── WHY LEFTSHIFTED ────────────────────── */}
Why solve it?
Team working

The cost of getting it wrong

{/* ── WHY LEFTSHIFTED ─────────────────────── */}
Why Leftshifted?

Leftshifted was built differently

Outcome based, expert led, designed to offboard to your team. Because the typical engagement takes too long, costs too much, and delivers nothing but dependency.

{/* ── SOLUTIONS ──────────────────────────── */}
Our service

Everything you need, end-to-end, to drive commercial value with data and AI.

Tell me more
{/* ── CASE STUDIES & INDUSTRIES ──────────── */}
PR & Comms focus

We know exactly what it takes to turn scattered monitoring data into commercial assets your clients will pay for.

{[ { icon: 'database', text: 'PR firms are sitting on more data than they know what to do with.' }, { icon: 'gauge', text: "Analyst work doesn't scale. Clients ask for more insight, faster, with more granularity than manual work allows." }, { icon: 'trending-up', text: 'The firms that adapt to their clients needs at pace will lead the market.' }, { icon: 'check-circle', text: 'We understand the commercial model, know the workflow, and have delivered award-winning work.' }, ].map((item, i) => (

{item.text}

))}
{ind.img ? (