diff --git a/apps/web-roo-code/src/app/blog/[slug]/page.tsx b/apps/web-roo-code/src/app/blog/[slug]/page.tsx
index 985ee95b2b4..7eb820b957f 100644
--- a/apps/web-roo-code/src/app/blog/[slug]/page.tsx
+++ b/apps/web-roo-code/src/app/blog/[slug]/page.tsx
@@ -27,7 +27,6 @@ import { ogImageUrl } from "@/lib/og"
import { BlogPostAnalytics } from "@/components/blog/BlogAnalytics"
import { BlogContent } from "@/components/blog/BlogContent"
import { BlogFAQ, type FAQItem } from "@/components/blog/BlogFAQ"
-import { BlogPostCTA } from "@/components/blog/BlogPostCTA"
// Force dynamic rendering for request-time publish gating
export const dynamic = "force-dynamic"
@@ -291,10 +290,6 @@ export default async function BlogPostPage({ params }: Props) {
{/* FAQ Section rendered as accordion */}
{hasFAQ && }
-
- {/* Product CTA Module - Inspired by Vercel's blog design
- Default variant prioritizes Roo Code Cloud sign-up */}
-
{/* Previous/Next Post Navigation */}
diff --git a/apps/web-roo-code/src/app/blog/page.tsx b/apps/web-roo-code/src/app/blog/page.tsx
index f3e6bd8d62f..3c62a18da57 100644
--- a/apps/web-roo-code/src/app/blog/page.tsx
+++ b/apps/web-roo-code/src/app/blog/page.tsx
@@ -18,7 +18,7 @@ import { ogImageUrl } from "@/lib/og"
import { BlogIndexAnalytics } from "@/components/blog/BlogAnalytics"
import { BlogPostList } from "@/components/blog/BlogPostList"
import { BlogPagination } from "@/components/blog/BlogPagination"
-import { BlogPostCTA } from "@/components/blog/BlogPostCTA"
+
import { BlogViewToggle } from "@/components/blog/BlogViewToggle"
// Force dynamic rendering for request-time publish gating
@@ -171,9 +171,6 @@ export default async function BlogIndexPage({ searchParams }: Props) {
{showPagination && (
)}
-
- {/* Cloud CTA - shown after posts */}
-
>
diff --git a/apps/web-roo-code/src/app/blog/page/[page]/page.tsx b/apps/web-roo-code/src/app/blog/page/[page]/page.tsx
index 32f07f7690c..facd3c1aa07 100644
--- a/apps/web-roo-code/src/app/blog/page/[page]/page.tsx
+++ b/apps/web-roo-code/src/app/blog/page/[page]/page.tsx
@@ -15,7 +15,6 @@ import { ogImageUrl } from "@/lib/og"
import { BlogIndexAnalytics } from "@/components/blog/BlogAnalytics"
import { BlogPostList } from "@/components/blog/BlogPostList"
import { BlogPagination } from "@/components/blog/BlogPagination"
-import { BlogPostCTA } from "@/components/blog/BlogPostCTA"
// Force dynamic rendering for request-time publish gating
export const dynamic = "force-dynamic"
@@ -164,9 +163,6 @@ export default async function BlogPaginatedPage({ params }: PageProps) {
-
- {/* Cloud CTA - shown after pagination */}
-
>
diff --git a/apps/web-roo-code/src/components/blog/BlogPostCTA.tsx b/apps/web-roo-code/src/components/blog/BlogPostCTA.tsx
deleted file mode 100644
index 17f944f75a5..00000000000
--- a/apps/web-roo-code/src/components/blog/BlogPostCTA.tsx
+++ /dev/null
@@ -1,225 +0,0 @@
-/**
- * Blog Post CTA Component
- * Inspired by Vercel's blog design - contextual call-to-action modules
- *
- * Provides end-of-article product CTAs to help convert readers into users.
- */
-
-import Link from "next/link"
-import { ArrowRight, Sparkles, Code2, GitPullRequest } from "lucide-react"
-import { Button } from "@/components/ui/button"
-import { EXTERNAL_LINKS } from "@/lib/constants"
-
-interface CTALink {
- label: string
- href: string
- description?: string
- external?: boolean
-}
-
-interface BlogPostCTAProps {
- /** The main headline for the CTA module */
- headline?: string
- /** Description text below the headline */
- description?: string
- /** Primary CTA button text */
- primaryButtonText?: string
- /** Primary CTA button link */
- primaryButtonHref?: string
- /** Secondary CTA button text */
- secondaryButtonText?: string
- /** Secondary CTA button link */
- secondaryButtonHref?: string
- /** Optional list of related links to show */
- links?: CTALink[]
- /** Variant style for the CTA */
- variant?: "default" | "extension" | "cloud" | "enterprise"
-}
-
-const variantConfig = {
- // Default prioritizes Cloud sign-up with workflow-truth messaging
- default: {
- headline: "Stop being the human glue between PRs",
- description:
- "Cloud Agents review code, catch issues, and suggest fixes before you open the diff. You review the results, not the process.",
- primaryText: "Try Cloud Free",
- primaryHref: EXTERNAL_LINKS.CLOUD_APP_SIGNUP_HOME,
- secondaryText: "See How It Works",
- secondaryHref: "/cloud",
- icon: Sparkles,
- },
- extension: {
- headline: "Stop copy-pasting between terminal and chat",
- description:
- "The agent runs commands, sees the output, and iterates until the tests pass. You review the diff and approve.",
- primaryText: "Install for VS Code",
- primaryHref: EXTERNAL_LINKS.MARKETPLACE,
- secondaryText: "View Docs",
- secondaryHref: EXTERNAL_LINKS.DOCUMENTATION,
- icon: Code2,
- },
- cloud: {
- headline: "Let Cloud Agents handle the review queue",
- description:
- "PR Reviewer checks out your branch, runs your linters, and leaves inline suggestions. You decide what to merge.",
- primaryText: "Start Free",
- primaryHref: EXTERNAL_LINKS.CLOUD_APP_SIGNUP_HOME,
- secondaryText: "View Pricing",
- secondaryHref: "/pricing",
- icon: Sparkles,
- },
- enterprise: {
- headline: "Thinking about security, compliance, or adoption?",
- description:
- "We're explicit about data handling, control boundaries, and what runs where. Talk to us about your constraints.",
- primaryText: "Talk to Sales",
- primaryHref: "/enterprise",
- secondaryText: "View Trust Center",
- secondaryHref: EXTERNAL_LINKS.SECURITY,
- icon: GitPullRequest,
- },
-}
-
-/**
- * A contextual CTA module for blog posts
- * Inspired by Vercel's "Get started" modules at the end of blog posts
- */
-export function BlogPostCTA({
- headline,
- description,
- primaryButtonText,
- primaryButtonHref,
- secondaryButtonText,
- secondaryButtonHref,
- links,
- variant = "default",
-}: BlogPostCTAProps) {
- const config = variantConfig[variant]
- const Icon = config.icon
-
- const finalHeadline = headline ?? config.headline
- const finalDescription = description ?? config.description
- const finalPrimaryText = primaryButtonText ?? config.primaryText
- const finalPrimaryHref = primaryButtonHref ?? config.primaryHref
- const finalSecondaryText = secondaryButtonText ?? config.secondaryText
- const finalSecondaryHref = secondaryButtonHref ?? config.secondaryHref
-
- const isExternalPrimary = finalPrimaryHref.startsWith("http")
- const isExternalSecondary = finalSecondaryHref.startsWith("http")
-
- return (
-
-
- {/* Icon */}
-
-
-
-
- {/* Content */}
-
-
{finalHeadline}
-
{finalDescription}
-
- {/* Links list (optional, Vercel-style numbered list) */}
- {links && links.length > 0 && (
-
- {links.map((link, index) => (
-
-
- {index + 1}
-
-
- {link.external ? (
-
- {link.label}
-
- ) : (
-
- {link.label}
-
- )}
- {link.description && (
-
— {link.description}
- )}
-
-
- ))}
-
- )}
-
- {/* Action buttons */}
-
-
-
-
- )
-}
-
-/**
- * Get Started links component (Vercel-style numbered list)
- * Can be used standalone or within BlogPostCTA
- */
-export function GetStartedLinks({ links }: { links: CTALink[] }) {
- return (
-
-
Get started
-
- {links.map((link, index) => (
-
-
- {index + 1}
-
-
- {link.external ? (
-
- {link.label}
-
- ) : (
-
- {link.label}
-
- )}
- {link.description &&
— {link.description} }
-
-
- ))}
-
-
- )
-}
diff --git a/apps/web-roo-code/src/content/blog/sunsetting-roo-code-extension-cloud-and-router.md b/apps/web-roo-code/src/content/blog/sunsetting-roo-code-extension-cloud-and-router.md
new file mode 100644
index 00000000000..080ced4aa7f
--- /dev/null
+++ b/apps/web-roo-code/src/content/blog/sunsetting-roo-code-extension-cloud-and-router.md
@@ -0,0 +1,31 @@
+---
+title: "Sunsetting Roo Code (Extension, Cloud, and Router)"
+slug: sunsetting-roo-code-extension-cloud-and-router
+description: "We're sunsetting the Roo Code VS Code Extension, Roo Code Cloud, and Roo Code Router on May 15th. Here's what that means for you and where to go next."
+tags:
+ - announcements
+ - roo-code
+ - sunsetting
+status: published
+publish_date: "2026-04-20"
+publish_time_pt: "12:00pm"
+featured: true
+---
+
+As you may have heard, we're sunsetting the Roo Code suite of tools on May 15th. This includes the Roo Code VS Code Extension, Roo Code Cloud, and Roo Code Router.
+
+To our community: thank you. Your trust, contributions, and feedback helped us drive innovation in this space and pushed us past 3m extension downloads. We don't take that lightly.
+
+That said, we don't believe IDEs are the future of coding. To keep pushing the future forward, we needed to make this difficult decision. You can read more about the reasoning behind it [here](https://x.com/mattrubens/status/2046636598859559114).
+
+## What this means for you
+
+- We'll continue to support all existing Roo Code products through May 15th.
+- On May 15th, we'll shut down Roo Code Cloud and Roo Code Router, refund any unused balances, and archive the Roo Code Extension repo.
+- For billing questions after that, you can reach out to [billing@roocode.com](mailto:billing@roocode.com).
+
+## Looking for an alternative?
+
+If you want a model-agnostic open-source extension, we recommend [Cline](https://cline.bot/). They've incorporated much of what we built and are excited to welcome Roo Code users.
+
+If you're a fan of our cloud agents or curious about what we're building next, check out our new home at [roomote.dev](https://roomote.dev/).