feat(nx-dev): change login button to try nx cloud

Author: juristr

astro-docs/src/components/layout/Header.astro

@@ -179,13 +179,13 @@ const currentVersion = versions.find(v => v.current);
 				Contact
 			</a>
 			<a 
-				href="https://cloud.nx.app?utm_source=nx-dev&utm_medium=header"
+				href="https://cloud.nx.app/get-started?utm_source=nx-dev&utm_medium=header"
 				target="_blank"
 				rel="noopener noreferrer"
 				class="inline-flex items-center justify-center px-2.5 py-1.5 text-sm font-medium rounded-md transition no-underline bg-blue-500 dark:bg-sky-500 text-white hover:bg-blue-600 dark:hover:bg-sky-600 shadow-sm"
-				title="Login to Nx Cloud"
+				title="Try Nx Cloud for free"
 			>
-				Login
+				Try Nx Cloud for free	
 			</a>
 		</div>
 		<!-- Social Icons - Hide on screens smaller than 2xl (1536px) -->

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

@@ -21,6 +21,18 @@ import { sendCustomEvent } from '@nx/nx-dev-feature-analytics';
 export function Enterprise(): ReactElement {
   const router = useRouter();
 
+  const ctaConfig: ButtonLinkProps[] = [
+    {
+      href: '/contact',
+      variant: 'secondary',
+      size: 'small',
+      title: 'Contact Us',
+      children: <span>Contact</span>,
+      onClick: () =>
+        sendCustomEvent('contact-click', 'header-cta', 'page-header'),
+    },
+  ];
+
   const scrollCTAConfig: ButtonLinkProps[] = [
     {
       href: '/enterprise/trial',
@@ -60,7 +72,10 @@ export function Enterprise(): ReactElement {
           type: 'website',
         }}
       />
-      <EnterpriseLayout scrollCTAConfig={scrollCTAConfig}>
+      <EnterpriseLayout
+        headerCTAConfig={ctaConfig}
+        scrollCTAConfig={scrollCTAConfig}
+      >
         <div>
           <Hero />
           <CustomerLogos />

nx-dev/nx-dev/pages/nx-cloud/index.tsx

@@ -17,17 +17,6 @@ import {
 import { ButtonLinkProps } from '@nx/nx-dev-ui-common';
 
 export function NxCloud(): ReactElement {
-  const scrollCTAConfig: ButtonLinkProps[] = [
-    {
-      href: 'https://cloud.nx.app/get-started',
-      variant: 'primary',
-      size: 'small',
-      target: '_blank',
-      title: 'Try Nx Cloud for free',
-      children: 'Try Nx Cloud',
-    },
-  ];
-
   return (
     <>
       <NextSeo
@@ -52,7 +41,7 @@ export function NxCloud(): ReactElement {
         }}
         canonical="https://nx.dev/ai"
       />
-      <DefaultLayout hideBackground={true} scrollCTAConfig={scrollCTAConfig}>
+      <DefaultLayout hideBackground={true}>
         <NxCloudHero />
 
         <div className="">

nx-dev/ui-common/src/lib/headers/documentation-header.tsx

@@ -393,8 +393,8 @@ export function DocumentationHeader({
               Contact
             </ButtonLink>
             <ButtonLink
-              href="https://cloud.nx.app/?utm_source=nx-dev&utm_medium=documentation-header&utm_campaign=try-nx-cloud"
-              title="Login"
+              href="https://cloud.nx.app/get-started?utm_source=nx-dev&utm_medium=documentation-header&utm_campaign=try-nx-cloud"
+              title="Try Nx Cloud for free"
               variant="primary"
               size="small"
               onClick={() =>
@@ -405,7 +405,7 @@ export function DocumentationHeader({
                 )
               }
             >
-              Login
+              Try Nx Cloud for free
             </ButtonLink>
           </nav>
         </div>

nx-dev/ui-common/src/lib/headers/header.tsx

@@ -105,25 +105,25 @@ export function Header({
         sendCustomEvent('contact-click', 'header-cta', 'page-header'),
     },
     {
-      href: 'https://cloud.nx.app?utm_source=nx-dev&utm_medium=header',
+      href: 'https://cloud.nx.app/get-started?utm_source=nx-dev&utm_medium=header',
       variant: 'primary',
       size: 'small',
       target: '_blank',
-      title: 'Login to Nx Cloud',
-      children: 'Login',
+      title: 'Try Nx Cloud for free',
+      children: 'Try Nx Cloud for free',
       onClick: () =>
         sendCustomEvent('login-click', 'header-cta', 'page-header'),
     },
   ];
 
-  const getButtonsToRender = () => {
-    if (ctaButtons && ctaButtons.length > 0) return ctaButtons;
-    if (scrollCtaButtons && scrollCtaButtons.length > 0 && isScrolled)
-      return scrollCtaButtons;
-    return defaultCtaButtons;
-  };
+  // const getButtonsToRender = () => {
+  //   if (ctaButtons && ctaButtons.length > 0) return ctaButtons;
+  //   if (scrollCtaButtons && scrollCtaButtons.length > 0 && isScrolled)
+  //     return scrollCtaButtons;
+  //   return defaultCtaButtons;
+  // };
 
-  const buttonsToRender = getButtonsToRender();
+  // const buttonsToRender = getButtonsToRender();
 
   return (
     <div className="fixed inset-x-0 top-0 isolate z-[5] flex px-4 print:hidden">