Skip to content

Conversation

@roomote
Copy link
Contributor

@roomote roomote bot commented Jan 27, 2026

Summary

Add a marketing page at /linear for the native Linear integration in Roo Code Cloud, mirroring the patterns from /slack.

Changes

  • New page: apps/web-roo-code/src/app/linear/page.tsx

    • Hero section with "Turn Linear Issues into Pull Requests" headline
    • Value props grid (7 cards)
    • Featured Workflow section with id="demo" (video placeholder + 4-step workflow)
    • Onboarding section (4 steps)
    • Final CTA section
  • New component: apps/web-roo-code/src/components/linear/linear-issue-demo.tsx

    • Animated Linear issue UI demo
    • Shows issue-to-PR workflow with phases:
      1. Issue appears with acceptance criteria
      2. Assignee changes to "Roo Code"
      3. Progress comments (Analyzing, Planning, Opening PR)
      4. Human refinement comment
      5. Final comment with PR link
  • Nav update: apps/web-roo-code/src/components/chromes/nav-bar.tsx

    • Added "Roo Code for Linear" to Product dropdown (desktop + mobile)

Acceptance Criteria

  • Page lives at /linear and is linked from Product dropdown (desktop + mobile)
  • Communicates "Issue → PR" workflow quickly
  • Primary CTA: Get Started → CLOUD_APP_SIGNUP_HOME
  • Secondary CTA: Watch Demo scrolls to #demo
  • Uses @Roo Code terminology (never @Roomote)
  • Missing YouTube ID shows presentable placeholder
  • Lint, typecheck, build pass

View task on Roo Code Cloud


Important

Add a new marketing page for Linear integration with a demo component and update navigation to include the new page.

  • New Page: page.tsx in app/linear
    • Hero section with headline "Turn Linear Issues into Pull Requests"
    • Value props grid with 7 cards
    • Featured Workflow section with video placeholder and 4-step workflow
    • Onboarding section with 4 steps
    • Final CTA section
  • New Component: linear-issue-demo.tsx
    • Animated demo of Linear issue UI
    • Shows issue-to-PR workflow with phases: issue appearance, assignee change, progress comments, human refinement, and final PR link
  • Nav Update: nav-bar.tsx
    • Added "Roo Code for Linear" to Product dropdown for both desktop and mobile

This description was created by Ellipsis for 6610797. You can customize this summary. It will automatically update as commits are pushed.

- Create /linear marketing page mirroring /slack patterns
- Add LinearIssueDemo animated component showing issue-to-PR workflow
- Add "Roo Code for Linear" to Product dropdown in nav-bar (desktop + mobile)
- Use @roo Code terminology (not @roomote)
- Include SEO metadata, OpenGraph, and Twitter card support
- Demo section has id="demo" with video placeholder for when YouTube ID is available
- CTAs link to CLOUD_APP_SIGNUP_HOME (hero) and CLOUD_APP_TEAM_TRIAL (final CTA)

Closes MKT-4
@roomote
Copy link
Contributor Author

roomote bot commented Jan 27, 2026

Rooviewer Clock   See task on Roo Cloud

Review complete. No blocking issues found.

The logo update correctly replaces the multi-path SVG with the official Linear brand logo across all three usages. The change is purely visual with no functional impact.

  • No issues to resolve
Previous reviews

Mention @roomote in a comment to request specific changes to this pull request or fix all unresolved issues.

@github-actions
Copy link
Contributor

github-actions bot commented Jan 27, 2026

🚀 Preview deployed!

Your changes have been deployed to Vercel:

Preview URL: https://roo-code-website-aihcsgqs2-roo-code.vercel.app

This preview will be updated automatically when you push new commits to this PR.

- Remove 'Consultation mode' value prop (now 6 boxes)
- Update workflow step #2: 'Call @roo Code' with @-mention in comments
- Redesign hero demo to match actual Linear interface:
  - Replace macOS traffic lights with Linear-style breadcrumb navigation
  - Use smaller avatars (20px) with compact inline format
  - Remove 'Agent' badge for cleaner appearance
  - Add 'event' kind for status changes
  - Add 'Leave a comment...' input field
  - Use relative timestamps ('2m ago', 'just now')
  - Update colors to match Linear dark theme (#1F2023)
@mp-roocode mp-roocode self-assigned this Jan 27, 2026
Updated LinearIcon component in all three files to use the official
Linear brand SVG path from their brand assets.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Status: Triage

Development

Successfully merging this pull request may close these issues.

2 participants