diff --git a/apps/web-roo-code/src/app/pr-reviewer/PRReviewerContent.tsx b/apps/web-roo-code/src/app/pr-reviewer/PRReviewerContent.tsx new file mode 100644 index 0000000000..f983069e8b --- /dev/null +++ b/apps/web-roo-code/src/app/pr-reviewer/PRReviewerContent.tsx @@ -0,0 +1,333 @@ +"use client" + +import { ArrowRight, AlertTriangle, Bot, Shield, Brain, Zap, CheckCircle2 } from "lucide-react" +import Image from "next/image" + +import { Button } from "@/components/ui" +import { AnimatedBackground } from "@/components/homepage" +import { AgentCarousel } from "@/components/reviewer/agent-carousel" +import { EXTERNAL_LINKS } from "@/lib/constants" +import { trackGoogleAdsConversion } from "@/lib/analytics/google-ads" + +// 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. +

+
+

+ AI-generated commits are flooding PRs. Some are fine. Some disable JWT + verification. Roo PR Reviewer catches what slipped through before it hits prod. +

+
+ "Bold strategy: a trust-based JWT system. What could possibly go + wrong?" +
+
+
+ +
+
+
+
+ Example of a code review generated by Roo Code PR Reviewer +
+
+
+
+
+
+ + {/* The Problem 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. +

+
+
+
+
+ + {/* 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 +
+
+
+
+
+
+ + {/* 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. +

+
+
+ +
+
+
+ + {/* Footer CTA */} +
+
+
+

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

+
+ +
+
+
+
+ + ) +} diff --git a/apps/web-roo-code/src/app/pr-reviewer/page.tsx b/apps/web-roo-code/src/app/pr-reviewer/page.tsx new file mode 100644 index 0000000000..fed06e9792 --- /dev/null +++ b/apps/web-roo-code/src/app/pr-reviewer/page.tsx @@ -0,0 +1,65 @@ +import type { Metadata } from "next" + +import { SEO } from "@/lib/seo" +import { ogImageUrl } from "@/lib/og" +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." +const PATH = "/pr-reviewer" + +export const metadata: Metadata = { + title: TITLE, + description: DESCRIPTION, + alternates: { + canonical: `${SEO.url}${PATH}`, + }, + openGraph: { + title: TITLE, + description: DESCRIPTION, + url: `${SEO.url}${PATH}`, + siteName: SEO.name, + images: [ + { + url: ogImageUrl(TITLE, OG_DESCRIPTION), + width: 1200, + height: 630, + alt: TITLE, + }, + ], + locale: SEO.locale, + type: "website", + }, + twitter: { + card: SEO.twitterCard, + title: TITLE, + description: DESCRIPTION, + images: [ogImageUrl(TITLE, OG_DESCRIPTION)], + }, + keywords: [ + ...SEO.keywords, + "PR reviewer", + "code review", + "pull request review", + "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", + "bring your own key", + "BYOK AI", + ], +} + +export default function PRReviewerPage() { + return +}