From 8925a809f51f83bcc40b8f3f2c02842da3315e41 Mon Sep 17 00:00:00 2001 From: Roo Code Date: Mon, 3 Nov 2025 16:21:12 +0000 Subject: [PATCH] refactor: improve PR reviewer page copy to match original tone and address real concerns --- .../src/app/pr-reviewer/PRReviewerContent.tsx | 402 ++++++++---------- .../web-roo-code/src/app/pr-reviewer/page.tsx | 22 +- 2 files changed, 187 insertions(+), 237 deletions(-) diff --git a/apps/web-roo-code/src/app/pr-reviewer/PRReviewerContent.tsx b/apps/web-roo-code/src/app/pr-reviewer/PRReviewerContent.tsx index f983069e8b..98d6c60731 100644 --- a/apps/web-roo-code/src/app/pr-reviewer/PRReviewerContent.tsx +++ b/apps/web-roo-code/src/app/pr-reviewer/PRReviewerContent.tsx @@ -1,6 +1,15 @@ "use client" -import { ArrowRight, AlertTriangle, Bot, Shield, Brain, Zap, CheckCircle2 } from "lucide-react" +import { + ArrowRight, + Blocks, + BookMarked, + ListChecks, + LucideIcon, + GitPullRequest, + Key, + MessageSquareCode, +} from "lucide-react" import Image from "next/image" import { Button } from "@/components/ui" @@ -9,31 +18,89 @@ import { AgentCarousel } from "@/components/reviewer/agent-carousel" import { EXTERNAL_LINKS } from "@/lib/constants" import { trackGoogleAdsConversion } from "@/lib/analytics/google-ads" +interface Feature { + icon: LucideIcon + title: string + description: string | React.ReactNode + logos?: string[] +} + +const workflowSteps: Feature[] = [ + { + icon: GitPullRequest, + title: "1. Connect Your Repository", + description: "Link your GitHub repository and configure which branches and pull requests should be reviewed.", + }, + { + icon: Key, + title: "2. Add Your API Key", + description: + "Provide your AI provider API key and set your review preferences, custom rules, and quality standards.", + }, + { + icon: MessageSquareCode, + title: "3. Get Review Comments", + description: + "Every pull request gets detailed GitHub comments in minutes from a Roo Code agent highlighting issues and suggesting improvements.", + }, +] + +const howItWorks: Feature[] = [ + { + icon: Blocks, + title: "Bring your own key, get uncompromised reviews", + description: ( + <> +

+ Most AI review tools use fixed pricing, which means they skimp on tokens to protect their margins. + That leads to shallow analysis and missed issues. +

+

+ With Roo, you bring your own API key. We optimize prompts for depth, not cost-cutting, so reviews + focus on real problems like business logic, security vulnerabilities, and architectural issues. +

+ + ), + }, + { + icon: ListChecks, + title: "Advanced reasoning that understands what matters", + description: + "We leverage state-of-the-art reasoning models with sophisticated workflows: diff analysis, context gathering, impact mapping, and contract validation. This catches the subtle bugs that surface-level tools miss—misunderstood requirements, edge cases, and integration risks.", + }, + { + icon: BookMarked, + title: "Repository-aware, not snippet-aware", + description: + "Roo analyzes your entire codebase context—dependency graphs, code ownership, team conventions, and historical patterns. It understands how changes interact with existing systems, not just whether individual lines look correct.", + }, +] + // Workaround for next/image choking on these for some reason import hero from "/public/heroes/agent-reviewer.png" export function PRReviewerContent() { return ( <> - {/* Hero Section */}
-

- Your AI wrote the code. Roo made sure it's safe to ship. +

+ Code reviews that catch what other AI tools miss.

- AI-generated commits are flooding PRs. Some are fine. Some disable JWT - verification. Roo PR Reviewer catches what slipped through before it hits prod. + AI code review tools often catch syntax errors and style issues while missing + the bugs that actually matter: logic flaws, security vulnerabilities, and + misunderstood requirements. +

+

+ Roo Code's PR Reviewer uses advanced reasoning models and full repository + context to find the issues that slip through—before they reach production.

-
- "Bold strategy: a trust-based JWT system. What could possibly go - wrong?" -
@@ -47,10 +114,13 @@ export function PRReviewerContent() { rel="noopener noreferrer" onClick={trackGoogleAdsConversion} className="flex w-full items-center justify-center"> - Try Roo Reviewer Free + Start 14-day Free Trial + + (cancel anytime) +
@@ -70,244 +140,124 @@ export function PRReviewerContent() {
- {/* The Problem Section */} -
+ {/* How It Works Section */} +
-
-
- -

The Problem

-
-
-

- AI's writing more code than ever — and most of it looks right. But beneath - that green diff are: -

-
    -
  • - • - silent security holes -
    • -
  • - • - rounding bugs that eat customer money -
    • -
  • - • - regexes that backtrack until your weekend's gone -
    • -
-

- Your team is reviewing more code than ever, but catching less. -

+
+
+

How It Works

+ +
+
    + {workflowSteps.map((step, index) => { + const Icon = step.icon + return ( +
  • + +

    + {step.title} +

    +
    + {step.description} +
    +
    • + ) + })} +
+
- {/* The Roo Fix Section */} -
+
-
-
- -

The Roo Fix

-
-
-

- Roo PR Reviewer fights AI chaos with AI - precision. -

-

- It reads your PRs like a senior engineer — not a spellchecker. It flags the real - problems and skips the noise. -

-
-
- - Detects logic and security issues (not just lint) -
-
- - - Explains why the change is wrong, not just what - -
-
- - Integrates directly in GitHub PRs -
-
- - Bring-your-own-API-key — no token limits, no model throttling -
-
+
+
+

+ Why Roo's PR Reviewer is different +

+ +
+
    + {howItWorks.map((feature, index) => { + const Icon = feature.icon + return ( +
  • + +

    + {feature.title} +

    +
    + {feature.description} +
    + {feature.logos && ( +
    + {feature.logos.map((logo) => ( + {`${logo} + ))} +
    + )} +
    • + ) + })} +
+
- {/* How It Feels Section */} -
-
-
-
- -

How It Feels to Use Roo

-
-
-

You open a PR, and Roo leaves comments like:

-
-
- "Great news: '1000' is now cheaper than '200'. Sort - numerically; keep values as numbers." -
-
- "This regex can spend the weekend backtracking. Use a safe validator." -
-
- "Rounding errors become billing errors. Use `Decimal` end-to-end." -
-
-

- It's like having that one paranoid senior dev back on your team — but this one - never sleeps. -

-
-
-
-
- - {/* Why Engineers Love It Section */} -
-
-
-
- -

Why Engineers Love It

-
-
-
-
- • -
- Fewer false positives — - - Roo comments are focused, not fluffy. - -
-
-
- • -
- Understands your context — - - reads your repo, not a random snippet. - -
-
-
- • -
- Catches what humans miss — - - subtle bugs, security drift, AI hallucinations. - -
-
-
-

- Engineers call it "the only AI review that doesn't make me dumber." -

-
-
-
-
- - {/* Try It Section */} -
-
-
-
- -

Try It on Your Next PR

-
-
-
    -
  1. - - 1 - - - Add Roo to your repo (takes 3 minutes). - -
    2. -
  2. - - 2 - - Push a PR — Roo reviews instantly. -
    3. -
  3. - - 3 - - - Watch it flag the stuff your AI or teammate didn't notice. - -
    4. -
- -
-
-
-
- - {/* Agent Team Section */}
-

- The first member of a whole new team -

-

- Architecture, coding, reviewing, testing, debugging, documenting, designing –{" "} - almost everything we do today is mostly through our agents. Now we're bringing - them to you. -

-

- Roo's PR Reviewer isn't yet another single-purpose tool to add to your already - complicated stack. It's the first member of your AI-powered development team. More - agents are shipping soon. -

+
+

+ The first member of a whole new team +

+ +

+ Architecture, coding, reviewing, testing, debugging, documenting, designing –{" "} + almost everything we do today is mostly through our agents. Now we're + bringing them to you. +

+

+ Roo's PR Reviewer isn't yet another single-purpose tool to add to your already + complicated stack. +
+ It's the first member of your AI-powered development team. More agents are shipping + soon. +

+
+
- {/* Footer CTA */} + {/* CTA Section */}
-
-

- AI is writing your code. Roo makes sure it's still safe to ship. +

+

+ Ready for better code reviews? +

+

+ Start finding the issues that matter with AI-powered reviews built for depth, not + cost-cutting.

diff --git a/apps/web-roo-code/src/app/pr-reviewer/page.tsx b/apps/web-roo-code/src/app/pr-reviewer/page.tsx index fed06e9792..decb338996 100644 --- a/apps/web-roo-code/src/app/pr-reviewer/page.tsx +++ b/apps/web-roo-code/src/app/pr-reviewer/page.tsx @@ -6,8 +6,8 @@ import { PRReviewerContent } from "./PRReviewerContent" const TITLE = "PR Reviewer" const DESCRIPTION = - "Your AI wrote the code. Roo made sure it's safe to ship. AI-generated commits are flooding PRs. Roo PR Reviewer catches what slipped through before it hits prod." -const OG_DESCRIPTION = "Your AI wrote the code. Roo made sure it's safe to ship." + "Get AI-powered PR reviews that catch what other tools miss. Roo uses advanced reasoning models and full repository context to find logic bugs, security issues, and architectural problems—not just lint errors." +const OG_DESCRIPTION = "Code reviews that catch what other AI tools miss" const PATH = "/pr-reviewer" export const metadata: Metadata = { @@ -46,17 +46,17 @@ export const metadata: Metadata = { "AI code review", "GitHub PR review", "automated code review", - "AI-generated code", - "security review", - "JWT verification", - "regex security", - "billing errors", - "logic bugs", - "AI hallucinations", - "senior developer", - "paranoid code review", + "repository-aware review", "bring your own key", "BYOK AI", + "code quality", + "development workflow", + "cloud agents", + "AI development team", + "logic bugs", + "security vulnerabilities", + "business logic review", + "advanced reasoning", ], }