// compare-monday.jsx — Groundskeeper vs Monday (June 2026).

const DATA = {
  slug: 'monday',
  name: 'Monday',

  heroH: <>Monday is a Work OS you configure. <span className="alt">Willie is a PM you supervise.</span></>,
  heroSub: "Monday is a flexible, colorful platform you shape into PM, CRM, or ops workflows with boards, automations, and dashboards. Groundskeeper isn't a platform to configure — it's a project manager who reads your documents, builds the plan, keeps it current, and runs your client portal.",
  heroBridge: "If you want a canvas for many business processes, Monday is strong. If you want the project run for you, that's Willie.",

  diffH: <>A configurable canvas vs. <span className="alt">work that gets done.</span></>,
  diffThem: "Monday gives you building blocks — boards, columns, automations, dashboards — and you assemble them into whatever your team needs. It's visual and adaptable, but it's still a system your team builds and feeds; the dashboards are only as honest as the data people remember to enter.",
  diffUs: "Groundskeeper arrives already shaped for client engagements. Willie ingests your documents, builds and maintains the plan, watches for scope creep and open decisions, and briefs you. The client sees a live portal and asks Willie. Nothing to assemble, nothing to keep fed.",

  matrix: [
    { dim: "What you get", them: "Building blocks to configure into workflows.", us: "A working PM, pre-built for client delivery." },
    { dim: "Who keeps data current", them: "Your team, entering updates.", us: "Willie, from documents and transcripts." },
    { dim: "Dashboards", them: "Powerful — if the underlying data is maintained.", us: "Willie tells you what changed and what needs you." },
    { dim: "Client experience", them: "Guest seats or shared boards.", us: "A live portal; clients ask Willie." },
    { dim: "Cost to add a client", them: "A metered guest, or another paid seat.", us: "Nothing — clients are included at every plan." },
    { dim: "Pricing model", them: "Per seat, billed in tiers with seat minimums.", us: "Per firm, not per seat — tiered by projects and usage; unlimited internal & external users." },
  ],
  priceNote: "Monday is priced per seat with a seat minimum and seats added in blocks, so a solo consultant pays for seats they'll never fill, and cost rises with every person — including the clients you'd want to invite in. Groundskeeper prices per firm across three plans (Solo, Firm, Studio) that scale with your active projects and usage, never your headcount: a solo pays for solo. Clients are never a line item, and transparent usage metrics keep you on the right plan instead of an oversized one.",

  chooseLede: "Monday is a capable, flexible platform. Here's when it beats us — splitting the things we deliberately do differently from the things we genuinely don't do.",
  legacy: [
    { t: "Many processes, one platform.", d: "You want to run PM, CRM, HR intake, and ops on one configurable canvas. We do client project delivery, not a general Work OS." },
    { t: "Build-your-own dashboards.", d: "You value designing custom views and dashboards across teams. We bring an opinionated surface instead." },
    { t: "Hands-on board management.", d: "Your team likes maintaining boards and automations rather than supervising an AI PM." },
  ],
  fitGap: [
    { t: "Resource & workload management at scale.", d: "You need capacity planning and workload balancing across many people and seats." },
    { t: "Cross-departmental operations.", d: "Multiple departments run their core processes here — broader than client engagements." },
    { t: "Heavy automation & integration needs.", d: "Your workflows depend on deep custom automations across a large connected stack." },
  ],

  ctaH: <>Stop assembling the platform. <span className="alt">Let Willie run the work.</span></>,
};

ReactDOM.createRoot(document.getElementById('app')).render(<CpSpoke data={DATA} />);