// compare-asana.jsx — Groundskeeper vs Asana (June 2026).

const DATA = {
  slug: 'asana',
  name: 'Asana',

  heroH: <>Asana coordinates your team. <span className="alt">Willie does the project work.</span></>,
  heroSub: "Asana is one of the most polished ways to coordinate ongoing work across an internal team — tasks, timelines, workflows, reporting. Groundskeeper isn't a coordination layer. It's a project manager who reads your documents, builds the plan, runs the engagement, and keeps your client informed.",
  heroBridge: "If your problem is 'our team needs a shared system,' Asana is excellent. If it's 'nobody has time to keep the system true,' that's Willie.",

  diffH: <>Coordinating people vs. <span className="alt">doing the project.</span></>,
  diffThem: "Asana is built so a team can see and move work together: assign tasks, map timelines, automate handoffs, roll up portfolios. It assumes people will keep their tasks updated — Asana surfaces the work beautifully, but humans still feed it.",
  diffUs: "Groundskeeper assumes you don't have time to feed a tracker. Willie ingests your SOW, emails, and meeting transcripts; builds and maintains the plan; flags scope creep and open decisions; and briefs you on your schedule. The client sees a live portal and asks Willie their questions.",

  matrix: [
    { dim: "Core job", them: "Help a team organize and track shared work.", us: "Do the PM work: intake, planning, monitoring, client updates." },
    { dim: "Who updates status", them: "Each assignee, manually.", us: "Willie, from what actually happened." },
    { dim: "Meeting follow-through", them: "You log tasks and decisions after the call.", us: "Willie reads the transcript and updates the plan." },
    { dim: "Client experience", them: "Guest access or exported reports.", us: "A live portal; clients ask Willie directly." },
    { dim: "Cost to add a client", them: "Another seat, or a guest workaround.", us: "Nothing — clients are included at every plan." },
    { dim: "Pricing model", them: "Per user, per month — premium tiers add up.", us: "Per firm, not per seat — tiered by projects and usage; clients and team included." },
  ],
  priceNote: "Asana's paid tiers are priced per seat and climb as you add people — and seats are easy to overpay for: it's common for firms to keep billing collaborators who stopped logging in, or to pay full price for freelancers set up as members instead of guests. Groundskeeper prices per firm across three plans (Solo, Firm, Studio) that scale with your active projects and usage, not headcount. There are no seats to audit and no surprise true-ups; internal and external users are unlimited at every tier, and transparent usage metrics mean you never land on a bigger plan than you need.",

  chooseLede: "Asana is a mature, well-loved product. Here's when it's the right call — separating what we intentionally do differently from what we genuinely don't do.",
  legacy: [
    { t: "Ongoing internal coordination.", d: "Your main need is a shared home for recurring team work, not document-driven client engagements. That's Asana's sweet spot." },
    { t: "Hands-on task management.", d: "Your team likes owning and updating their own tasks rather than supervising an AI PM." },
    { t: "A broad app ecosystem.", d: "You rely on Asana's large integration and template library across departments." },
  ],
  fitGap: [
    { t: "Portfolio & workload management at scale.", d: "You need to balance capacity and workload across many people and concurrent initiatives." },
    { t: "Cross-functional operations.", d: "Marketing, ops, and product all run their processes in one place — broader than client delivery." },
    { t: "Enterprise governance & admin.", d: "You require advanced permissions, provisioning, and org-wide reporting today." },
  ],

  ctaH: <>Let your team coordinate. <span className="alt">Let Willie run the engagement.</span></>,
};

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