feat(nx-dev): add homepage updates (#20592)

Co-authored-by: Juri <juri.strumpflohner@gmail.com>

README.md

@@ -1,7 +1,7 @@
 <p style="text-align: center;">
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-dark.svg">
-    <img alt="Nx - Smart, Fast and Extensible Build System" src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-light.svg" width="100%">
+    <img alt="Nx - Smart Monorepos · Fast CI" src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-light.svg" width="100%">
   </picture>
 </p>
 
@@ -19,9 +19,9 @@
 
 <hr>
 
-# Smart, Fast and Extensible Build System
+# Smart Monorepos · Fast CI
 
-Nx is a next generation build system with first class monorepo support and powerful integrations.
+Nx is a build system with built-in tooling and advanced CI capabilities. It helps you maintain and scale monorepos, both locally and on CI.
 
 A few links to help you get started:
 
@@ -32,7 +32,7 @@ A few links to help you get started:
 - [Blog Posts About Nx](https://blog.nrwl.io/nx/home)
 
 <p style="text-align: center;"><a href="https://nx.dev/#learning-materials" target="_blank" rel="noreferrer"><img src="./images/nx-courses-and-videos.svg" 
-width="100%" alt="Nx - Smart, Fast and Extensible Build System"></a></p>
+width="100%" alt="Nx - Smart Monorepos · Fast CI"></a></p>
 
 # Engage with the Core Team and the Community
 

docs/generated/manifests/nx-api.json

@@ -421,7 +421,7 @@
     "githubRoot": "https://github.com/nrwl/nx/blob/master",
     "name": "create-nx-workspace",
     "packageName": "create-nx-workspace",
-    "description": "Smart, Fast and Extensible Build System",
+    "description": "Smart Monorepos · Fast CI",
     "documents": {},
     "root": "/packages/create-nx-workspace",
     "source": "/packages/create-nx-workspace/src",

docs/generated/packages-metadata.json

@@ -416,7 +416,7 @@
     "source": "/packages/create-nx-plugin/src"
   },
   {
-    "description": "Smart, Fast and Extensible Build System",
+    "description": "Smart Monorepos · Fast CI",
     "documents": [],
     "executors": [],
     "generators": [],

docs/packages.json

@@ -60,7 +60,7 @@
   {
     "name": "create-nx-workspace",
     "packageName": "create-nx-workspace",
-    "description": "Smart, Fast and Extensible Build System",
+    "description": "Smart Monorepos · Fast CI",
     "path": "generated/packages/create-nx-workspace.json",
     "schemas": { "executors": [], "generators": [] }
   },

nx-dev/feature-doc-viewer/src/lib/doc-viewer.tsx

@@ -64,14 +64,14 @@ export function DocViewer({
         title={vm.title + ' | Nx'}
         description={
           vm.description ??
-          'Next generation build system with first class monorepo support and powerful integrations.'
+          'Nx is a build system with built-in tooling and advanced CI capabilities. It helps you maintain and scale monorepos, both locally and on CI.'
         }
         openGraph={{
           url: 'https://nx.dev' + router.asPath,
           title: vm.title,
           description:
             vm.description ??
-            'Next generation build system with first class monorepo support and powerful integrations.',
+            'Nx is a build system with built-in tooling and advanced CI capabilities. It helps you maintain and scale monorepos, both locally and on CI.',
           images: [
             {
               url: `https://nx.dev/images/open-graph/${router.asPath
@@ -81,7 +81,7 @@ export function DocViewer({
               }`,
               width: 1600,
               height: 800,
-              alt: 'Nx: Smart, Fast and Extensible Build System',
+              alt: 'Nx: Smart Monorepos · Fast CI',
               type: 'image/jpeg',
             },
           ],

nx-dev/feature-package-schema-viewer/src/lib/package-schema-list.tsx

@@ -61,7 +61,7 @@ export function PackageSchemaList({
               url: vm.seo.imageUrl,
               width: 1600,
               height: 800,
-              alt: 'Nx: Smart, Fast and Extensible Build System',
+              alt: 'Nx: Smart Monorepos · Fast CI',
               type: 'image/jpeg',
             },
           ],

nx-dev/feature-package-schema-viewer/src/lib/package-schema-sub-list.tsx

@@ -62,7 +62,7 @@ export function PackageSchemaSubList({
               url: vm.seo.imageUrl,
               width: 1600,
               height: 800,
-              alt: 'Nx: Smart, Fast and Extensible Build System',
+              alt: 'Nx: Smart Monorepos · Fast CI',
               type: 'image/jpeg',
             },
           ],

nx-dev/feature-package-schema-viewer/src/lib/package-schema-viewer.tsx

@@ -26,7 +26,7 @@ export function PackageSchemaViewer({
     seo: {
       title: `${pkg.packageName}:${schema.name} | Nx`,
       description:
-        'Next generation build system with first class monorepo support and powerful integrations.',
+        'Nx is a build system with built-in tooling and advanced CI capabilities. It helps you maintain and scale monorepos, both locally and on CI.',
       imageUrl: `https://nx.dev/images/open-graph/${router.asPath
         .replace('/', '')
         .replace(/\//gi, '-')}.jpg`,
@@ -56,7 +56,7 @@ export function PackageSchemaViewer({
               url: vm.seo.imageUrl,
               width: 1600,
               height: 800,
-              alt: 'Nx: Smart, Fast and Extensible Build System',
+              alt: 'Nx: Smart Monorepos · Fast CI',
               type: 'image/jpeg',
             },
           ],

nx-dev/nx-dev-e2e/src/app.spec.ts

@@ -3,5 +3,5 @@ import { test, expect } from '@playwright/test';
 test('should display the primary heading', async ({ page }) => {
   await page.goto('/');
   const heading = page.locator('[data-cy="primary-heading"]');
-  await expect(heading).toContainText('Smart, FastExtensibleBuild System');
+  await expect(heading).toContainText('Smart MonoreposFast CI');
 });

nx-dev/nx-dev/pages/_app.tsx

@@ -22,19 +22,19 @@ export default function CustomApp({
   return (
     <>
       <DefaultSeo
-        title="Nx: Smart, Fast and Extensible Build System"
-        description="Next generation build system with first class monorepo support and powerful integrations."
+        title="Nx: Smart Monorepos · Fast CI"
+        description="Nx is a build system with built-in tooling and advanced CI capabilities. It helps you maintain and scale monorepos, both locally and on CI."
         openGraph={{
           url: 'https://nx.dev' + router.asPath,
-          title: 'Nx: Smart, Fast and Extensible Build System',
+          title: 'Nx: Smart Monorepos · Fast CI',
           description:
-            'Next generation build system with first class monorepo support and powerful integrations.',
+            'Nx is a build system with built-in tooling and advanced CI capabilities. It helps you maintain and scale monorepos, both locally and on CI.',
           images: [
             {
               url: 'https://nx.dev/images/nx-media.jpg',
               width: 800,
               height: 421,
-              alt: 'Nx: Smart, Fast and Extensible Build System',
+              alt: 'Nx: Smart Monorepos · Fast CI',
               type: 'image/jpeg',
             },
           ],

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

@@ -20,7 +20,7 @@ export default function Blog(): JSX.Element {
               url: 'https://nx.dev/socials/nx-media.png',
               width: 800,
               height: 421,
-              alt: 'Nx: Smart, Fast and Extensible Build System',
+              alt: 'Nx: Smart Monorepos · Fast CI',
               type: 'image/jpeg',
             },
           ],

nx-dev/nx-dev/pages/changelog.tsx

@@ -209,7 +209,7 @@ export default function Changelog(props: ChangeLogProps): JSX.Element {
               url: 'https://nx.dev/images/nx-media.jpg',
               width: 800,
               height: 421,
-              alt: 'Nx: Smart, Fast and Extensible Build System',
+              alt: 'Nx: Smart Monorepos · Fast CI',
               type: 'image/jpeg',
             },
           ],

nx-dev/nx-dev/pages/community.tsx

@@ -28,7 +28,7 @@ export default function Community(): JSX.Element {
               url: 'https://nx.dev/socials/nx-media.png',
               width: 800,
               height: 421,
-              alt: 'Nx: Smart, Fast and Extensible Build System',
+              alt: 'Nx: Smart Monorepos · Fast CI',
               type: 'image/jpeg',
             },
           ],

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

@@ -3,13 +3,13 @@ import {
   ExtensibleAndIntegrated,
   GettingStarted,
   Hero,
-  LogoCloud,
+  ImproveWorstCiCase,
   Migrate,
   MigrationsAndCodeGeneration,
   MonorepoStyles,
   Newsletter,
-  NxIsFast,
   NxStatistics,
+  NxWithCi,
   Testimonials,
 } from '@nx/nx-dev/ui-home';
 import { NextSeo } from 'next-seo';
@@ -18,19 +18,19 @@ export default function Index(): JSX.Element {
   return (
     <>
       <NextSeo
-        title="Nx: Smart, Fast and Extensible Build System"
-        description="Next generation build system with first class monorepo support and powerful integrations."
+        title="Nx: Smart Monorepos · Fast CI"
+        description="Nx is a build system with built-in tooling and advanced CI capabilities. It helps you maintain and scale monorepos, both locally and on CI."
         openGraph={{
           url: 'https://nx.dev',
-          title: 'Nx: Smart, Fast and Extensible Build System',
+          title: 'Nx: Smart Monorepos · Fast CI',
           description:
-            'Nx is a smart, fast and extensible build system which comes with first class monorepo support and powerful integrations.',
+            'Nx is a build system with built-in tooling and advanced CI capabilities. It helps you maintain and scale monorepos, both locally and on CI.',
           images: [
             {
               url: 'https://nx.dev/socials/nx-media.png',
               width: 1200,
               height: 600,
-              alt: 'Nx: Smart, Fast and Extensible Build System',
+              alt: 'Nx: Smart Monorepos · Fast CI',
               type: 'image/png',
             },
           ],
@@ -39,24 +39,24 @@ export default function Index(): JSX.Element {
         }}
       />
       <h1 className="sr-only">Next generation monorepo tool</h1>
-      <AnnouncementBanner />
+      {/*<AnnouncementBanner />*/}
       <Header />
       <main id="main" role="main">
         <div className="w-full">
           {/*HERO COMPONENT*/}
           <Hero />
-          {/*LOGO CLOUD*/}
-          <LogoCloud />
+          {/*NX CI*/}
+          <NxWithCi />
           {/*NX STATISTICS*/}
           <NxStatistics />
-          {/*NX IS FAST*/}
-          <NxIsFast />
-          {/*MIGRATE*/}
-          <Migrate />
           {/*MONOREPO STYLES*/}
           <MonorepoStyles />
+          {/*WORST CASE CI TIMES*/}
+          <ImproveWorstCiCase />
           {/*EXTENSIBLE & INTEGRATED*/}
           <ExtensibleAndIntegrated />
+          {/*MIGRATE*/}
+          <Migrate />
           {/*AFFECTED & CODE GENERATION*/}
           <MigrationsAndCodeGeneration />
           {/*GETTING STARTED*/}

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

@@ -75,7 +75,7 @@ export default function Packages({
               url: 'https://nx.dev/socials/nx-media.png',
               width: 1200,
               height: 600,
-              alt: 'Nx: Smart, Fast and Extensible Build System',
+              alt: 'Nx: Smart Monorepos · Fast CI',
               type: 'image/png',
             },
           ],

nx-dev/nx-dev/pages/plugin-registry.tsx

@@ -89,7 +89,7 @@ export default function Browse(props: BrowseProps): JSX.Element {
               url: 'https://nx.dev/images/nx-media.jpg',
               width: 800,
               height: 421,
-              alt: 'Nx: Smart, Fast and Extensible Build System',
+              alt: 'Nx: Smart Monorepos · Fast CI',
               type: 'image/jpeg',
             },
           ],