Skip to content

web: More website copy tweaks #8326

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 7 commits into from
Sep 26, 2025
Merged

web: More website copy tweaks #8326

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
cb91ebc
Copy tweaks
brunobergher Sep 26, 2025
27b36b3
Adds provider logos to the 'model-agnostic' section
brunobergher Sep 26, 2025
4c97288
User logos in the home page
brunobergher Sep 26, 2025
7b7ebac
Many tweaks
brunobergher Sep 26, 2025
6f75e71
Try adding versions
mrubens Sep 26, 2025
5101044
Revert "Try adding versions"
mrubens Sep 26, 2025
0ebac61
More logos
brunobergher Sep 26, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 6 additions & 6 deletions apps/web-roo-code/src/app/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,12 +28,12 @@ export default async function Home() {
<div className="grid h-full relative gap-8 md:gap-12 lg:grid-cols-2 lg:gap-16">
<div className="flex flex-col px-4 justify-center space-y-6 sm:space-y-8">
<div>
<h1 className="text-3xl font-bold tracking-tight mt-8 sm:text-4xl md:text-5xl lg:text-6xl lg:mt-0">
An entire AI-powered dev team. In your editor and beyond.
<h1 className="text-3xl font-bold tracking-tight mt-8 sm:text-4xl md:text-4xl lg:text-5xl lg:mt-0">
The AI dev team which gets things done.
</h1>
<p className="mt-4 max-w-md text-base text-muted-foreground sm:mt-6 sm:text-lg">
Roo&apos;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&apos;s specialized modes stay on task and ship great code. Open source and works
with any model.
</p>
</div>
<div className="flex flex-col space-y-3 sm:flex-row sm:space-x-4 sm:space-y-0">
Expand All @@ -44,7 +44,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 VSCode Extension
Copy link
Collaborator

@mrubens mrubens Sep 26, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
Install VSCode Extension
Install VS Code Extension

<ArrowRight className="ml-2" />
</a>
</Button>
Expand All @@ -56,7 +56,7 @@ export default async function Home() {
href={EXTERNAL_LINKS.CLOUD_APP_SIGNUP}
target="_blank"
className="flex w-full items-center justify-center">
Get started with Cloud
Try Cloud
<ArrowRight className="ml-2" />
</a>
</Button>
Expand Down
23 changes: 12 additions & 11 deletions apps/web-roo-code/src/components/homepage/features.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
"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"

export interface Feature {
icon: LucideIcon
Expand All @@ -14,7 +14,7 @@ export const features: Feature[] = [
icon: Users2,
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 modes or download from the marketplace.",
},
{
icon: ReplaceAll,
Expand All @@ -24,25 +24,26 @@ export const features: Feature[] = [
{
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",
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.",
},
]

Expand Down Expand Up @@ -108,7 +109,7 @@ export function Features() {
initial="hidden"
whileInView="visible"
viewport={{ once: true }}>
<ul className="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3 lg:gap-8">
<ul className="grid grid-cols-1 place-items-center gap-6 md:grid-cols-2 lg:grid-cols-3 lg:gap-8">
{features.map((feature, index) => {
const Icon = feature.icon
return (
Expand Down
Loading