/* Work.jsx — Section 2: case-study grid. */
function Work() {
  const cases = [
  {
    eyebrow: 'PLG Activation',
    title: 'Building monthly bookkeeping overview inside an architectural constraint',
    lede: "The first initiative from the new Partner Portal strategy. The job: help accountants triage what actually needs their attention this month, across their entire client portfolio. The constraint: build it as a layer on top of the main product, without touching the data model underneath.",
    outcomes: [
    { prefix: 'PLG ', highlight: 'activation', rest: ' strategy executed end-to-end' },
    { prefix: 'Solo designer, no PM — ', highlight: 'full ownership', rest: ' from discovery to handoff' }],
    panel: 'navy', badge: 'pleo',
    href: 'Case-Study-Bookkeeping-Overview.html'
  },
  {
    eyebrow: 'Product strategy',
    title: 'From sales-led to user-led: a strategy for Pleo Partner Portal',
    lede: "The brief from leadership was clear: build value for accounting partners and they'll bring more clients. But what brings value to them? I led the work that turned this direction into a 1-year strategy.",
    outcomes: [
    { highlight: 'Reframed direction', rest: 'to user-led' },
    { highlight: '1-year strategy', rest: 'built from scratch' },
    { highlight: '5 teams aligned', rest: 'on a single user model' }],
    panel: 'navy', badge: 'pleo',
    pin: '6729',
    href: 'Case-Study-Pleo-Partner-Portal.html'
  },
  {
    eyebrow: 'Market Expansion',
    title: 'Scaling up groups through automation',
    lede: "I led an end-to-end process about how we introduced new workflows for hoteliers, enabling them to effectively manage large scale groups of guests.",
    outcomes: [
    { highlight: '48% reduction', rest: 'of manual tasks' },
    { highlight: 'Unlocked new customer', rest: 'segment' }],
    panel: 'navy', badge: 'mews',
    href: 'Case-Study-Automating-Workflows.html'
  },
  {
    eyebrow: 'Design pattern',
    title: 'Introducing creation pattern across 11 teams',
    lede: "The design team lacked agreement on interaction patterns for repeated use cases across the system, leading to inefficiency, inconsistency, and redundant work. Case study in progress.",
    outcomes: [
    { highlight: 'Unification', rest: 'of the system behaviour' },
    { highlight: 'Enhanced efficiency', rest: 'consistency & speed' }],
    panel: 'navy', badge: 'mews',
    coming: true
  }];


  return (
    <div className="work" style={{ padding: "100px 0px 40px" }}>
      <h2 className="work-title">Case studies</h2>
      <div className="case-grid">
        {cases.map((c, i) =>
        <CaseRow key={i} index={i + 1} total={4} {...c} />
        )}
      </div>
    </div>);

}
window.Work = Work;