Roo-Code/apps/web-roo-code/src/app/cli-preview/page.tsx
Roo Code 44f9b0366b feat: add CLI preview landing page with HubSpot form integration
- Create /cli-preview route with noindex robots meta
- Add HubSpotForm component with placeholder state for unconfigured forms
- Implement UTM attribution parsing and hidden field mapping
- Add PostHog analytics events for funnel tracking
- Include post-submit success state with Cloud CTA links
- Support environment variables:
  - NEXT_PUBLIC_HUBSPOT_PORTAL_ID
  - NEXT_PUBLIC_HUBSPOT_FORM_ID_CLI_PREVIEW
2026-01-07 22:34:16 +00:00

49 lines
1.1 KiB
TypeScript

import type { Metadata } from "next"
import { SEO } from "@/lib/seo"
import { ogImageUrl } from "@/lib/og"
import { CliPreviewContent } from "./cli-preview-content"
const TITLE = "CLI Early Preview"
const DESCRIPTION =
"If you like Roo Code in VS Code, you will love scripting it. Join the early preview to help shape a CLI designed for power users, automation, and teams."
const OG_DESCRIPTION = "Early preview of the Roo Code CLI"
const PATH = "/cli-preview"
export const metadata: Metadata = {
title: TITLE,
description: DESCRIPTION,
robots: {
index: false,
follow: false,
},
alternates: {
canonical: `${SEO.url}${PATH}`,
},
openGraph: {
title: TITLE,
description: DESCRIPTION,
url: `${SEO.url}${PATH}`,
siteName: SEO.name,
images: [
{
url: ogImageUrl(TITLE, OG_DESCRIPTION),
width: 1200,
height: 630,
alt: TITLE,
},
],
locale: SEO.locale,
type: "website",
},
twitter: {
card: SEO.twitterCard,
title: TITLE,
description: DESCRIPTION,
images: [ogImageUrl(TITLE, OG_DESCRIPTION)],
},
}
export default function CliPreviewPage() {
return <CliPreviewContent />
}