Skip to content

Conversation

@roomote
Copy link
Contributor

@roomote roomote bot commented Jan 20, 2026

Related GitHub Issue

This PR implements the Slack integration marketing page as discussed in the team Slack thread. No existing GitHub issue.

Roo Code Task Context (Optional)

This PR was created using Roo Code Cloud agents.

Description

This PR adds a new marketing page at /slack to highlight using Roo Code from Slack. The page positions Slack as a first-class product surface alongside the Extension and Cloud offerings.

Changes:

  • Created new /slack page with comprehensive marketing content
  • Added Slack docs link to EXTERNAL_LINKS constants
  • Updated navigation (both desktop and mobile) to include Slack in the Product dropdown

Page Sections:

  1. Hero Section - "@roomote: Your AI Team in Slack" with CTAs for signup and docs
  2. Value Props Section - 7 key value propositions highlighting capabilities
  3. Featured Workflow - "Thread to Shipped Feature" 4-step workflow demonstration
  4. Onboarding Section - 3-step quick start guide
  5. CTA Section - Final call to action for sign up

Key Implementation Details:

  • Follows existing patterns from /cloud and /extension pages
  • Uses existing components: AnimatedBackground, Button
  • Full SEO metadata with OpenGraph image configuration
  • Responsive design with mobile-first approach
  • Dark mode compatible

Test Procedure

  1. Run pnpm install and pnpm dev in the apps/web-roo-code directory
  2. Navigate to http://localhost:3000/slack
  3. Verify all sections render correctly
  4. Test navigation dropdown (desktop and mobile) includes Slack link
  5. Verify CTAs link to correct destinations
  6. Test responsive layout on mobile/tablet viewports
  7. Verify dark mode appearance

Pre-Submission Checklist

  • Issue Linked: This PR addresses the Slack page request from the team thread
  • Scope: Changes are focused on the Slack marketing page
  • Self-Review: Code has been self-reviewed
  • Testing: ESLint and TypeScript checks pass
  • Documentation Impact: No docs updates required - this is the docs for users
  • Contribution Guidelines: Guidelines reviewed

Screenshots / Videos

Screenshots to be added after visual review.

Documentation Updates

  • No documentation updates are required (this is the marketing page itself)

Additional Notes

The page content is based on the comprehensive marketing brief provided in the Slack thread, including:

  • 7 value propositions derived from documented capabilities
  • Featured "Thread to Shipped Feature" workflow demonstration
  • Onboarding steps from official documentation
  • All content is accurate to the documented features

Get in Touch

Available via Roo Code Cloud for any questions.


Important

Adds a new marketing page for Slack integration with multiple sections and updates navigation to include Slack in the Product dropdown.

  • New Page:
    • Adds /slack page with sections: SlackHeroSection, SlackValuePropsSection, ThreadToFeatureWorkflow, SlackOnboardingSteps, SlackCTASection.
    • Includes SEO metadata and OpenGraph configuration in page.tsx.
  • Components:
    • SlackHeroSection: Hero section with CTAs for signup and docs.
    • SlackValuePropsSection: Highlights 7 key value propositions.
    • ThreadToFeatureWorkflow: Demonstrates a 4-step workflow.
    • SlackOnboardingSteps: 3-step quick start guide.
    • SlackCTASection: Final call to action for sign up.
  • Navigation:
    • Updates nav-bar.tsx to include Slack in the Product dropdown for both desktop and mobile.
  • Constants:
    • Adds SLACK_INTEGRATION_DOCS to EXTERNAL_LINKS in constants.ts.

This description was created by Ellipsis for 7e92759. You can customize this summary. It will automatically update as commits are pushed.

@roomote roomote bot requested review from cte, jr and mrubens as code owners January 20, 2026 19:08
@dosubot dosubot bot added the size:L This PR changes 100-499 lines, ignoring generated files. label Jan 20, 2026
@roomote
Copy link
Contributor Author

roomote bot commented Jan 20, 2026

Rooviewer Clock   See task on Roo Cloud

Review complete. All issues have been resolved.

  • Use EXTERNAL_LINKS.SLACK_INTEGRATION_DOCS constant instead of hardcoding the URL in the Slack page
Previous reviews

Mention @roomote in a comment to request specific changes to this pull request or fix all unresolved issues.

@dosubot dosubot bot added the UI/UX UI/UX related or focused label Jan 20, 2026
Comment on lines 216 to 217
<a
href="https://docs.roocode.com/roo-code-cloud/slack-integration"
Copy link
Contributor Author

Choose a reason for hiding this comment

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

This hardcodes the Slack docs URL, but EXTERNAL_LINKS.SLACK_DOCS was added to constants.ts with the same value. Using the constant improves maintainability if the URL changes.

Suggested change
<a
href="https://docs.roocode.com/roo-code-cloud/slack-integration"
<a
href={EXTERNAL_LINKS.SLACK_DOCS}

Fix it with Roo Code or mention @roomote and request a fix.

@github-actions
Copy link
Contributor

🚀 Preview deployed!

Your changes have been deployed to Vercel:

Preview URL: https://roo-code-website-59xy0l81n-roo-code.vercel.app

This preview will be updated automatically when you push new commits to this PR.

- Create new /slack marketing page with SEO metadata
- Add SlackHeroSection with @roomote branding and dual CTAs
- Add SlackValuePropsSection with 7 key value propositions
- Add ThreadToFeatureWorkflow demonstrating the flagship workflow
- Add SlackOnboardingSteps with 3-step setup guide
- Add SlackCTASection for conversion
- Update navigation to include Slack in Product dropdown (desktop + mobile)
- Add SLACK_INTEGRATION_DOCS constant for documentation link

Page follows existing patterns from /extension and /cloud pages.
@roomote roomote bot force-pushed the feature/slack-marketing-page branch from 1b246f0 to 973cbc2 Compare January 20, 2026 23:48
@dosubot dosubot bot added size:XL This PR changes 500-999 lines, ignoring generated files. and removed size:L This PR changes 100-499 lines, ignoring generated files. labels Jan 20, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XL This PR changes 500-999 lines, ignoring generated files. UI/UX UI/UX related or focused

Projects

Status: Triage

Development

Successfully merging this pull request may close these issues.

2 participants