// compare-clickup.jsx — Groundskeeper vs ClickUp (June 2026).
// Thin data object fed into <CpSpoke /> from compare-shared.jsx.

const DATA = {
  slug: 'clickup',
  name: 'ClickUp',

  heroH: <>ClickUp is the everything app. <span className="alt">Willie is the one person who keeps it true.</span></>,
  heroSub: "ClickUp can be configured into almost anything — tasks, docs, goals, whiteboards, chat. That flexibility is its superpower and its tax: someone has to build the system and then keep it current. Groundskeeper skips the configuration and the upkeep. You hand Willie your documents; she runs the project.",
  heroBridge: "If you love building the perfect workspace, ClickUp is a joy. If you just need the project to stay right, keep reading.",

  diffH: <>Configuration vs. <span className="alt">a PM who shows up.</span></>,
  diffThem: "ClickUp gives you a near-infinite canvas. You design the spaces, statuses, custom fields, automations, and views — then your team keeps them fed. The power is real, but so is the maintenance: a common pattern is that a workspace gets set up, the team is trained, and usage quietly collapses a few months later because keeping it current is nobody's actual job.",
  diffUs: "Groundskeeper comes with the system already built for client engagements. Drop in a proposal, SOW, or transcript and Willie creates the plan, tracks the decisions, and updates everything as things change. There's nothing to configure and nothing to keep fed — you supervise and approve.",

  matrix: [
    { dim: "Setup", them: "You design spaces, fields, statuses, and automations before it's useful.", us: "Hand over a document. The plan exists before your coffee's done." },
    { dim: "Who builds the plan", them: "You and your team, by hand.", us: "Willie, from your actual source documents." },
    { dim: "Who keeps it current", them: "Whoever remembers to update it.", us: "Willie — she reads what's new and reflects it." },
    { dim: "The AI", them: "An add-on you switch on, pay extra for, and remember to use.", us: "The product itself — Willie works the engagement whether or not you open the app." },
    { dim: "Client experience", them: "Guest seats or a shared view you maintain.", us: "A live portal where clients ask Willie, not you." },
    { dim: "Cost to add a client", them: "A guest seat, where it's even allowed.", us: "Nothing — clients are included at every plan." },
    { dim: "Pricing model", them: "Per user, per month — every seat counts.", us: "Per firm, not per seat — plans scale by projects and usage, not headcount." },
  ],
  priceNote: "ClickUp is among the cheaper per-seat tools, but it's still per seat — and its AI assistant is a further per-user surcharge on top. Groundskeeper prices per firm across three plans (Solo, Firm, Studio) that scale with your active projects and usage, never your number of people, and the AI PM isn't an add-on — it's the whole product. Internal team and clients are unlimited at every tier, and transparent usage metrics keep you on the plan you actually need.",

  chooseLede: "ClickUp is a genuinely strong product. Here's when it's the smarter pick than us — split into the things we deliberately do differently, and the things we honestly don't do at all.",
  legacy: [
    { t: "One tool to run everything.", d: "You want tasks, docs, wikis, whiteboards, sprints, and chat in a single configurable app. We do project delivery for client work, not an all-purpose workspace." },
    { t: "Total customization.", d: "You enjoy designing your own statuses, fields, and views. We bring an opinionated system instead of a blank canvas." },
    { t: "Manual task management.", d: "You'd rather enter and arrange the work yourself than hand documents to an AI PM." },
  ],
  fitGap: [
    { t: "Heavy internal, non-client work.", d: "Most of your projects are internal product/ops work, not client engagements with a defined arc and a portal." },
    { t: "Large teams needing granular permissions.", d: "You need deep role hierarchies and workspace governance across dozens of people." },
    { t: "Built-in time tracking & sprint tooling.", d: "Your team runs on native time tracking, sprints, and dev workflows day to day." },
  ],

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

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