feat(nx-dev): add trial pages for Powerpack and Enterprise, update contact sales team page

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',

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',

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 (
     <>
       <NextSeo
-        title="Talk to our Sales team"
-        description="We’re here to help you find the right plan and pricing for your needs and discuss how Nx Cloud Enterprise can drive better business outcomes for your organization."
+        title="Contact Nx Sales – Discover the Best Solution for Your Team"
+        description="Get in touch with Nx experts to learn how we can optimize your development workflow. Whether you're scaling up or seeking enhanced CI performance, our team is here to help."
         openGraph={{
           url: 'https://nx.dev' + router.asPath,
-          title: 'Talk to our Sales team',
+          title: 'Contact Nx Sales – Discover the Best Solution for Your Team',
           description:
-            'We’re here to help you find the right plan and pricing for your needs and discuss how Nx Cloud Enterprise can drive better business outcomes for your organization.',
+            "Get in touch with Nx experts to learn how we can optimize your development workflow. Whether you're scaling up or seeking enhanced CI performance, our team is here to help.",
           images: [
             {
               url: 'https://nx.dev/socials/nx-media.png',
@@ -32,7 +33,7 @@ export function ContactSales(): JSX.Element {
       <Header />
       <main id="main" role="main" className="py-24 lg:py-32">
         <div>
-          <TalkToOurSalesTeam />
+          <TalkToOurTeam />
         </div>
       </main>
       <Footer />

nx-dev/nx-dev/pages/enterprise.tsx → nx-dev/nx-dev/pages/enterprise/index.tsx

@@ -14,7 +14,7 @@ import {
   TestimonialCarousel,
   VmwareTestimonial,
 } from '@nx/nx-dev/ui-enterprise';
-import { requestFreeTrial } from '../lib/components/headerCtaConfigs';
+import { requestFreeTrial } from '../../lib/components/headerCtaConfigs';
 import { ReactElement } from 'react';
 
 export function Enterprise(): ReactElement {

nx-dev/nx-dev/pages/enterprise/trial.tsx

@@ -0,0 +1,44 @@
+import { useRouter } from 'next/router';
+import { NextSeo } from 'next-seo';
+import { Footer, Header } from '@nx/nx-dev/ui-common';
+import { TrialNxEnterprise } from '@nx/nx-dev/ui-enterprise';
+import { type ReactElement } from 'react';
+
+export function EnterpriseTrial(): ReactElement {
+  const router = useRouter();
+
+  return (
+    <>
+      <NextSeo
+        title="Try Nx Enterprise - Scalable CI Solutions for Your Team"
+        description="Request a free Nx Enterprise trial to experience advanced CI features and premium support, designed to help your team ship faster and more reliably."
+        openGraph={{
+          url: 'https://nx.dev' + router.asPath,
+          title: 'Try Nx Enterprise - Scalable CI Solutions for Your Team',
+          description:
+            'Request a free Nx Enterprise trial to experience advanced CI features and premium support, designed to help your team ship faster and more reliably.',
+          images: [
+            {
+              url: 'https://nx.dev/socials/nx-media.png',
+              width: 800,
+              height: 421,
+              alt: 'Nx: Smart Monorepos · Fast CI',
+              type: 'image/jpeg',
+            },
+          ],
+          siteName: 'Nx',
+          type: 'website',
+        }}
+      />
+      <Header />
+      <main id="main" role="main" className="py-24 lg:py-32">
+        <div>
+          <TrialNxEnterprise />
+        </div>
+      </main>
+      <Footer />
+    </>
+  );
+}
+
+export default EnterpriseTrial;

nx-dev/nx-dev/pages/powerpack/trial.tsx

@@ -0,0 +1,45 @@
+import { useRouter } from 'next/router';
+import { NextSeo } from 'next-seo';
+import { Footer, Header } from '@nx/nx-dev/ui-common';
+import { TrialNxPowerpack } from '@nx/nx-dev/ui-powerpack';
+import { type ReactElement } from 'react';
+
+export function PowerpackTrial(): ReactElement {
+  const router = useRouter();
+
+  return (
+    <>
+      <NextSeo
+        title="Start Your Nx Powerpack Trial - Speed and Scale for Monorepos"
+        description="Unlock self-hosted cache storage, enforce workspace conformance, and manage codeowners for your monorepos. Start your free Nx Powerpack trial today!"
+        openGraph={{
+          url: 'https://nx.dev' + router.asPath,
+          title:
+            'Start Your Nx Powerpack Trial - Speed and Scale for Monorepos',
+          description:
+            'Unlock self-hosted cache storage, enforce workspace conformance, and manage codeowners for your monorepos. Start your free Nx Powerpack trial today!',
+          images: [
+            {
+              url: 'https://nx.dev/socials/nx-media.png',
+              width: 800,
+              height: 421,
+              alt: 'Nx: Smart Monorepos · Fast CI',
+              type: 'image/jpeg',
+            },
+          ],
+          siteName: 'Nx',
+          type: 'website',
+        }}
+      />
+      <Header />
+      <main id="main" role="main" className="py-24 lg:py-32">
+        <div>
+          <TrialNxPowerpack />
+        </div>
+      </main>
+      <Footer />
+    </>
+  );
+}
+
+export default PowerpackTrial;