From 9a6b8453d1ed4d0d666472d0ac5deefa715cfecb Mon Sep 17 00:00:00 2001 From: Bruno Bergher Date: Mon, 29 Sep 2025 10:24:58 +0100 Subject: [PATCH 1/3] Adds lots of testimonials, 5-stars from marketplace --- .../src/components/homepage/testimonials.tsx | 107 +++++++++++++++--- 1 file changed, 92 insertions(+), 15 deletions(-) diff --git a/apps/web-roo-code/src/components/homepage/testimonials.tsx b/apps/web-roo-code/src/components/homepage/testimonials.tsx index 01236dfe7e34..441a5acb8e65 100644 --- a/apps/web-roo-code/src/components/homepage/testimonials.tsx +++ b/apps/web-roo-code/src/components/homepage/testimonials.tsx @@ -4,45 +4,114 @@ import { useRef, useCallback, useEffect } from "react" import { motion } from "framer-motion" import useEmblaCarousel from "embla-carousel-react" import AutoPlay from "embla-carousel-autoplay" -import { ChevronLeft, ChevronRight } from "lucide-react" +import { ChevronLeft, ChevronRight, Star } from "lucide-react" export interface Testimonial { - id: number name: string role: string - company: string - image?: string + origin: string quote: string + image?: string + stars?: number } export const testimonials: Testimonial[] = [ { - id: 1, name: "Luca", role: "Reviewer", - company: "VS Code Marketplace", + origin: "VS Code Marketplace", quote: "Roo Code is an absolute game-changer! 🚀 It makes coding faster, easier, and more intuitive with its smart AI-powered suggestions, real-time debugging, and automation features. The seamless integration with VS Code is a huge plus, and the constant updates ensure it keeps getting better", + stars: 5, }, { - id: 2, name: "Taro Woollett-Chiba", role: "AI Product Lead", - company: "Vendidit", + origin: "Vendidit", quote: "Easily the best AI code editor. Roo Code has the best features and capabilities, along with the best development team. I swear, they're the fastest to support new models and implement useful functionality whenever users mention it... simply amazing.", }, { - id: 3, name: "Can Nuri", role: "Reviewer", - company: "VS Code Marketplace", + origin: "VS Code Marketplace", quote: "Roo Code is one of the most inspiring projects I have seen for a long time. It shapes the way I think and deal with software development.", + stars: 5, }, { - id: 4, name: "Michael", role: "Reviewer", - company: "VS Code Marketplace", + origin: "VS Code Marketplace", quote: "I switched from Windsurf to Roo Code in January and honestly, it's been a huge upgrade. Windsurf kept making mistakes and being dumb when I ask it for things. Roo just gets it. Projects that used to take a full day now wrap up before lunch. ", + stars: 5, + }, + { + name: "Darien Hardin", + role: "Reviewer", + origin: "VS Code Marketplace", + quote: "By far the best coding tool I have used. Looking forward to where this goes in the future. Also, their Discord is an excellent resource with many knowledgeable users sharing their discoveries.", + stars: 5, + }, + { + name: "Wiliam Azzam", + role: "Reviewer", + origin: "VS Code Marketplace", + quote: "I've tried Cursor, Windsurf, Cline, Trae and others, and although using RooCode with OpenRouter is more expensive, it is also far more effective. Its agents and initial setup, and learning how to use Code/Architect/Orchestrator, help a great deal in developing quality projects.", + stars: 5, + }, + { + name: "Matěj Zapletal", + role: "Reviewer", + origin: "VS Code Marketplace", + quote: "Definitely the best AI coding agent extension.", + stars: 5, + }, + { + name: "Ali Davachi", + role: "Reviewer", + origin: "VS Code Marketplace", + quote: "We tried the rest, now we are using the best. The alternatives are more restrictive. I didn't use competitors for a reason. This team is killing it.", + stars: 5, + }, + { + name: "Ryan Booth", + role: "Reviewer", + origin: "VS Code Marketplace", + quote: "I work inside Roo about 60+ hours a week and usually roo is building something at all hours of the day. An amazing tool by an amazing team!", + stars: 5, + }, + { + name: "Matthew Martin", + role: "Reviewer", + origin: "VS Code Marketplace", + quote: "i spent a fortune trying to dial in various tools to get them to work the way i want, and then i found roocode. customizable for your flavors on your terms. this is what i always wanted.", + stars: 5, + }, + { + name: "Edwin Jacques", + role: "Reviewer", + origin: "VS Code Marketplace", + quote: "The BEST. Super fast, no-nonsense, UI that makes sense, many API provider choices, responsive, helpful developer community.", + stars: 5, + }, + { + name: "Sean McCann", + role: "Reviewer", + origin: "VS Code Marketplace", + quote: "Roo Code is impressively capable while staying refreshingly simple. It integrates seamlessly into VS Code and handles everything from generating code to refactoring with accuracy and speed. It feels like a natural part of the workflow—no clutter, just results. Extra points for the flexibility of the different agents and the ability to customize them to fit the job.", + stars: 5, + }, + { + name: "Colin Tate", + role: "Reviewer", + origin: "VS Code Marketplace", + quote: "Absolutely amazing extension. I had tried Cursor previously, and this just beats it hands down. I've used it for several large projects now, and it is now my go-to for creating things that would normally take weeks or months. Highly recommended.", + stars: 5, + }, + { + name: "Michael Scott", + role: "Reviewer", + origin: "VS Code Marketplace", + quote: "I've used all the IDEs and all the assistants - Roo Code is hands down the best of them. It's also one of the few that lets you bring your own API keys - no subscriptions required, just pay as you need/go! Fantastic team and support as well!", + stars: 5, }, ] @@ -127,7 +196,7 @@ export function Testimonials() { AI-forward developers are using Roo Code

- Join more than 800k people revolutionizing their workflow worldwide + Join more than 1M people revolutionizing their workflow worldwide

@@ -162,7 +231,7 @@ export function Testimonials() {
{testimonials.map((testimonial) => (
@@ -178,7 +247,15 @@ export function Testimonials() { {testimonial.name}

- {testimonial.role} at {testimonial.company} + {testimonial.role} at {testimonial.origin} + {testimonial.stars && ( + + {" "} + {Array.from({ length: testimonial.stars }, (_, i) => ( + + ))} + + )}

From a2c92c6e350d83a887bd6c694bf48941a94068e2 Mon Sep 17 00:00:00 2001 From: Bruno Bergher Date: Mon, 29 Sep 2025 10:32:54 +0100 Subject: [PATCH 2/3] Fits more testimonials in one page --- .../src/components/homepage/testimonials.tsx | 20 +++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/apps/web-roo-code/src/components/homepage/testimonials.tsx b/apps/web-roo-code/src/components/homepage/testimonials.tsx index 441a5acb8e65..ec49d88c3f73 100644 --- a/apps/web-roo-code/src/components/homepage/testimonials.tsx +++ b/apps/web-roo-code/src/components/homepage/testimonials.tsx @@ -127,8 +127,8 @@ export function Testimonials() { [ AutoPlay({ playOnInit: true, - delay: 4000, - stopOnInteraction: true, + delay: 3_500, + stopOnInteraction: false, stopOnMouseEnter: true, stopOnFocusIn: true, }), @@ -201,7 +201,7 @@ export function Testimonials() {
@@ -217,14 +217,14 @@ export function Testimonials() { {/* Next Button */} {/* Gradient Overlays */} -
-
+
+
{/* Embla Carousel Container */}
@@ -232,12 +232,12 @@ export function Testimonials() { {testimonials.map((testimonial) => (
+ className="relative min-w-0 flex-[0_0_85%] px-2 md:flex-[0_0_70%] md:px-4 lg:flex-[0_0_30%]">
-
+
-

+

{testimonial.quote}

From 4eb45338e62c7a294ae9811959c2ccb760a7923f Mon Sep 17 00:00:00 2001 From: Bruno Bergher Date: Mon, 29 Sep 2025 10:35:29 +0100 Subject: [PATCH 3/3] Testimonial heading tweak --- apps/web-roo-code/src/components/homepage/testimonials.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/apps/web-roo-code/src/components/homepage/testimonials.tsx b/apps/web-roo-code/src/components/homepage/testimonials.tsx index ec49d88c3f73..84d9e6cf403d 100644 --- a/apps/web-roo-code/src/components/homepage/testimonials.tsx +++ b/apps/web-roo-code/src/components/homepage/testimonials.tsx @@ -191,9 +191,9 @@ export function Testimonials() {
-
+

- AI-forward developers are using Roo Code + Developers really shipping with AI are using Roo Code

Join more than 1M people revolutionizing their workflow worldwide