-
- An entire AI-powered dev team. In your editor and beyond.
+
- An entire AI-powered dev team. In your editor and beyond.
+
+ The AI dev team that gets things done.
-
- Roo's model-agnostic, specialized modes and fine-grained auto-approval controls - give you the tools (and the confidence) to get AI working for you. +
+ Roo's specialized modes stay on task and ship great code. Open source and works + with any model.
@@ -44,7 +45,7 @@ export default async function Home() {
href="https://marketplace.visualstudio.com/items?itemName=RooVeterinaryInc.roo-cline"
target="_blank"
className="flex w-full items-center justify-center">
- Install Extension
+ Install VS Code Extension
+
diff --git a/apps/web-roo-code/src/components/homepage/company-logos.tsx b/apps/web-roo-code/src/components/homepage/company-logos.tsx
index cedc681759..a27e8bbc16 100644
--- a/apps/web-roo-code/src/components/homepage/company-logos.tsx
+++ b/apps/web-roo-code/src/components/homepage/company-logos.tsx
@@ -1,36 +1,33 @@
"use client"
import { motion } from "framer-motion"
+import Image from "next/image"
-export function CompanyLogos() {
- const logos = [
- { name: "Company 1", logo: "/placeholder.svg?height=40&width=120" },
- { name: "Company 2", logo: "/placeholder.svg?height=40&width=120" },
- { name: "Company 3", logo: "/placeholder.svg?height=40&width=120" },
- { name: "Company 4", logo: "/placeholder.svg?height=40&width=120" },
- { name: "Company 5", logo: "/placeholder.svg?height=40&width=120" },
- { name: "Company 6", logo: "/placeholder.svg?height=40&width=120" },
- ]
+const logos = ["Apple", "Netflix", "Microsoft", "Amazon", "ByteDance", "Rakuten", "Carvana"]
+export function CompanyLogos() {
return (
-
-
- {logos.map((company, index) => (
+
+
+ Making devs more productive at
+
+
+ {logos.map((logo, index) => (
- {/* eslint-disable @next/next/no-img-element */}
- 
+
))}
diff --git a/apps/web-roo-code/src/components/homepage/features.tsx b/apps/web-roo-code/src/components/homepage/features.tsx
index a0415c04f7..d90834c00a 100644
--- a/apps/web-roo-code/src/components/homepage/features.tsx
+++ b/apps/web-roo-code/src/components/homepage/features.tsx
@@ -1,48 +1,52 @@
"use client"
import { motion } from "framer-motion"
-import { Brain, Shield, Users2, ReplaceAll, Keyboard, LucideIcon, CheckCheck } from "lucide-react"
+import { Shield, Users2, ReplaceAll, Keyboard, LucideIcon, CheckCheck, GitPullRequest } from "lucide-react"
+import Image from "next/image"
export interface Feature {
icon: LucideIcon
title: string
description: string
+ logos?: string[]
}
export const features: Feature[] = [
{
icon: Users2,
- title: "Specialized Modes",
+ title: "Specialized modes",
description:
- "Planning, Architecture, Debugging and beyond: Roo's modes stay on-task and deliver. Create your own modes or download from the marketplace.",
+ "Planning, Architecture, Debugging and beyond: Roo's modes stay on-task and deliver. They even know when to hand off work to other modes. Create your own or download from the marketplace.",
},
{
icon: ReplaceAll,
- title: "Model-Agnostic",
- description: "Bring your own model key or use local inference — no markup, lock-in, no restrictions.",
+ title: "Model-agnostic",
+ description: "Bring your own provider key or even run local inference — no markup, lock-in, no restrictions.",
+ logos: ["Anthropic", "OpenAI", "Gemini", "Grok", "Qwen", "Kimi", "Mistral", "Ollama"],
},
{
icon: CheckCheck,
title: "Granular auto-approval",
- description: "Control each action and make Roo as autonomous as you want as you build confidence. Or go YOLO.",
+ description:
+ "Control each action and make Roo as autonomous as you want as you build confidence. Or go YOLO and let it rip.",
},
{
- icon: Keyboard,
- title: "Highly Customizable",
+ icon: GitPullRequest,
+ title: "Proudly open source",
description:
- "Fine-tune settings for Roo to work for you, like inference context, model properties, slash commands and more.",
+ "Community-driven and fully auditable: no throttling or surprises about what's happening behind the scenes.",
},
{
- icon: Brain,
- title: "Deep Project-wide Context",
+ icon: Keyboard,
+ title: "Highly customizable",
description:
- "Roo Code reads your entire codebase, preserving valid code through diff-based edits for seamless multi-file refactors.",
+ "Fine-tune settings for Roo to work for you, like inference context, model properties, slash commands and more.",
},
{
icon: Shield,
- title: "Secure and Private by Design",
+ title: "Secure and private by design",
description:
- "Open source and local-first. No code leaves your machine unless you say so. SOC 2 Type II compliant.",
+ "Client-only architecture means no code leaves your machine unless you say so. SOC 2 Type II compliant.",
},
]
@@ -108,7 +112,7 @@ export function Features() {
initial="hidden"
whileInView="visible"
viewport={{ once: true }}>
-
-
+
-
{features.map((feature, index) => {
const Icon = feature.icon
return (
@@ -120,6 +124,20 @@ export function Features() {
{feature.description}
+ {feature.logos && ( +
+ {feature.logos.map((logo) => (
+
+ )}
)
})}
diff --git a/apps/web-roo-code/src/components/homepage/install-section.tsx b/apps/web-roo-code/src/components/homepage/install-section.tsx
index 96404b4796..79e2fbe857 100644
--- a/apps/web-roo-code/src/components/homepage/install-section.tsx
+++ b/apps/web-roo-code/src/components/homepage/install-section.tsx
@@ -50,7 +50,8 @@ export function InstallSection({ downloads }: InstallSectionProps) {
Install Roo Code now
- Install from the VSCode Marketplace or the CLI in minutes, then bring your own AI model.
+ Install from the VS Code Marketplace or the CLI in minutes, then bring your own AI
+ model.
Roo Code is also compatible with all VSCode forks.
-
+