fix(nx-dev): update Hero component to use type imports and add contac…

…t sales button

nx-dev/ui-enterprise/src/lib/hero.tsx

@@ -1,6 +1,5 @@
 import { ButtonLink, SectionHeading } from '@nx/nx-dev/ui-common';
-import { ReactElement } from 'react';
-import { ChevronRightIcon } from '@heroicons/react/20/solid';
+import { type ReactElement } from 'react';
 import { sendCustomEvent } from '@nx/nx-dev/feature-analytics';
 
 export function Hero(): ReactElement {
@@ -70,7 +69,7 @@ export function Hero(): ReactElement {
             Accelerate your organization's journey to tighter collaboration,
             better developer experience, and speed…lots of speed.
           </SectionHeading>
-          <div className="mt-8 flex items-center gap-x-6">
+          <div className="mt-8 flex items-center gap-x-3">
             <ButtonLink
               href="/enterprise/trial"
               title="Request a free trial"
@@ -86,6 +85,15 @@ export function Hero(): ReactElement {
             >
               Request a free trial
             </ButtonLink>
+
+            <ButtonLink
+              href="/contact/sales"
+              title="Talk to the team"
+              variant="secondary"
+              size="default"
+            >
+              Contact sales
+            </ButtonLink>
           </div>
         </div>
         <div className="mx-auto mt-16 flex max-w-2xl sm:mt-24 lg:ml-10 lg:mr-0 lg:mt-8 lg:max-w-none lg:flex-none xl:ml-32">