From ddd9ee36ba10e47e4fa5601ab2147685a1271c19 Mon Sep 17 00:00:00 2001 From: Nicholas Cunningham Date: Fri, 10 Jan 2025 10:15:36 -0700 Subject: [PATCH] feat(nx-dev): add trial pages for Powerpack and Enterprise, update contact sales team page (#29554) --- nx-dev/nx-dev/app/powerpack/page.tsx | 6 +- .../lib/components/headerCtaConfigs.tsx | 2 +- nx-dev/nx-dev/pages/contact/sales.tsx | 15 +- .../{enterprise.tsx => enterprise/index.tsx} | 2 +- nx-dev/nx-dev/pages/enterprise/trial.tsx | 44 +++++ nx-dev/nx-dev/pages/powerpack/trial.tsx | 45 +++++ nx-dev/nx-dev/pages/whitepaper-fast-ci.tsx | 159 ++++++++++++++++++ .../assets/enterprise/Fast-CI-Whitepaper.pdf | Bin 0 -> 6298579 bytes .../assets/enterprise/Nx-Enterprise-POV.pdf | Bin 0 -> 1209731 bytes .../amir-toole-caseware-headshot.avif | Bin 0 -> 34544 bytes nx-dev/ui-common/src/index.ts | 1 + .../src/lib/hubspot-form.tsx | 1 + nx-dev/ui-contact/src/index.ts | 2 +- .../src/lib/talk-to-our-engineering-team.tsx | 11 +- ...ur-sales-team.tsx => talk-to-our-team.tsx} | 44 ++--- nx-dev/ui-enterprise/src/index.ts | 1 + .../ui-enterprise/src/lib/call-to-action.tsx | 2 +- nx-dev/ui-enterprise/src/lib/hero.tsx | 16 +- .../src/lib/trial-nx-enterprise.tsx | 110 ++++++++++++ nx-dev/ui-powerpack/src/index.ts | 1 + nx-dev/ui-powerpack/src/lib/hero.tsx | 2 +- .../src/lib/trial-nx-powerpack.tsx | 112 ++++++++++++ 22 files changed, 531 insertions(+), 45 deletions(-) rename nx-dev/nx-dev/pages/{enterprise.tsx => enterprise/index.tsx} (96%) create mode 100644 nx-dev/nx-dev/pages/enterprise/trial.tsx create mode 100644 nx-dev/nx-dev/pages/powerpack/trial.tsx create mode 100644 nx-dev/nx-dev/pages/whitepaper-fast-ci.tsx create mode 100644 nx-dev/nx-dev/public/assets/enterprise/Fast-CI-Whitepaper.pdf create mode 100644 nx-dev/nx-dev/public/assets/enterprise/Nx-Enterprise-POV.pdf create mode 100644 nx-dev/nx-dev/public/images/customers/enterprise/amir-toole-caseware-headshot.avif rename nx-dev/{ui-contact => ui-common}/src/lib/hubspot-form.tsx (99%) rename nx-dev/ui-contact/src/lib/{talk-to-our-sales-team.tsx => talk-to-our-team.tsx} (76%) create mode 100644 nx-dev/ui-enterprise/src/lib/trial-nx-enterprise.tsx create mode 100644 nx-dev/ui-powerpack/src/lib/trial-nx-powerpack.tsx diff --git a/nx-dev/nx-dev/app/powerpack/page.tsx b/nx-dev/nx-dev/app/powerpack/page.tsx index d3f157355ede9..1b03b6cfe51ec 100644 --- a/nx-dev/nx-dev/app/powerpack/page.tsx +++ b/nx-dev/nx-dev/app/powerpack/page.tsx @@ -5,9 +5,9 @@ import { Hero, PowerpackFeatures, } from '@nx/nx-dev/ui-powerpack'; -import { contactButton } from '../../lib/components/headerCtaConfigs'; import type { Metadata } from 'next'; +import { type ReactElement } from 'react'; export const metadata: Metadata = { title: 'Nx Powerpack', @@ -32,10 +32,10 @@ export const metadata: Metadata = { }, }; -export default function NxPowerPackPage(): JSX.Element { +export default function NxPowerPackPage(): ReactElement { const headerCTAConfig: ButtonLinkProps[] = [ { - href: 'https://cloud.nx.app/powerpack/purchase?licenseBusinessType=small&utm_source=nx.dev&utm_medium=referral&utm_campaign=nx-powerpackurl', + href: '/powerpack/trial', variant: 'primary', size: 'small', title: 'Request a free trial', diff --git a/nx-dev/nx-dev/lib/components/headerCtaConfigs.tsx b/nx-dev/nx-dev/lib/components/headerCtaConfigs.tsx index 1d773b90efffc..bf4cc26c89c6f 100644 --- a/nx-dev/nx-dev/lib/components/headerCtaConfigs.tsx +++ b/nx-dev/nx-dev/lib/components/headerCtaConfigs.tsx @@ -2,7 +2,7 @@ import { ButtonLinkProps } from '@nx/nx-dev/ui-common'; import { NxCloudAnimatedIcon } from '@nx/nx-dev/ui-icons'; export const requestFreeTrial: ButtonLinkProps = { - href: '/contact/sales', + href: '/enterprise/trial', variant: 'primary', size: 'small', title: 'Request a free trial', diff --git a/nx-dev/nx-dev/pages/contact/sales.tsx b/nx-dev/nx-dev/pages/contact/sales.tsx index 4b84ea74b5c2d..1636bd89e2479 100644 --- a/nx-dev/nx-dev/pages/contact/sales.tsx +++ b/nx-dev/nx-dev/pages/contact/sales.tsx @@ -1,21 +1,22 @@ import { useRouter } from 'next/router'; import { NextSeo } from 'next-seo'; import { Footer, Header } from '@nx/nx-dev/ui-common'; -import { TalkToOurSalesTeam } from '@nx/nx-dev/ui-contact'; +import { TalkToOurTeam } from '@nx/nx-dev/ui-contact'; +import { type ReactElement } from 'react'; -export function ContactSales(): JSX.Element { +export function ContactSales(): ReactElement { const router = useRouter(); return ( <>
- +