From 7b1073ebb5c4246fe878581798f29b2268c4c1d0 Mon Sep 17 00:00:00 2001
From: Benjamin Cabanes <3447705+bcabanes@users.noreply.github.com>
Date: Thu, 6 Jun 2024 10:16:25 -0400
Subject: [PATCH] feat(nx-dev): update text on enterprise & contact screens
 (#26416)

Adjusted the Contact Us wording and changed the primary contact link on the website from sales to engineering. The sales link is also presented with a more engaging prompt.
---
 nx-dev/ui-contact/src/lib/how-can-we-help.tsx |  9 ++---
 .../ui-enterprise/src/lib/call-to-action.tsx  | 22 ++++++----
 nx-dev/ui-enterprise/src/lib/hero.tsx         | 40 +++++++------------
 3 files changed, 33 insertions(+), 38 deletions(-)

diff --git a/nx-dev/ui-contact/src/lib/how-can-we-help.tsx b/nx-dev/ui-contact/src/lib/how-can-we-help.tsx
index 6e23480bd9..786173b4c5 100644
--- a/nx-dev/ui-contact/src/lib/how-can-we-help.tsx
+++ b/nx-dev/ui-contact/src/lib/how-can-we-help.tsx
@@ -26,9 +26,8 @@ export function HowCanWeHelp(): JSX.Element {
               </h3>
             </div>
             <p className="mt-4">
-              Contact our sales team to discuss plans, expected usage,
-              certifications, organization constraints, and get the best pricing
-              for your team.
+              Contact our sales team to discuss pricing, terms, certifications,
+              and your unique constraints.
             </p>
             <ButtonLink
               href="/contact/sales"
@@ -51,8 +50,8 @@ export function HowCanWeHelp(): JSX.Element {
               </h3>
             </div>
             <p className="mt-4">
-              Contact our developer productivity engineers team for demos,
-              onboarding assistance, and technical product questions.
+              Contact our developer productivity engineers for demos, onboarding
+              assistance, and technical product questions.
             </p>
             <ButtonLink
               href="/contact/engineering"
diff --git a/nx-dev/ui-enterprise/src/lib/call-to-action.tsx b/nx-dev/ui-enterprise/src/lib/call-to-action.tsx
index ea05bb2e21..d41419ffa0 100644
--- a/nx-dev/ui-enterprise/src/lib/call-to-action.tsx
+++ b/nx-dev/ui-enterprise/src/lib/call-to-action.tsx
@@ -57,19 +57,25 @@ export function CallToAction(): JSX.Element {
           <br />
           starts now
         </h2>
-        <div className="mt-10 flex items-center justify-center gap-x-6">
-          <Link
-            href="/contact/sales"
-            className="rounded-md bg-slate-950 px-3.5 py-2.5 text-sm font-semibold text-slate-100 shadow-sm hover:bg-slate-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white dark:bg-white dark:text-slate-900 dark:hover:bg-slate-100"
-          >
-            Contact sales
-          </Link>
+        <div className="mt-10">
           <Link
             href="/contact/engineering"
+            title="Talk to the engineering team"
             className="rounded-md bg-slate-950 px-3.5 py-2.5 text-sm font-semibold text-slate-100 shadow-sm hover:bg-slate-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white dark:bg-white dark:text-slate-900 dark:hover:bg-slate-100"
           >
-            Contact engineers
+            Talk to engineering
           </Link>
+          <p className="mt-6 italic">
+            Ready to talk terms?{' '}
+            <Link
+              href="/contact/sales"
+              title="Talk to the sales team"
+              className="font-semibold underline"
+            >
+              Speak directly to sales
+            </Link>
+            .
+          </p>
         </div>
       </div>
     </section>
diff --git a/nx-dev/ui-enterprise/src/lib/hero.tsx b/nx-dev/ui-enterprise/src/lib/hero.tsx
index d387d80f19..78b3925dff 100644
--- a/nx-dev/ui-enterprise/src/lib/hero.tsx
+++ b/nx-dev/ui-enterprise/src/lib/hero.tsx
@@ -1,5 +1,6 @@
 import { SectionHeading } from './temp/typography';
 import { ButtonLink } from '@nx/nx-dev/ui-common';
+import Link from 'next/link';
 
 export function Hero(): JSX.Element {
   return (
@@ -17,37 +18,26 @@ export function Hero(): JSX.Element {
             Accelerate your organization's journey to tighter collaboration,
             better developer experience, and speed…lots of speed.
           </SectionHeading>
-          <div className="mt-10 flex items-center justify-center gap-x-6">
-            <ButtonLink
-              href="/contact/sales"
-              title="Contact sales"
-              variant="primary"
-              size="default"
-            >
-              Contact sales
-            </ButtonLink>
+          <div className="mt-10">
             <ButtonLink
               href="/contact/engineering"
-              title="Contact sales"
+              title="Talk to the engineering team"
               variant="primary"
               size="default"
             >
-              Contact engineers
+              Talk to engineering
             </ButtonLink>
-
-            {/*<Link*/}
-            {/*  className="group text-sm font-semibold leading-6 text-slate-950 dark:text-white"*/}
-            {/*  href="/contact/sales"*/}
-            {/*  rel="nofollow"*/}
-            {/*>*/}
-            {/*  Book a demo{' '}*/}
-            {/*  <span*/}
-            {/*    aria-hidden="true"*/}
-            {/*    className="inline-block transition group-hover:translate-x-1"*/}
-            {/*  >*/}
-            {/*    →*/}
-            {/*  </span>*/}
-            {/*</Link>*/}
+            <p className="mt-6 italic">
+              Ready to talk terms?{' '}
+              <Link
+                href="/contact/sales"
+                title="Talk to the sales team"
+                className="font-semibold underline"
+              >
+                Speak directly to sales
+              </Link>
+              .
+            </p>
           </div>
         </div>
       </div>