Bias Sitelinks to Extension/Cloud/Docs/Pricing #8712
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,102 @@ | ||
| import { ArrowRight } from "lucide-react" | ||
| import type { Metadata } from "next" | ||
| import Link from "next/link" | ||
|
|
||
| import { Button } from "@/components/ui" | ||
| import { AnimatedBackground } from "@/components/homepage" | ||
| import { SEO } from "@/lib/seo" | ||
| import { EXTERNAL_LINKS } from "@/lib/constants" | ||
|
|
||
| const TITLE = "Roo Code Extension" | ||
| const DESCRIPTION = "Open-source VS Code extension that turns your editor into an AI dev team. Works with any model." | ||
| const PATH = "/extension" | ||
| const OG_IMAGE = SEO.ogImage | ||
|
|
||
| export const metadata: Metadata = { | ||
| title: TITLE, | ||
| description: DESCRIPTION, | ||
| alternates: { canonical: `${SEO.url}${PATH}` }, | ||
| openGraph: { | ||
| title: TITLE, | ||
| description: DESCRIPTION, | ||
| url: `${SEO.url}${PATH}`, | ||
| siteName: SEO.name, | ||
| images: [{ url: OG_IMAGE.url, width: OG_IMAGE.width, height: OG_IMAGE.height, alt: OG_IMAGE.alt }], | ||
| locale: SEO.locale, | ||
| type: "website", | ||
| }, | ||
| twitter: { | ||
| card: SEO.twitterCard, | ||
| title: TITLE, | ||
| description: DESCRIPTION, | ||
| images: [OG_IMAGE.url], | ||
| }, | ||
| keywords: [...SEO.keywords, "VS Code extension", "Roo Code extension"], | ||
| } | ||
|
|
||
| export default function ExtensionPage() { | ||
| const breadcrumbLd = { | ||
| "@context": "https://schema.org", | ||
| "@type": "BreadcrumbList", | ||
| itemListElement: [ | ||
| { "@type": "ListItem", position: 1, name: "Home", item: SEO.url }, | ||
| { "@type": "ListItem", position: 2, name: "Extension", item: `${SEO.url}${PATH}` }, | ||
| ], | ||
| } | ||
|
|
||
| return ( | ||
| <> | ||
| <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(breadcrumbLd) }} /> | ||
| <section className="relative flex md:h-[calc(80vh-theme(spacing.12))] items-center overflow-hidden"> | ||
| <AnimatedBackground /> | ||
| <div className="container relative flex items-center h-full z-10 mx-auto px-4 sm:px-6 lg:px-8"> | ||
| <div className="grid h-full relative gap-8 lg:grid-cols-2"> | ||
| <div className="flex flex-col px-4 justify-center space-y-6 sm:space-y-8"> | ||
| <div> | ||
| <h1 className="text-4xl font-bold tracking-tight mt-8 text-center md:text-left md:text-4xl lg:text-5xl lg:mt-0"> | ||
| Roo Code Extension | ||
| </h1> | ||
| <p className="mt-4 max-w-md text-lg text-muted-foreground text-center md:text-left sm:mt-6"> | ||
| Open-source AI coding agent that lives in VS Code. Multi-step, project‑wide context, | ||
| 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"> | ||
| <Button | ||
| size="lg" | ||
| className="w-full hover:bg-gray-200 dark:bg-white dark:text-black sm:w-auto"> | ||
| <a | ||
| href={EXTERNAL_LINKS.MARKETPLACE} | ||
| target="_blank" | ||
| rel="noreferrer" | ||
|
There was a problem hiding this comment. When using target="_blank", also include rel="noopener" to prevent the new page from gaining access to window.opener. Update to rel="noopener noreferrer". |
||
| className="flex w-full items-center justify-center"> | ||
| Install VS Code Extension | ||
| <ArrowRight className="ml-2" /> | ||
| </a> | ||
|
Comment on lines
+68
to
+75
There was a problem hiding this comment. These external links should use |
||
| </Button> | ||
| <Button | ||
| variant="outline" | ||
| size="lg" | ||
| className="w-full sm:w-auto bg-white/20 dark:bg-white/10 backdrop-blur-sm border border-black/40 dark:border-white/30 hover:border-blue-400 hover:bg-white/30 dark:hover:bg-white/20 hover:shadow-[0_0_20px_rgba(59,130,246,0.5)] transition-all duration-300"> | ||
| <a | ||
| href={EXTERNAL_LINKS.DOCUMENTATION} | ||
| target="_blank" | ||
| rel="noreferrer" | ||
|
There was a problem hiding this comment. Add rel="noopener" alongside noreferrer for external links opened with target="_blank" to mitigate reverse tabnabbing (use rel="noopener noreferrer"). |
||
| className="flex w-full items-center justify-center"> | ||
| Docs | ||
| <ArrowRight className="ml-2" /> | ||
| </a> | ||
| </Button> | ||
|
Comment on lines
+65
to
+89
There was a problem hiding this comment. Avoid nesting interactive elements ( inside a button). This is invalid HTML and problematic for screen readers/keyboard nav. Prefer rendering the anchor as the button via an asChild prop or wrapping the Button around a Link/anchor that renders as the clickable element (e.g., <a ... />), or make the outer element the anchor styled like a button. |
||
| </div> | ||
| <div className="text-sm text-muted-foreground text-center md:text-left"> | ||
| <Link href="/pricing" className="underline underline-offset-4 hover:text-foreground"> | ||
| Pricing | ||
| </Link> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| </> | ||
| ) | ||
| } | ||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
[nitpick] Since /extension is now a file-system route, it will be auto-discovered by next-sitemap. Keeping it in additionalPaths can create duplicate entries in the sitemap; consider removing this block and relying on transform() to set its priority.