feat(nx-dev): improve hero section on homepage

Author: juristr

nx-dev/ui-home/src/lib/ci-for-monorepos.tsx

@@ -312,7 +312,7 @@ export const ProjectsCreatedEveryMonth = () => {
             target="_blank"
             rel="nofollow"
           >
-            Connect your Nx repository now!
+            Connect to Nx Cloud now!
           </ButtonLink>
         </div>
       </Card>

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

@@ -75,21 +75,15 @@ export function Hero(): JSX.Element {
             >
               Get started
             </ButtonLink>
-            <Link
+
+            <ButtonLink
               href="ci/intro/ci-with-nx?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_hero_get_started&utm_source=nxdev"
-              target="blank"
-              title="Start with Nx"
-              prefetch={false}
-              className="group font-semibold leading-6 text-slate-950 dark:text-white"
+              title="Get started"
+              variant="contrast"
+              size="default"
             >
-              Connect your Nx repository{' '}
-              <span
-                aria-hidden="true"
-                className="inline-block transition group-hover:translate-x-1"
-              >
-                →
-              </span>
-            </Link>
+              Learn about Nx on CI
+            </ButtonLink>
           </div>
         </div>
       </div>

nx-dev/ui-home/src/lib/statistics.tsx

@@ -3,14 +3,14 @@ import { AnimateValue } from '@nx/nx-dev/ui-animations';
 const statistics = [
   {
     id: 1,
-    name: 'use it every day',
+    name: 'use Nx every day',
     value: 2,
     suffix: ' million',
     associative: 'developers',
   },
   {
     id: 2,
-    name: 'companies use it',
+    name: 'companies use Nx to ship their products',
     value: 50,
     suffix: '%',
     associative: 'of Fortune 500',