diff --git a/apps/web-roo-code/src/app/slack/slack-cta-section.tsx b/apps/web-roo-code/src/app/slack/slack-cta-section.tsx index 617c71f2bf..e782bb092a 100644 --- a/apps/web-roo-code/src/app/slack/slack-cta-section.tsx +++ b/apps/web-roo-code/src/app/slack/slack-cta-section.tsx @@ -9,10 +9,10 @@ export function SlackCTASection() {

- Bring your AI team into Slack + Start using Roo Code in Slack

- Start collaborating with agents where your team already works. Free to try. + Start with a free 14-day Team Plan trial.

-
    +
      {onboardingSteps.map((step) => { const Icon = step.icon return ( @@ -64,6 +80,18 @@ export function SlackOnboardingSteps() {

      {step.title}

      {step.description} + {step.link && ( + <> + {" "} + + {step.link.text} + + + )}
      ) diff --git a/apps/web-roo-code/src/app/slack/slack-value-props-section.tsx b/apps/web-roo-code/src/app/slack/slack-value-props-section.tsx index 3e9dbaf1bd..ea2849b2da 100644 --- a/apps/web-roo-code/src/app/slack/slack-value-props-section.tsx +++ b/apps/web-roo-code/src/app/slack/slack-value-props-section.tsx @@ -1,4 +1,4 @@ -import { MessageSquare, Brain, GitBranch, Users, GraduationCap, Share2, Shield, LucideIcon } from "lucide-react" +import { MessageSquare, Brain, GitBranch, Users, GraduationCap, Shield, LucideIcon } from "lucide-react" interface ValueProp { icon: LucideIcon @@ -9,43 +9,37 @@ interface ValueProp { const valueProps: ValueProp[] = [ { icon: MessageSquare, - title: "From discussion to shipped feature", + title: "Discussion to feature.", description: "Your team discusses a feature in Slack. @Roomote turns the discussion into a plan. Then builds it. All without leaving the conversation.", }, { icon: Brain, - title: "The agent knows the thread", + title: "Full thread context.", description: "@Roomote reads the conversation before responding. Ask 'why is this happening?' after a team discussion and it understands.", }, { icon: GitBranch, - title: "Chain agents for complex work", + title: "Chain agents together.", description: "Start with a Planner to spec it out. Then call the Coder to build it. Multi-step workflows, one Slack thread.", }, { icon: Users, - title: "Non-technical team members can investigate", + title: "Anyone can contribute.", description: - "PMs, CSMs, and support can ask @Roomote to explain code or investigate issues. Engineering gets pulled in only when truly needed.", + "PMs, CSMs, and Sales can ask @Roomote to explain code, prototype features, or build internal tools. No engineering bottleneck.", }, { icon: GraduationCap, - title: "Team learning, built in", + title: "Team learning, built in.", description: "Public channel mentions show everyone how to leverage agents. Learn by watching.", }, - { - icon: Share2, - title: "One platform, multiple surfaces", - description: - "The same agents that work in your IDE and review your PRs are available in Slack. Different surfaces, same quality.", - }, { icon: Shield, - title: "Safe by design", - description: "Agents never touch main/master directly. They produce branches and PRs. Humans approve.", + title: "Safe by design.", + description: "Agents never touch main/master directly. They produce branches and PRs. You approve.", }, ] @@ -61,7 +55,7 @@ export function SlackValuePropsSection() { Why teams love working with @Roomote

      - Collaboration where it already happens, with AI that understands context. + AI agents that understand context, chain together for complex work, and keep you in control.

diff --git a/apps/web-roo-code/src/app/slack/thread-to-feature-workflow.tsx b/apps/web-roo-code/src/app/slack/thread-to-feature-workflow.tsx index dee11b660e..c38d3af22b 100644 --- a/apps/web-roo-code/src/app/slack/thread-to-feature-workflow.tsx +++ b/apps/web-roo-code/src/app/slack/thread-to-feature-workflow.tsx @@ -108,7 +108,7 @@ const workflowSteps: WorkflowStep[] = [ step: 4, title: "Review and ship", description: "Review the PR and merge when ready", - result: "Human oversight at every step. Agents produce artifacts; humans decide what ships.", + result: "You stay in control. Agents produce artifacts; you decide what ships.", messages: [ { user: "Roomote", @@ -140,7 +140,8 @@ function SlackMessageComponent({ message }: { message: SlackMessage }) {
- + {message.user} {message.role} @@ -227,7 +228,7 @@ export function ThreadToFeatureWorkflow() {

No context switch required. Everyone sees the - workflow in public channels. Multi-agent handoffs from Planner to Coder. Human oversight at + workflow in public channels. Multi-agent handoffs from Planner to Coder. You stay in control at every step.

diff --git a/apps/web-roo-code/src/lib/constants.ts b/apps/web-roo-code/src/lib/constants.ts index 2cf71a3633..55c6ce24d5 100644 --- a/apps/web-roo-code/src/lib/constants.ts +++ b/apps/web-roo-code/src/lib/constants.ts @@ -28,6 +28,7 @@ export const EXTERNAL_LINKS = { CLOUD_APP_SIGNUP: "https://app.roocode.com/sign-up", CLOUD_APP_SIGNUP_HOME: "https://app.roocode.com/sign-up?redirect_url=/cloud-agents/setup", CLOUD_APP_SIGNUP_PRO: "https://app.roocode.com/sign-up?redirect_url=/cloud-agents/setup", + CLOUD_APP_TEAM_TRIAL: "https://app.roocode.com/checkout/team", SUPPORT: "mailto:support@roocode.com", SLACK_INTEGRATION_DOCS: "https://docs.roocode.com/roo-code-cloud/slack-integration", }