diff --git a/docs/README.md b/docs/README.md
index 126e6fe1e5cf6..0466657cad473 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -183,6 +183,14 @@ To display a terminal command, use:
 ‎```
 ````
 
+You can also add a title to the shell as follows:
+
+````
+‎```shell {% title="Build the app" %}
+‎ npx nx build
+‎```
+````
+
 #### Terminal Output
 
 You can display your terminal output with a dedicated component the same way you would show code.
diff --git a/docs/shared/getting-started/intro.md b/docs/shared/getting-started/intro.md
index 72198082cc0cd..1e96e9709aeb6 100644
--- a/docs/shared/getting-started/intro.md
+++ b/docs/shared/getting-started/intro.md
@@ -17,10 +17,32 @@ Find out more about [why you should use Nx](/getting-started/why-nx) or browse o
 
 ## Try Nx Yourself!
 
-```shell
-npx create-nx-workspace@latest
+{% side-by-side %}
+
+```shell {% title="Create a new workspace" %}
+npx create-nx-workspace
+```
+
+```shell {% title="Add Nx to an existing workspace" %}
+npx nx init
 ```
 
+{% /side-by-side %}
+
+Also, here are some recipes that give you more details based on the technology stack you're using:
+
+{% cards cols="2" mdCols="4" smCols="2" moreLink="/recipes/adopting-nx" %}
+
+{% link-card title="Add to Existing Monorepo" appearance="small" url="/recipes/adopting-nx/adding-to-monorepo" icon="pnpm" /%}
+
+{% link-card title="Add to Any Project" appearance="small" url="/recipes/adopting-nx/adding-to-existing-project" icon="nx" /%}
+
+{% link-card title="Migrate from Angular CLI" appearance="small" url="/recipes/angular/migration/angular" icon="angular" /%}
+
+{% /cards %}
+{% /tab %}
+{% /tabs %}
+
 ## Learn Nx
 
 {% cards cols="2" lgCols="4" mdCols="4" smCols="2" %}
@@ -57,26 +79,6 @@ npx create-nx-workspace@latest
 
 {% /cards %}
 
-## Have an Existing Project? Add Nx to it!
-
-If you have an existing project and want to adopt Nx or migrate to Nx just run the following command which guides you through the migration process:
-
-```shell
-npx nx@latest init
-```
-
-Alternatively, here are some recipes that give you more details based on the technology stack you're using:
-
-{% cards cols="2" mdCols="4" smCols="2" moreLink="/recipes/adopting-nx" %}
-
-{% link-card title="Add to Existing Monorepo" appearance="small" url="/recipes/adopting-nx/adding-to-monorepo" icon="pnpm" /%}
-
-{% link-card title="Add to Any Project" appearance="small" url="/recipes/adopting-nx/adding-to-existing-project" icon="nx" /%}
-
-{% link-card title="Migrate from Angular CLI" appearance="small" url="/recipes/angular/migration/angular" icon="angular" /%}
-
-{% /cards %}
-
 ## Pick Your Stack!
 
 {% cards cols="3" lgCols="8" mdCols="6" smCols="5" moreLink="/showcase/example-repos" %}
diff --git a/nx-dev/nx-dev/pages/community.tsx b/nx-dev/nx-dev/pages/community.tsx
index 52227f587fe6a..ef607cd67d545 100644
--- a/nx-dev/nx-dev/pages/community.tsx
+++ b/nx-dev/nx-dev/pages/community.tsx
@@ -49,12 +49,12 @@ export default function Community(): JSX.Element {
             <div className="mx-auto max-w-7xl items-stretch px-4 py-12 sm:grid sm:grid-cols-1 sm:gap-8 sm:px-6 md:grid-cols-3 lg:px-8 lg:py-16">
               <div className="md:col-span-2">
                 <header>
-                  <SectionHeading as="h1" variant="title" id="champions">
+                  <SectionHeading as="h1" variant="subtitle" id="champions">
                     Get to know our
                   </SectionHeading>
                   <SectionHeading
                     as="p"
-                    variant="display"
+                    variant="title"
                     id="nx-champions"
                     className="mt-4"
                   >
@@ -81,7 +81,7 @@ export default function Community(): JSX.Element {
                   </div>
                 </div>
               </div>
-              <div className="mt-6 flex h-full w-full flex-col items-start items-stretch gap-6 md:mt-0">
+              <div className="mt-6 flex h-full w-full flex-col items-stretch gap-6 md:mt-0">
                 {champions3.map((data) => (
                   <ChampionCard key={data.name} data={data} />
                 ))}
diff --git a/nx-dev/nx-dev/pages/customers.tsx b/nx-dev/nx-dev/pages/customers.tsx
index 347924a04e407..59e43f439ca01 100644
--- a/nx-dev/nx-dev/pages/customers.tsx
+++ b/nx-dev/nx-dev/pages/customers.tsx
@@ -1,4 +1,4 @@
-import { DefaultLayout } from '@nx/nx-dev/ui-common';
+import { CallToAction, DefaultLayout } from '@nx/nx-dev/ui-common';
 import { NextSeo } from 'next-seo';
 import { useRouter } from 'next/router';
 
@@ -44,6 +44,9 @@ export function Customers(): JSX.Element {
         <div className="mt-16 lg:mt-32">
           <OssProjects />
         </div>
+        <div className="mt-32 lg:mt-56">
+          <CallToAction />
+        </div>
       </DefaultLayout>
     </>
   );
diff --git a/nx-dev/nx-dev/pages/index.tsx b/nx-dev/nx-dev/pages/index.tsx
index 22db590661dab..bc2e59b329b98 100644
--- a/nx-dev/nx-dev/pages/index.tsx
+++ b/nx-dev/nx-dev/pages/index.tsx
@@ -1,18 +1,14 @@
-import { AnnouncementBanner, Footer, Header } from '@nx/nx-dev/ui-common';
+import { CallToAction, DefaultLayout } from '@nx/nx-dev/ui-common';
+import { NextSeo } from 'next-seo';
 import {
-  ExtensibleAndIntegrated,
-  GettingStarted,
+  CiForMonorepos,
   Hero,
-  ImproveWorstCiCase,
-  Migrate,
-  MigrationsAndCodeGeneration,
-  MonorepoStyles,
-  Newsletter,
-  NxStatistics,
-  NxWithCi,
-  Testimonials,
+  SmarterToolsForMonorepos,
+  Statistics,
+  TeamAndCommunity,
+  TrustedBy,
+  WorkBetterAchieveMoreShipQuicker,
 } from '@nx/nx-dev/ui-home';
-import { NextSeo } from 'next-seo';
 
 export default function Index(): JSX.Element {
   return (
@@ -39,35 +35,31 @@ export default function Index(): JSX.Element {
         }}
       />
       <h1 className="sr-only">Next generation monorepo tool</h1>
-      <AnnouncementBanner />
-      <Header />
-      <main id="main" role="main">
-        <div className="w-full">
-          {/*HERO COMPONENT*/}
-          <Hero />
-          {/*NX CI*/}
-          <NxWithCi />
-          {/*NX STATISTICS*/}
-          <NxStatistics />
-          {/*MONOREPO STYLES*/}
-          <MonorepoStyles />
-          {/*WORST CASE CI TIMES*/}
-          <ImproveWorstCiCase />
-          {/*EXTENSIBLE & INTEGRATED*/}
-          <ExtensibleAndIntegrated />
-          {/*MIGRATE*/}
-          <Migrate />
-          {/*AFFECTED & CODE GENERATION*/}
-          <MigrationsAndCodeGeneration />
-          {/*GETTING STARTED*/}
-          <GettingStarted />
-          {/*TESTIMONIALS*/}
-          <Testimonials />
-          {/*NEWSLETTER*/}
-          <Newsletter />
+      {/*<AnnouncementBanner />*/}
+      <DefaultLayout isHome>
+        <Hero />
+        <div className="mt-16 lg:-mt-32">
+          <Statistics />
+        </div>
+        <div className="mt-32 lg:mt-56">
+          <TrustedBy />
+        </div>
+        <div className="mt-32 lg:mt-56">
+          <CiForMonorepos />
+        </div>
+        <div className="mt-32 lg:mt-56">
+          <WorkBetterAchieveMoreShipQuicker />
+        </div>
+        <div className="mt-32 lg:mt-56">
+          <SmarterToolsForMonorepos />
+        </div>
+        <div className="mt-32 lg:mt-56">
+          <TeamAndCommunity />
+        </div>
+        <div className="mt-32 lg:mt-56">
+          <CallToAction />
         </div>
-      </main>
-      <Footer />
+      </DefaultLayout>
     </>
   );
 }
diff --git a/nx-dev/nx-dev/pages/shader.tsx b/nx-dev/nx-dev/pages/shader.tsx
new file mode 100644
index 0000000000000..7996ad92d20b4
--- /dev/null
+++ b/nx-dev/nx-dev/pages/shader.tsx
@@ -0,0 +1,87 @@
+import { ShaderGradient, ShaderGradientCanvas } from 'shadergradient';
+
+export default function Shader(): JSX.Element {
+  return (
+    <>
+      <div className="absolute left-0 top-0 z-10 h-screen w-screen overflow-hidden bg-white text-gray-50">
+        {/*COTTON CANDY*/}
+        {/*<ShaderGradientCanvas
+          pointerEvents="none"
+          eventPrefix="client"
+          fov={45}
+          pixelDensity={1}
+          className="pointer-events-none"
+        >
+          <ShaderGradient
+            brightness={4}
+            cDistance={5}
+            color1="#ebedff"
+            color2="#f3f2f8"
+            color3="#dbf8ff"
+            frameRate={10}
+            grain="off"
+            lightType="3d"
+            positionX={0}
+            positionY={1.8}
+            positionZ={0}
+            range="enabled"
+            rangeEnd={40}
+            rangeStart={0}
+            reflection={0.1}
+            rotationX={0}
+            rotationY={0}
+            rotationZ={-90}
+            shader="defaults"
+            type="waterPlane"
+            uDensity={1}
+            uFrequency={5.5}
+            uSpeed={0.3}
+            uStrength={3}
+            uTime={0.2}
+          />
+        </ShaderGradientCanvas>*/}
+
+        {/*UNIVERSE*/}
+        <ShaderGradientCanvas
+          pointerEvents="none"
+          eventPrefix="client"
+          fov={45}
+          pixelDensity={1}
+          className="pointer-events-none"
+        >
+          <ShaderGradient
+            brightness={4}
+            cAzimuthAngle={180}
+            cameraZoom={1}
+            cDistance={4}
+            cPolarAngle={115}
+            color1="#5606FF"
+            color2="#FE8989"
+            color3="#000000"
+            frameRate={10}
+            grain="off"
+            lightType="3d"
+            positionX={-0.5}
+            positionY={0.1}
+            positionZ={0}
+            range="enabled"
+            rangeEnd={40}
+            rangeStart={0}
+            reflection={0.1}
+            rotationX={0}
+            rotationY={0}
+            rotationZ={235}
+            shader="defaults"
+            type="waterPlane"
+            uAmplitude={0}
+            uDensity={1.1}
+            uFrequency={5.5}
+            uSpeed={0.1}
+            uStrength={2.4}
+            uTime={0.2}
+          />
+        </ShaderGradientCanvas>
+      </div>
+    </>
+  );
+}
diff --git a/nx-dev/nx-dev/public/images/github-app.webp b/nx-dev/nx-dev/public/images/github-app.webp
deleted file mode 100644
index 9f0b26d014433..0000000000000
Binary files a/nx-dev/nx-dev/public/images/github-app.webp and /dev/null differ
diff --git a/nx-dev/nx-dev/public/images/github-nxcloud.webp b/nx-dev/nx-dev/public/images/github-nxcloud.webp
deleted file mode 100644
index 0201595093ce1..0000000000000
Binary files a/nx-dev/nx-dev/public/images/github-nxcloud.webp and /dev/null differ
diff --git a/nx-dev/nx-dev/public/images/home/crystal.avif b/nx-dev/nx-dev/public/images/home/crystal.avif
new file mode 100644
index 0000000000000..f9d1e18b9d9f3
Binary files /dev/null and b/nx-dev/nx-dev/public/images/home/crystal.avif differ
diff --git a/nx-dev/nx-dev/public/images/home/nx-app-dashboard.avif b/nx-dev/nx-dev/public/images/home/nx-app-dashboard.avif
new file mode 100644
index 0000000000000..61cb4a1fb0e96
Binary files /dev/null and b/nx-dev/nx-dev/public/images/home/nx-app-dashboard.avif differ
diff --git a/nx-dev/nx-dev/public/images/home/order-dark.avif b/nx-dev/nx-dev/public/images/home/order-dark.avif
new file mode 100644
index 0000000000000..bab78f477b04a
Binary files /dev/null and b/nx-dev/nx-dev/public/images/home/order-dark.avif differ
diff --git a/nx-dev/nx-dev/public/images/home/order-light.avif b/nx-dev/nx-dev/public/images/home/order-light.avif
new file mode 100644
index 0000000000000..b53f71c94fb00
Binary files /dev/null and b/nx-dev/nx-dev/public/images/home/order-light.avif differ
diff --git a/nx-dev/nx-dev/public/images/home/video-tutorial-dark.avif b/nx-dev/nx-dev/public/images/home/video-tutorial-dark.avif
new file mode 100644
index 0000000000000..edde92d3447f5
Binary files /dev/null and b/nx-dev/nx-dev/public/images/home/video-tutorial-dark.avif differ
diff --git a/nx-dev/nx-dev/public/images/home/video-tutorial-light.avif b/nx-dev/nx-dev/public/images/home/video-tutorial-light.avif
new file mode 100644
index 0000000000000..98eba79c36320
Binary files /dev/null and b/nx-dev/nx-dev/public/images/home/video-tutorial-light.avif differ
diff --git a/nx-dev/nx-dev/public/images/home/yarn-dark.avif b/nx-dev/nx-dev/public/images/home/yarn-dark.avif
new file mode 100644
index 0000000000000..21020ecd48fe8
Binary files /dev/null and b/nx-dev/nx-dev/public/images/home/yarn-dark.avif differ
diff --git a/nx-dev/nx-dev/public/images/home/yarn-light.avif b/nx-dev/nx-dev/public/images/home/yarn-light.avif
new file mode 100644
index 0000000000000..01068c46e829f
Binary files /dev/null and b/nx-dev/nx-dev/public/images/home/yarn-light.avif differ
diff --git a/nx-dev/nx-dev/public/images/illustrations/nxdev-dark.svg b/nx-dev/nx-dev/public/images/illustrations/nxdev-dark.svg
deleted file mode 100644
index 688f48bc69b2a..0000000000000
--- a/nx-dev/nx-dev/public/images/illustrations/nxdev-dark.svg
+++ /dev/null
@@ -1,928 +0,0 @@
-<svg width="600" height="300" viewBox="0 0 600 300" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g opacity="0.5" filter="url(#filter0_b_14_4490)">
-<path d="M150.372 211.465C151.723 210.512 153.335 210 154.988 210H452.68C454.447 210 456.165 210.585 457.565 211.665L536.352 272.416C537.864 273.582 537.039 276 535.131 276H65.2986C63.3474 276 62.551 273.492 64.1447 272.366L150.372 211.465Z" fill="white" fill-opacity="0.1"/>
-<path d="M150.661 211.874C151.927 210.98 153.438 210.5 154.988 210.5H452.68C454.337 210.5 455.947 211.049 457.26 212.061L536.047 272.812C537.18 273.686 536.562 275.5 535.131 275.5H65.2986C63.8352 275.5 63.2379 273.619 64.4332 272.775L150.661 211.874Z" stroke="url(#paint0_linear_14_4490)" style="mix-blend-mode:overlay"/>
-</g>
-<ellipse cx="256" cy="184.128" rx="3.64117" ry="1.87186" fill="#00E0FF"/>
-<ellipse cx="300" cy="184.128" rx="3.64117" ry="1.87186" fill="#00E0FF"/>
-<ellipse cx="344" cy="184.128" rx="3.64117" ry="1.87186" fill="#00E0FF"/>
-<ellipse cx="388" cy="184.128" rx="3.64117" ry="1.87186" fill="#00E0FF"/>
-<ellipse cx="212" cy="184.128" rx="3.64117" ry="1.87186" fill="#00E0FF"/>
-<path d="M212 198V199" stroke="#00E0FF" stroke-width="3" stroke-linecap="round"/>
-<path d="M300 203.25V204.25" stroke="#00E0FF" stroke-width="3" stroke-linecap="round"/>
-<path d="M300 233.956V234.956" stroke="#00E0FF" stroke-width="3" stroke-linecap="round"/>
-<path d="M344 191.504V192.504" stroke="#00E0FF" stroke-width="3" stroke-linecap="round"/>
-<path d="M388 186.504V187.504" stroke="#00E0FF" stroke-width="3" stroke-linecap="round"/>
-<path d="M209.257 213.215L208.608 213.976" stroke="#00E0FF" stroke-width="3" stroke-linecap="round"/>
-<path d="M252.028 220.024L251.659 220.954" stroke="#00E0FF" stroke-width="3" stroke-linecap="round"/>
-<path d="M243.617 241.305L243.248 242.235" stroke="#00E0FF" stroke-width="3" stroke-linecap="round"/>
-<path d="M400.478 224.753L401.125 225.515" stroke="#00E0FF" stroke-width="3" stroke-linecap="round"/>
-<path d="M395.396 218.752L396.044 219.514" stroke="#00E0FF" stroke-width="3" stroke-linecap="round"/>
-<g filter="url(#filter1_bi_14_4490)">
-<path d="M200 224L212 210V186" stroke="white" stroke-opacity="0.2" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<g filter="url(#filter2_bi_14_4490)">
-<path d="M239 253L256 209.957V186" stroke="white" stroke-opacity="0.2" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<g filter="url(#filter3_bi_14_4490)">
-<path d="M300 248V209.957V186" stroke="white" stroke-opacity="0.2" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<g filter="url(#filter4_bi_14_4490)">
-<path d="M348 220.5L344 209.957V186" stroke="white" stroke-opacity="0.2" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<g filter="url(#filter5_bi_14_4490)">
-<path d="M418 245.5L388 209.957V186" stroke="white" stroke-opacity="0.2" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<path d="M250.5 255.5C257.847 254.684 268.706 248.406 270.5 238.5" stroke="white" stroke-opacity="0.4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="3 3"/>
-<path d="M358.59 224C357.499 233.816 354 250 328 250" stroke="white" stroke-opacity="0.4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="3 3"/>
-<path d="M358.59 224C362.173 232.258 370.206 246.817 399 248.5" stroke="white" stroke-opacity="0.4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="3 3"/>
-<path d="M270.5 238.5C270.633 242.574 275 251.5 286.5 250" stroke="white" stroke-opacity="0.4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="3 3"/>
-<path d="M137 255C165.84 257.794 190.047 238.177 198.666 228.099C187.94 241.452 197 252 209 255" stroke="white" stroke-opacity="0.4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="3 3"/>
-<path d="M307 254C310.134 260.54 328.5 270 369 264.5" stroke="white" stroke-opacity="0.4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="3 3"/>
-<path d="M438 247C440.833 246.667 446.6 244.5 445 238.5" stroke="white" stroke-opacity="0.4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="3 3"/>
-<path d="M413 263.5C415.833 263.167 470.5 263.5 445 238.5" stroke="white" stroke-opacity="0.4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="3 3"/>
-<path d="M198.768 228.099C192.669 235.322 180.479 239.276 171.653 237.453" stroke="white" stroke-opacity="0.4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="3 3"/>
-<g filter="url(#filter6_b_14_4490)">
-<mask id="path-32-inside-1_14_4490" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M97.2546 255.848H97.2522V257.606C97.2511 257.633 97.2511 257.661 97.2522 257.688V257.709H97.2532C97.2825 258.196 97.6547 258.658 98.253 258.658H134.934C136.688 258.658 138.394 258.082 139.789 257.017L145.136 252.934C145.446 252.698 145.561 252.356 145.525 252.035V250.384C145.496 250.632 145.373 250.874 145.136 251.054L139.789 255.137C138.394 256.202 136.689 256.778 134.934 256.778H98.2531C97.6628 256.778 97.2925 256.328 97.2546 255.848Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M97.2546 255.848H97.2522V257.606C97.2511 257.633 97.2511 257.661 97.2522 257.688V257.709H97.2532C97.2825 258.196 97.6547 258.658 98.253 258.658H134.934C136.688 258.658 138.394 258.082 139.789 257.017L145.136 252.934C145.446 252.698 145.561 252.356 145.525 252.035V250.384C145.496 250.632 145.373 250.874 145.136 251.054L139.789 255.137C138.394 256.202 136.689 256.778 134.934 256.778H98.2531C97.6628 256.778 97.2925 256.328 97.2546 255.848Z" fill="white" fill-opacity="0.1"/>
-<path d="M97.2522 255.848V255.348H96.7522V255.848H97.2522ZM97.2546 255.848L97.7531 255.809L97.7167 255.348H97.2546V255.848ZM97.2522 257.606L97.7518 257.626L97.7522 257.616V257.606H97.2522ZM97.2522 257.688H97.7522V257.678L97.7518 257.668L97.2522 257.688ZM97.2522 257.709H96.7522V258.209H97.2522V257.709ZM97.2532 257.709L97.7523 257.679L97.724 257.209H97.2532V257.709ZM139.789 257.017L140.092 257.414L139.789 257.017ZM145.136 252.934L145.44 253.332L145.136 252.934ZM145.525 252.035H145.025V252.063L145.028 252.091L145.525 252.035ZM145.525 250.384H146.025L145.028 250.326L145.525 250.384ZM145.136 251.054L145.44 251.452L145.44 251.452L145.136 251.054ZM139.789 255.137L140.092 255.535L139.789 255.137ZM97.2522 256.348H97.2546V255.348H97.2522V256.348ZM97.7522 257.606V255.848H96.7522V257.606H97.7522ZM97.7518 257.668C97.7512 257.654 97.7512 257.64 97.7518 257.626L96.7526 257.585C96.7509 257.626 96.7509 257.667 96.7526 257.708L97.7518 257.668ZM97.7522 257.709V257.688H96.7522V257.709H97.7522ZM97.2532 257.209H97.2522V258.209H97.2532V257.209ZM98.253 258.158C97.959 258.158 97.7682 257.943 97.7523 257.679L96.7541 257.739C96.7968 258.448 97.3504 259.158 98.253 259.158V258.158ZM134.934 258.158H98.253V259.158H134.934V258.158ZM139.485 256.62C138.178 257.618 136.579 258.158 134.934 258.158V259.158C136.798 259.158 138.61 258.546 140.092 257.414L139.485 256.62ZM144.833 252.537L139.485 256.62L140.092 257.414L145.44 253.332L144.833 252.537ZM145.028 252.091C145.046 252.251 144.992 252.415 144.833 252.537L145.44 253.332C145.899 252.981 146.076 252.462 146.022 251.978L145.028 252.091ZM145.025 250.384V252.035H146.025V250.384H145.025ZM145.028 250.326C145.015 250.443 144.958 250.561 144.833 250.657L145.44 251.452C145.788 251.186 145.978 250.82 146.022 250.441L145.028 250.326ZM144.833 250.657L139.485 254.74L140.092 255.535L145.44 251.452L144.833 250.657ZM139.485 254.74C138.178 255.738 136.579 256.278 134.934 256.278V257.278C136.798 257.278 138.611 256.666 140.092 255.535L139.485 254.74ZM134.934 256.278H98.2531V257.278H134.934V256.278ZM98.2531 256.278C97.9624 256.278 97.7736 256.069 97.7531 255.809L96.7562 255.888C96.8114 256.587 97.3631 257.278 98.2531 257.278V256.278Z" fill="url(#paint1_linear_14_4490)" style="mix-blend-mode:overlay" mask="url(#path-32-inside-1_14_4490)"/>
-</g>
-<g filter="url(#filter7_b_14_4490)">
-<path d="M97.7565 254.911L105.779 250.317C106.989 249.624 108.359 249.26 109.754 249.26H144.53C145.486 249.26 145.897 250.474 145.137 251.054L139.789 255.137C138.395 256.202 136.689 256.779 134.934 256.779H98.2534C97.2284 256.779 96.867 255.42 97.7565 254.911Z" fill="white" fill-opacity="0.1"/>
-</g>
-<ellipse cx="201.724" cy="224.453" rx="9.63058" ry="1.47056" fill="url(#paint2_linear_14_4490)"/>
-<g filter="url(#filter8_b_14_4490)">
-<mask id="path-36-inside-2_14_4490" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M183.808 226.31V228.014C183.758 228.401 184.041 228.809 184.504 228.809H214.183C215.245 228.809 216.264 228.386 217.014 227.634L218.871 225.774C219.034 225.61 219.094 225.403 219.072 225.207V223.482C219.056 223.628 218.992 223.773 218.871 223.894L217.014 225.754C216.264 226.506 215.245 226.929 214.183 226.929H184.504C184.111 226.929 183.848 226.635 183.808 226.31Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M183.808 226.31V228.014C183.758 228.401 184.041 228.809 184.504 228.809H214.183C215.245 228.809 216.264 228.386 217.014 227.634L218.871 225.774C219.034 225.61 219.094 225.403 219.072 225.207V223.482C219.056 223.628 218.992 223.773 218.871 223.894L217.014 225.754C216.264 226.506 215.245 226.929 214.183 226.929H184.504C184.111 226.929 183.848 226.635 183.808 226.31Z" fill="white" fill-opacity="0.1"/>
-<path d="M183.808 226.31L184.304 226.248L183.308 226.31H183.808ZM183.808 228.014L184.304 228.078L184.308 228.046V228.014H183.808ZM217.014 227.634L216.66 227.281V227.281L217.014 227.634ZM218.871 225.774L219.225 226.127V226.127L218.871 225.774ZM219.072 225.207H218.572V225.235L218.575 225.262L219.072 225.207ZM219.072 223.482H219.572L218.576 223.426L219.072 223.482ZM218.871 223.894L219.225 224.247V224.247L218.871 223.894ZM217.014 225.754L216.66 225.401V225.401L217.014 225.754ZM183.308 226.31V228.014H184.308V226.31H183.308ZM183.312 227.951C183.229 228.598 183.702 229.309 184.504 229.309V228.309C184.43 228.309 184.384 228.28 184.351 228.241C184.314 228.195 184.297 228.133 184.304 228.078L183.312 227.951ZM184.504 229.309H214.183V228.309H184.504V229.309ZM214.183 229.309C215.378 229.309 216.524 228.833 217.368 227.987L216.66 227.281C216.004 227.939 215.112 228.309 214.183 228.309V229.309ZM217.368 227.987L219.225 226.127L218.517 225.421L216.66 227.281L217.368 227.987ZM219.225 226.127C219.501 225.85 219.607 225.49 219.569 225.152L218.575 225.262C218.579 225.291 218.576 225.318 218.567 225.342C218.559 225.366 218.545 225.393 218.517 225.421L219.225 226.127ZM219.572 225.207V223.482H218.572V225.207H219.572ZM218.576 223.426C218.571 223.462 218.556 223.501 218.517 223.541L219.225 224.247C219.427 224.045 219.54 223.795 219.569 223.539L218.576 223.426ZM218.517 223.541L216.66 225.401L217.368 226.108L219.225 224.247L218.517 223.541ZM216.66 225.401C216.004 226.059 215.112 226.429 214.183 226.429V227.429C215.378 227.429 216.524 226.954 217.368 226.108L216.66 225.401ZM214.183 226.429H184.504V227.429H214.183V226.429ZM184.504 226.429C184.439 226.429 184.398 226.407 184.368 226.379C184.335 226.347 184.31 226.3 184.304 226.248L183.312 226.372C183.379 226.914 183.827 227.429 184.504 227.429V226.429Z" fill="url(#paint3_linear_14_4490)" style="mix-blend-mode:overlay" mask="url(#path-36-inside-2_14_4490)"/>
-</g>
-<g filter="url(#filter9_b_14_4490)">
-<path d="M184.059 225.688L186.598 223.606C187.313 223.02 188.209 222.699 189.134 222.699H218.375C218.998 222.699 219.311 223.453 218.871 223.894L217.014 225.754C216.264 226.506 215.245 226.929 214.183 226.929H184.503C183.846 226.929 183.551 226.104 184.059 225.688Z" fill="white" fill-opacity="0.1"/>
-</g>
-<g filter="url(#filter10_b_14_4490)">
-<mask id="path-39-inside-3_14_4490" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M207.301 257.143V258.823C207.245 259.372 207.659 259.929 208.298 259.929H245.939C247.346 259.929 248.649 259.19 249.371 257.984L251.521 254.393C251.636 254.201 251.678 253.993 251.661 253.795V252.088C251.648 252.231 251.603 252.376 251.521 252.514L249.371 256.104C248.649 257.31 247.346 258.049 245.939 258.049H208.298C207.737 258.049 207.349 257.619 207.301 257.143Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M207.301 257.143V258.823C207.245 259.372 207.659 259.929 208.298 259.929H245.939C247.346 259.929 248.649 259.19 249.371 257.984L251.521 254.393C251.636 254.201 251.678 253.993 251.661 253.795V252.088C251.648 252.231 251.603 252.376 251.521 252.514L249.371 256.104C248.649 257.31 247.346 258.049 245.939 258.049H208.298C207.737 258.049 207.349 257.619 207.301 257.143Z" fill="white" fill-opacity="0.1"/>
-<path d="M207.301 257.143L207.798 257.093L206.801 257.143H207.301ZM207.301 258.823L207.798 258.873L207.801 258.848V258.823H207.301ZM249.371 257.984L248.942 257.727V257.727L249.371 257.984ZM251.521 254.393L251.092 254.136V254.136L251.521 254.393ZM251.661 253.795H251.161V253.817L251.163 253.839L251.661 253.795ZM251.661 252.088H252.161L251.163 252.044L251.661 252.088ZM251.521 252.514L251.092 252.257V252.257L251.521 252.514ZM249.371 256.104L248.942 255.847V255.847L249.371 256.104ZM206.801 257.143V258.823H207.801V257.143H206.801ZM206.803 258.772C206.721 259.585 207.333 260.429 208.298 260.429V259.429C207.986 259.429 207.769 259.159 207.798 258.873L206.803 258.772ZM208.298 260.429H245.939V259.429H208.298V260.429ZM245.939 260.429C247.521 260.429 248.987 259.598 249.8 258.24L248.942 257.727C248.31 258.782 247.17 259.429 245.939 259.429V260.429ZM249.8 258.24L251.95 254.65L251.092 254.136L248.942 257.727L249.8 258.24ZM251.95 254.65C252.121 254.365 252.185 254.052 252.159 253.752L251.163 253.839C251.171 253.935 251.152 254.037 251.092 254.136L251.95 254.65ZM252.161 253.795V252.088H251.161V253.795H252.161ZM251.163 252.044C251.156 252.113 251.135 252.185 251.092 252.257L251.95 252.771C252.071 252.568 252.139 252.35 252.159 252.131L251.163 252.044ZM251.092 252.257L248.942 255.847L249.8 256.361L251.95 252.771L251.092 252.257ZM248.942 255.847C248.31 256.903 247.17 257.549 245.939 257.549V258.549C247.521 258.549 248.987 257.718 249.8 256.361L248.942 255.847ZM245.939 257.549H208.298V258.549H245.939V257.549ZM208.298 257.549C208.022 257.549 207.824 257.343 207.798 257.093L206.803 257.193C206.874 257.896 207.451 258.549 208.298 258.549V257.549Z" fill="url(#paint4_linear_14_4490)" style="mix-blend-mode:overlay" mask="url(#path-39-inside-3_14_4490)"/>
-</g>
-<g filter="url(#filter11_b_14_4490)">
-<path d="M207.566 256.367L211.379 252.274C212.136 251.461 213.196 251 214.306 251H250.663C251.44 251 251.92 251.847 251.521 252.514L249.371 256.104C248.649 257.31 247.346 258.049 245.94 258.049H208.298C207.424 258.049 206.971 257.007 207.566 256.367Z" fill="white" fill-opacity="0.1"/>
-</g>
-<g filter="url(#filter12_b_14_4490)">
-<mask id="path-42-inside-4_14_4490" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M255.686 236.267H255.682V238.027C255.681 238.041 255.681 238.055 255.682 238.069V238.187H255.691C255.758 238.653 256.153 239.049 256.683 239.049H288.971C289.938 239.049 290.767 238.357 290.939 237.406L291.365 235.058C291.379 234.984 291.384 234.911 291.381 234.84H291.394V232.92H291.379C291.385 233.004 291.381 233.091 291.365 233.179L290.939 235.526C290.767 236.478 289.938 237.169 288.971 237.169H256.683C256.138 237.169 255.735 236.75 255.686 236.267Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M255.686 236.267H255.682V238.027C255.681 238.041 255.681 238.055 255.682 238.069V238.187H255.691C255.758 238.653 256.153 239.049 256.683 239.049H288.971C289.938 239.049 290.767 238.357 290.939 237.406L291.365 235.058C291.379 234.984 291.384 234.911 291.381 234.84H291.394V232.92H291.379C291.385 233.004 291.381 233.091 291.365 233.179L290.939 235.526C290.767 236.478 289.938 237.169 288.971 237.169H256.683C256.138 237.169 255.735 236.75 255.686 236.267Z" fill="white" fill-opacity="0.1"/>
-<path d="M255.686 236.267L256.184 236.217L256.138 235.767H255.686V236.267ZM255.682 236.267V235.767H255.182V236.267H255.682ZM255.682 238.027L256.182 238.038V238.027H255.682ZM255.682 238.069H256.182L256.182 238.058L255.682 238.069ZM255.682 238.187H255.182V238.687H255.682V238.187ZM255.691 238.187L256.186 238.116L256.125 237.687H255.691V238.187ZM290.939 237.406L290.447 237.317V237.317L290.939 237.406ZM291.365 235.058L290.873 234.969V234.969L291.365 235.058ZM291.381 234.84V234.34H290.862L290.881 234.859L291.381 234.84ZM291.394 234.84V235.34H291.894V234.84H291.394ZM291.394 232.92H291.894V232.42H291.394V232.92ZM291.379 232.92V232.42H290.837L290.88 232.959L291.379 232.92ZM291.365 233.179L291.857 233.268L291.857 233.268L291.365 233.179ZM290.939 235.526L290.447 235.437V235.437L290.939 235.526ZM255.686 235.767H255.682V236.767H255.686V235.767ZM255.182 236.267V238.027H256.182V236.267H255.182ZM255.182 238.016C255.181 238.037 255.181 238.059 255.182 238.08L256.182 238.058C256.181 238.051 256.181 238.044 256.182 238.038L255.182 238.016ZM255.182 238.069V238.187H256.182V238.069H255.182ZM255.682 238.687H255.691V237.687H255.682V238.687ZM255.196 238.258C255.295 238.95 255.885 239.549 256.683 239.549V238.549C256.421 238.549 256.221 238.356 256.186 238.116L255.196 238.258ZM256.683 239.549H288.971V238.549H256.683V239.549ZM288.971 239.549C290.18 239.549 291.216 238.684 291.431 237.495L290.447 237.317C290.318 238.03 289.697 238.549 288.971 238.549V239.549ZM291.431 237.495L291.857 235.147L290.873 234.969L290.447 237.317L291.431 237.495ZM291.857 235.147C291.877 235.038 291.885 234.928 291.881 234.821L290.881 234.859C290.883 234.894 290.88 234.931 290.873 234.969L291.857 235.147ZM291.381 235.34H291.394V234.34H291.381V235.34ZM291.894 234.84V232.92H290.894V234.84H291.894ZM291.394 232.42H291.379V233.42H291.394V232.42ZM290.88 232.959C290.883 233.001 290.882 233.044 290.873 233.089L291.857 233.268C291.881 233.137 291.887 233.007 291.877 232.88L290.88 232.959ZM290.873 233.089L290.447 235.437L291.431 235.616L291.857 233.268L290.873 233.089ZM290.447 235.437C290.318 236.151 289.697 236.669 288.971 236.669V237.669C290.18 237.669 291.216 236.805 291.431 235.616L290.447 235.437ZM288.971 236.669H256.683V237.669H288.971V236.669ZM256.683 236.669C256.414 236.669 256.209 236.464 256.184 236.217L255.189 236.317C255.262 237.036 255.862 237.669 256.683 237.669V236.669Z" fill="url(#paint5_linear_14_4490)" style="mix-blend-mode:overlay" mask="url(#path-42-inside-4_14_4490)"/>
-</g>
-<g filter="url(#filter13_b_14_4490)">
-<path d="M255.805 235.691L257.246 233.044C257.596 232.4 258.27 232 259.002 232H290.381C291.005 232 291.477 232.565 291.365 233.179L290.939 235.526C290.767 236.478 289.938 237.169 288.971 237.169H256.683C255.924 237.169 255.442 236.358 255.805 235.691Z" fill="white" fill-opacity="0.1"/>
-</g>
-<g filter="url(#filter14_b_14_4490)">
-<mask id="path-45-inside-5_14_4490" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M286.291 251.615V253.209C286.206 253.92 286.761 254.55 287.482 254.55H327.249C328.094 254.55 328.73 253.813 328.642 253.002V251.424C328.566 252.108 327.988 252.67 327.249 252.67H287.482C286.86 252.67 286.361 252.201 286.291 251.615Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M286.291 251.615V253.209C286.206 253.92 286.761 254.55 287.482 254.55H327.249C328.094 254.55 328.73 253.813 328.642 253.002V251.424C328.566 252.108 327.988 252.67 327.249 252.67H287.482C286.86 252.67 286.361 252.201 286.291 251.615Z" fill="white" fill-opacity="0.1"/>
-<path d="M286.291 251.615L286.787 251.555L285.791 251.615H286.291ZM286.291 253.209L286.787 253.268L286.791 253.239V253.209H286.291ZM328.642 253.002H328.142V253.029L328.144 253.056L328.642 253.002ZM328.642 251.424H329.142L328.145 251.37L328.642 251.424ZM285.791 251.615V253.209H286.791V251.615H285.791ZM285.794 253.15C285.674 254.157 286.461 255.05 287.482 255.05V254.05C287.062 254.05 286.738 253.682 286.787 253.268L285.794 253.15ZM287.482 255.05H327.249V254.05H287.482V255.05ZM327.249 255.05C328.397 255.05 329.259 254.05 329.139 252.948L328.144 253.056C328.201 253.577 327.791 254.05 327.249 254.05V255.05ZM329.142 253.002V251.424H328.142V253.002H329.142ZM328.145 251.37C328.096 251.81 327.722 252.17 327.249 252.17V253.17C328.253 253.17 329.037 252.405 329.139 251.479L328.145 251.37ZM327.249 252.17H287.482V253.17H327.249V252.17ZM287.482 252.17C287.12 252.17 286.828 251.897 286.787 251.555L285.794 251.674C285.894 252.504 286.599 253.17 287.482 253.17V252.17Z" fill="url(#paint6_linear_14_4490)" style="mix-blend-mode:overlay" mask="url(#path-45-inside-5_14_4490)"/>
-</g>
-<g filter="url(#filter15_b_14_4490)">
-<path d="M286.295 251.294L286.973 246.738C287.076 246.052 287.665 245.544 288.358 245.544H326.304C326.853 245.544 327.332 245.916 327.467 246.448L328.606 250.925C328.831 251.81 328.162 252.67 327.249 252.67H287.482C286.749 252.67 286.187 252.019 286.295 251.294Z" fill="white" fill-opacity="0.1"/>
-</g>
-<g filter="url(#filter16_b_14_4490)">
-<mask id="path-48-inside-6_14_4490" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M341.469 219.397L342.114 220.889C342.588 221.988 343.671 222.7 344.868 222.7H373.95C374.542 222.7 374.943 222.22 374.952 221.711H374.952V223.562V223.585V223.626H374.951C374.924 224.121 374.528 224.579 373.95 224.579H344.868C343.671 224.579 342.588 223.868 342.114 222.769L341.469 221.276C341.409 221.137 341.383 220.994 341.386 220.856V219.029C341.39 219.151 341.416 219.275 341.469 219.397ZM341.386 218.971C341.387 218.945 341.389 218.92 341.391 218.895H341.386V218.971Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M341.469 219.397L342.114 220.889C342.588 221.988 343.671 222.7 344.868 222.7H373.95C374.542 222.7 374.943 222.22 374.952 221.711H374.952V223.562V223.585V223.626H374.951C374.924 224.121 374.528 224.579 373.95 224.579H344.868C343.671 224.579 342.588 223.868 342.114 222.769L341.469 221.276C341.409 221.137 341.383 220.994 341.386 220.856V219.029C341.39 219.151 341.416 219.275 341.469 219.397ZM341.386 218.971C341.387 218.945 341.389 218.92 341.391 218.895H341.386V218.971Z" fill="white" fill-opacity="0.1"/>
-<path d="M342.114 220.889L341.655 221.088H341.655L342.114 220.889ZM341.469 219.397L341.928 219.199L341.469 219.397ZM374.952 221.711V221.211H374.46L374.452 221.702L374.952 221.711ZM374.952 221.711H375.452V221.211H374.952V221.711ZM374.952 223.626V224.126H375.452V223.626H374.952ZM374.951 223.626V223.126H374.476L374.451 223.599L374.951 223.626ZM342.114 222.769L341.655 222.967H341.655L342.114 222.769ZM341.469 221.276L341.928 221.078L341.469 221.276ZM341.386 220.856L341.886 220.868V220.856H341.386ZM341.386 219.029L341.886 219.014L340.886 219.029H341.386ZM341.386 218.971H340.886L341.886 218.986L341.386 218.971ZM341.391 218.895L341.889 218.948L341.948 218.395H341.391V218.895ZM341.386 218.895V218.395H340.886V218.895H341.386ZM342.573 220.691L341.928 219.199L341.01 219.595L341.655 221.088L342.573 220.691ZM344.868 222.2C343.87 222.2 342.968 221.607 342.573 220.691L341.655 221.088C342.208 222.37 343.471 223.2 344.868 223.2V222.2ZM373.95 222.2H344.868V223.2H373.95V222.2ZM374.452 221.702C374.447 221.969 374.24 222.2 373.95 222.2V223.2C374.844 223.2 375.439 222.471 375.452 221.719L374.452 221.702ZM374.952 222.211H374.952V221.211H374.952V222.211ZM374.452 221.711V223.562H375.452V221.711H374.452ZM374.452 223.562V223.585H375.452V223.562H374.452ZM374.452 223.585V223.626H375.452V223.585H374.452ZM374.952 223.126H374.951V224.126H374.952V223.126ZM374.451 223.599C374.438 223.859 374.234 224.079 373.95 224.079V225.079C374.823 225.079 375.411 224.384 375.45 223.652L374.451 223.599ZM373.95 224.079H344.868V225.079H373.95V224.079ZM344.868 224.079C343.87 224.079 342.968 223.486 342.573 222.571L341.655 222.967C342.209 224.249 343.471 225.079 344.868 225.079V224.079ZM342.573 222.571L341.928 221.078L341.01 221.475L341.655 222.967L342.573 222.571ZM341.928 221.078C341.897 221.006 341.885 220.935 341.886 220.868L340.886 220.843C340.881 221.053 340.921 221.268 341.01 221.475L341.928 221.078ZM341.886 220.856V219.029H340.886V220.856H341.886ZM341.928 219.199C341.901 219.135 341.888 219.073 341.886 219.014L340.887 219.043C340.892 219.228 340.932 219.415 341.01 219.595L341.928 219.199ZM341.886 218.986C341.886 218.973 341.887 218.961 341.889 218.948L340.894 218.842C340.89 218.88 340.888 218.918 340.887 218.956L341.886 218.986ZM341.386 219.395H341.391V218.395H341.386V219.395ZM341.886 218.971V218.895H340.886V218.971H341.886Z" fill="url(#paint7_linear_14_4490)" style="mix-blend-mode:overlay" mask="url(#path-48-inside-6_14_4490)"/>
-</g>
-<g filter="url(#filter17_b_14_4490)">
-<path d="M342.113 220.889L341.469 219.397C341.184 218.736 341.668 218 342.387 218H370.633C371.485 218 372.296 218.362 372.865 218.995L374.694 221.031C375.272 221.675 374.815 222.699 373.95 222.699H344.867C343.671 222.699 342.588 221.988 342.113 220.889Z" fill="white" fill-opacity="0.1"/>
-</g>
-<g filter="url(#filter18_b_14_4490)">
-<mask id="path-51-inside-7_14_4490" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M367.231 259.143L369.673 264.347C370.332 265.75 371.743 266.647 373.294 266.647H414.478C415.059 266.647 415.457 266.184 415.479 265.684V267.476H415.478C415.502 268.008 415.093 268.527 414.477 268.527H373.294C371.743 268.527 370.332 267.63 369.673 266.226L367.231 261.023C367.145 260.839 367.119 260.648 367.143 260.468V258.847C367.157 258.946 367.185 259.046 367.231 259.143Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M367.231 259.143L369.673 264.347C370.332 265.75 371.743 266.647 373.294 266.647H414.478C415.059 266.647 415.457 266.184 415.479 265.684V267.476H415.478C415.502 268.008 415.093 268.527 414.477 268.527H373.294C371.743 268.527 370.332 267.63 369.673 266.226L367.231 261.023C367.145 260.839 367.119 260.648 367.143 260.468V258.847C367.157 258.946 367.185 259.046 367.231 259.143Z" fill="white" fill-opacity="0.1"/>
-<path d="M369.673 264.347L369.22 264.559H369.22L369.673 264.347ZM367.231 259.143L367.683 258.931V258.931L367.231 259.143ZM415.479 265.684H415.979L414.979 265.663L415.479 265.684ZM415.479 267.476V267.976H415.979V267.476H415.479ZM415.478 267.476V266.976H414.955L414.979 267.499L415.478 267.476ZM369.673 266.226L370.125 266.014L369.673 266.226ZM367.231 261.023L367.683 260.81H367.683L367.231 261.023ZM367.143 260.468L367.639 260.534L367.643 260.501V260.468H367.143ZM367.143 258.847L367.639 258.782L366.643 258.847H367.143ZM370.126 264.134L367.683 258.931L366.778 259.356L369.22 264.559L370.126 264.134ZM373.294 266.147C371.937 266.147 370.702 265.363 370.126 264.134L369.22 264.559C369.962 266.138 371.549 267.147 373.294 267.147V266.147ZM414.478 266.147H373.294V267.147H414.478V266.147ZM414.979 265.663C414.968 265.924 414.763 266.147 414.478 266.147V267.147C415.356 267.147 415.946 266.443 415.978 265.706L414.979 265.663ZM415.979 267.476V265.684H414.979V267.476H415.979ZM415.478 267.976H415.479V266.976H415.478V267.976ZM414.477 269.027C415.408 269.027 416.014 268.24 415.978 267.453L414.979 267.499C414.991 267.776 414.779 268.027 414.477 268.027V269.027ZM373.294 269.027H414.477V268.027H373.294V269.027ZM369.22 266.439C369.961 268.018 371.549 269.027 373.294 269.027V268.027C371.937 268.027 370.702 267.242 370.125 266.014L369.22 266.439ZM366.778 261.235L369.22 266.439L370.125 266.014L367.683 260.81L366.778 261.235ZM366.648 260.401C366.611 260.675 366.65 260.963 366.778 261.235L367.683 260.81C367.639 260.716 367.627 260.622 367.639 260.534L366.648 260.401ZM366.643 258.847V260.468H367.643V258.847H366.643ZM367.683 258.931C367.66 258.88 367.645 258.83 367.639 258.782L366.648 258.913C366.668 259.063 366.711 259.212 366.778 259.356L367.683 258.931Z" fill="url(#paint8_linear_14_4490)" style="mix-blend-mode:overlay" mask="url(#path-51-inside-7_14_4490)"/>
-</g>
-<g filter="url(#filter19_b_14_4490)">
-<path d="M369.673 264.347L367.231 259.143C366.92 258.48 367.404 257.718 368.137 257.718H406.948C408.088 257.718 409.173 258.204 409.932 259.054L415.224 264.981C415.799 265.625 415.342 266.647 414.478 266.647H373.294C371.744 266.647 370.332 265.751 369.673 264.347Z" fill="white" fill-opacity="0.1"/>
-</g>
-<g filter="url(#filter20_b_14_4490)">
-<mask id="path-54-inside-8_14_4490" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M397.164 244.83L400.22 248.128C401.167 249.149 402.496 249.73 403.888 249.73H439.252C439.832 249.73 440.215 249.28 440.251 248.796V250.516C440.297 251.056 439.897 251.609 439.253 251.609H403.888C402.496 251.609 401.167 251.029 400.221 250.008L397.165 246.71C396.967 246.496 396.885 246.237 396.898 245.988H396.898V244.218C396.911 244.432 396.995 244.647 397.164 244.83ZM396.898 244.096C396.898 244.089 396.899 244.081 396.899 244.073H396.898V244.096Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M397.164 244.83L400.22 248.128C401.167 249.149 402.496 249.73 403.888 249.73H439.252C439.832 249.73 440.215 249.28 440.251 248.796V250.516C440.297 251.056 439.897 251.609 439.253 251.609H403.888C402.496 251.609 401.167 251.029 400.221 250.008L397.165 246.71C396.967 246.496 396.885 246.237 396.898 245.988H396.898V244.218C396.911 244.432 396.995 244.647 397.164 244.83ZM396.898 244.096C396.898 244.089 396.899 244.081 396.899 244.073H396.898V244.096Z" fill="white" fill-opacity="0.1"/>
-<path d="M400.22 248.128L399.854 248.468L400.22 248.128ZM397.164 244.83L397.531 244.49V244.49L397.164 244.83ZM440.251 248.796H440.751L439.753 248.759L440.251 248.796ZM440.251 250.516H439.751V250.537L439.753 250.558L440.251 250.516ZM400.221 250.008L400.588 249.668L400.221 250.008ZM397.165 246.71L397.532 246.37H397.532L397.165 246.71ZM396.898 245.988L397.397 246.012L397.423 245.488H396.898V245.988ZM396.898 245.988H396.398V246.488H396.898V245.988ZM396.898 244.218L397.397 244.187L396.398 244.218H396.898ZM396.898 244.096H396.398L397.397 244.127L396.898 244.096ZM396.899 244.073L397.398 244.115L397.443 243.573H396.899V244.073ZM396.898 244.073V243.573H396.398V244.073H396.898ZM400.587 247.788L397.531 244.49L396.798 245.17L399.854 248.468L400.587 247.788ZM403.888 249.23C402.635 249.23 401.439 248.707 400.587 247.788L399.854 248.468C400.894 249.591 402.356 250.23 403.888 250.23V249.23ZM439.252 249.23H403.888V250.23H439.252V249.23ZM439.753 248.759C439.733 249.017 439.537 249.23 439.252 249.23V250.23C440.128 250.23 440.697 249.544 440.75 248.834L439.753 248.759ZM439.751 248.796V250.516H440.751V248.796H439.751ZM439.753 250.558C439.778 250.845 439.566 251.109 439.253 251.109V252.109C440.227 252.109 440.817 251.267 440.75 250.474L439.753 250.558ZM439.253 251.109H403.888V252.109H439.253V251.109ZM403.888 251.109C402.636 251.109 401.439 250.587 400.588 249.668L399.854 250.348C400.895 251.471 402.357 252.109 403.888 252.109V251.109ZM400.588 249.668L397.532 246.37L396.798 247.05L399.854 250.348L400.588 249.668ZM397.532 246.37C397.429 246.259 397.391 246.133 397.397 246.012L396.398 245.963C396.38 246.341 396.505 246.733 396.798 247.05L397.532 246.37ZM396.898 245.488H396.898V246.488H396.898V245.488ZM397.398 245.988V244.218H396.398V245.988H397.398ZM397.531 244.49C397.442 244.394 397.403 244.289 397.397 244.187L396.399 244.248C396.419 244.575 396.548 244.901 396.798 245.17L397.531 244.49ZM397.397 244.127C397.397 244.123 397.397 244.119 397.398 244.115L396.401 244.031C396.4 244.042 396.399 244.054 396.399 244.066L397.397 244.127ZM396.898 244.573H396.899V243.573H396.898V244.573ZM397.398 244.096V244.073H396.398V244.096H397.398Z" fill="url(#paint9_linear_14_4490)" style="mix-blend-mode:overlay" mask="url(#path-54-inside-8_14_4490)"/>
-</g>
-<g filter="url(#filter21_b_14_4490)">
-<path d="M400.221 248.128L397.165 244.83C396.572 244.19 397.026 243.15 397.898 243.15H432.267C433.428 243.15 434.553 243.555 435.449 244.294L439.889 247.958C440.612 248.555 440.19 249.729 439.253 249.729H403.888C402.496 249.729 401.167 249.149 400.221 248.128Z" fill="white" fill-opacity="0.1"/>
-</g>
-<g filter="url(#filter22_b_14_4490)">
-<mask id="path-57-inside-9_14_4490" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M421.339 233.301L423.913 235.327C425.323 236.438 427.067 237.041 428.862 237.041H458.424C458.902 237.041 459.202 236.67 459.224 236.279V238.065C459.249 238.488 458.94 238.921 458.424 238.921H428.862C427.067 238.921 425.323 238.317 423.913 237.207L421.339 235.18C421.096 234.989 421.007 234.715 421.039 234.459V232.779C421.063 232.971 421.159 233.158 421.339 233.301ZM421.039 232.579C421.039 232.576 421.04 232.573 421.04 232.569H421.039V232.579Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M421.339 233.301L423.913 235.327C425.323 236.438 427.067 237.041 428.862 237.041H458.424C458.902 237.041 459.202 236.67 459.224 236.279V238.065C459.249 238.488 458.94 238.921 458.424 238.921H428.862C427.067 238.921 425.323 238.317 423.913 237.207L421.339 235.18C421.096 234.989 421.007 234.715 421.039 234.459V232.779C421.063 232.971 421.159 233.158 421.339 233.301ZM421.039 232.579C421.039 232.576 421.04 232.573 421.04 232.569H421.039V232.579Z" fill="white" fill-opacity="0.1"/>
-<path d="M423.913 235.327L424.222 234.934L423.913 235.327ZM421.339 233.301L421.649 232.908L421.339 233.301ZM459.224 236.279H459.724L458.725 236.251L459.224 236.279ZM459.224 238.065H458.724V238.08L458.725 238.094L459.224 238.065ZM423.913 237.207L424.222 236.814L423.913 237.207ZM421.339 235.18L421.03 235.573H421.03L421.339 235.18ZM421.039 234.459L421.535 234.521L421.539 234.49V234.459H421.039ZM421.039 232.779L421.535 232.717L420.539 232.779H421.039ZM421.039 232.579H420.539L421.535 232.641L421.039 232.579ZM421.04 232.569L421.536 232.637L421.613 232.069H421.04V232.569ZM421.039 232.569V232.069H420.539V232.569H421.039ZM424.222 234.934L421.649 232.908L421.03 233.693L423.604 235.72L424.222 234.934ZM428.862 236.541C427.179 236.541 425.545 235.975 424.222 234.934L423.604 235.72C425.102 236.9 426.954 237.541 428.862 237.541V236.541ZM458.424 236.541H428.862V237.541H458.424V236.541ZM458.725 236.251C458.721 236.331 458.687 236.406 458.636 236.459C458.591 236.505 458.525 236.541 458.424 236.541V237.541C459.207 237.541 459.689 236.922 459.724 236.308L458.725 236.251ZM458.724 236.279V238.065H459.724V236.279H458.724ZM458.725 238.094C458.73 238.178 458.701 238.264 458.648 238.326C458.601 238.38 458.532 238.421 458.424 238.421V239.421C459.272 239.421 459.762 238.7 459.724 238.037L458.725 238.094ZM458.424 238.421H428.862V239.421H458.424V238.421ZM428.862 238.421C427.179 238.421 425.545 237.855 424.222 236.814L423.604 237.599C425.102 238.779 426.954 239.421 428.862 239.421V238.421ZM424.222 236.814L421.649 234.787L421.03 235.573L423.604 237.599L424.222 236.814ZM421.649 234.787C421.553 234.712 421.523 234.616 421.535 234.521L420.543 234.397C420.491 234.814 420.639 235.265 421.03 235.573L421.649 234.787ZM421.539 234.459V232.779H420.539V234.459H421.539ZM421.649 232.908C421.574 232.849 421.543 232.782 421.535 232.717L420.543 232.842C420.583 233.16 420.743 233.468 421.03 233.693L421.649 232.908ZM421.535 232.641C421.535 232.64 421.535 232.638 421.536 232.637L420.545 232.502C420.544 232.507 420.543 232.512 420.543 232.518L421.535 232.641ZM421.039 233.069H421.04V232.069H421.039V233.069ZM421.539 232.579V232.569H420.539V232.579H421.539Z" fill="url(#paint10_linear_14_4490)" style="mix-blend-mode:overlay" mask="url(#path-57-inside-9_14_4490)"/>
-</g>
-<g filter="url(#filter23_b_14_4490)">
-<path d="M423.913 235.327L421.34 233.3C420.743 232.831 421.075 231.872 421.835 231.872H450.567C452.041 231.872 453.487 232.279 454.745 233.049L458.843 235.559C459.531 235.981 459.232 237.041 458.425 237.041H428.862C427.067 237.041 425.324 236.437 423.913 235.327Z" fill="white" fill-opacity="0.1"/>
-</g>
-<g filter="url(#filter24_b_14_4490)">
-<mask id="path-60-inside-10_14_4490" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M173.502 234.154L170.928 236.181C169.518 237.291 167.774 237.895 165.979 237.895H136.417C135.939 237.895 135.639 237.523 135.617 237.133V238.919C135.592 239.342 135.901 239.775 136.417 239.775H165.979C167.774 239.775 169.518 239.171 170.928 238.06L173.502 236.034C173.745 235.842 173.834 235.569 173.802 235.313V233.633C173.778 233.825 173.682 234.012 173.502 234.154ZM173.802 233.433C173.802 233.43 173.801 233.426 173.801 233.423H173.802V233.433Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M173.502 234.154L170.928 236.181C169.518 237.291 167.774 237.895 165.979 237.895H136.417C135.939 237.895 135.639 237.523 135.617 237.133V238.919C135.592 239.342 135.901 239.775 136.417 239.775H165.979C167.774 239.775 169.518 239.171 170.928 238.06L173.502 236.034C173.745 235.842 173.834 235.569 173.802 235.313V233.633C173.778 233.825 173.682 234.012 173.502 234.154ZM173.802 233.433C173.802 233.43 173.801 233.426 173.801 233.423H173.802V233.433Z" fill="white" fill-opacity="0.1"/>
-<path d="M170.928 236.181L170.619 235.788L170.928 236.181ZM173.502 234.154L173.192 233.761L173.502 234.154ZM135.617 237.133H135.117L136.116 237.104L135.617 237.133ZM135.617 238.919H136.117V238.933L136.116 238.948L135.617 238.919ZM170.928 238.06L170.619 237.667L170.928 238.06ZM173.502 236.034L173.811 236.427H173.811L173.502 236.034ZM173.802 235.313L173.306 235.374L173.302 235.344V235.313H173.802ZM173.802 233.633L173.306 233.57L174.302 233.633H173.802ZM173.802 233.433H174.302L173.306 233.495L173.802 233.433ZM173.801 233.423L173.305 233.491L173.228 232.923H173.801V233.423ZM173.802 233.423V232.923H174.302V233.423H173.802ZM170.619 235.788L173.192 233.761L173.811 234.547L171.237 236.573L170.619 235.788ZM165.979 237.395C167.662 237.395 169.296 236.829 170.619 235.788L171.237 236.573C169.739 237.753 167.887 238.395 165.979 238.395V237.395ZM136.417 237.395H165.979V238.395H136.417V237.395ZM136.116 237.104C136.12 237.184 136.154 237.26 136.205 237.312C136.25 237.359 136.316 237.395 136.417 237.395V238.395C135.634 238.395 135.152 237.776 135.117 237.161L136.116 237.104ZM136.117 237.133V238.919H135.117V237.133H136.117ZM136.116 238.948C136.111 239.032 136.14 239.118 136.193 239.179C136.24 239.234 136.309 239.275 136.417 239.275V240.275C135.569 240.275 135.079 239.554 135.117 238.89L136.116 238.948ZM136.417 239.275H165.979V240.275H136.417V239.275ZM165.979 239.275C167.662 239.275 169.296 238.709 170.619 237.667L171.237 238.453C169.739 239.633 167.887 240.275 165.979 240.275V239.275ZM170.619 237.667L173.192 235.641L173.811 236.427L171.237 238.453L170.619 237.667ZM173.192 235.641C173.288 235.566 173.318 235.47 173.306 235.374L174.298 235.251C174.35 235.668 174.202 236.119 173.811 236.427L173.192 235.641ZM173.302 235.313V233.633H174.302V235.313H173.302ZM173.192 233.761C173.267 233.703 173.298 233.635 173.306 233.57L174.298 233.696C174.258 234.014 174.098 234.321 173.811 234.547L173.192 233.761ZM173.306 233.495C173.306 233.493 173.306 233.492 173.305 233.491L174.296 233.355C174.297 233.361 174.298 233.366 174.298 233.371L173.306 233.495ZM173.802 233.923H173.801V232.923H173.802V233.923ZM173.302 233.433V233.423H174.302V233.433H173.302Z" fill="url(#paint11_linear_14_4490)" style="mix-blend-mode:overlay" mask="url(#path-60-inside-10_14_4490)"/>
-</g>
-<g filter="url(#filter25_b_14_4490)">
-<path d="M170.928 236.18L173.501 234.154C174.098 233.684 173.766 232.725 173.006 232.725H144.274C142.799 232.725 141.354 233.133 140.096 233.903L135.998 236.412C135.31 236.834 135.608 237.895 136.416 237.895H165.979C167.774 237.895 169.517 237.291 170.928 236.18Z" fill="white" fill-opacity="0.1"/>
-</g>
-<g filter="url(#filter26_b_14_4490)">
-<mask id="path-63-inside-11_14_4490" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M171 164C168.791 164 167 165.791 167 168V170C167 167.791 168.791 166 171 166H430C432.209 166 434 167.791 434 170V168C434 165.791 432.209 164 430 164H171Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M171 164C168.791 164 167 165.791 167 168V170C167 167.791 168.791 166 171 166H430C432.209 166 434 167.791 434 170V168C434 165.791 432.209 164 430 164H171Z" fill="white" fill-opacity="0.1"/>
-<path d="M168 168C168 166.343 169.343 165 171 165V163C168.239 163 166 165.239 166 168H168ZM168 170V168H166V170H168ZM168 170C168 168.343 169.343 167 171 167V165C168.239 165 166 167.239 166 170H168ZM171 167H430V165H171V167ZM430 167C431.657 167 433 168.343 433 170H435C435 167.239 432.761 165 430 165V167ZM433 168V170H435V168H433ZM430 165C431.657 165 433 166.343 433 168H435C435 165.239 432.761 163 430 163V165ZM171 165H430V163H171V165Z" fill="url(#paint12_linear_14_4490)" style="mix-blend-mode:overlay" mask="url(#path-63-inside-11_14_4490)"/>
-</g>
-<g filter="url(#filter27_b_14_4490)">
-<rect x="167" y="166" width="267" height="20" rx="4" fill="white" fill-opacity="0.1"/>
-<rect x="167.5" y="166.5" width="266" height="19" rx="3.5" stroke="url(#paint13_linear_14_4490)" style="mix-blend-mode:overlay"/>
-</g>
-<g filter="url(#filter28_b_14_4490)">
-<mask id="path-67-inside-12_14_4490" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M171 138C168.791 138 167 139.791 167 142V144C167 141.791 168.791 140 171 140H430C432.209 140 434 141.791 434 144V142C434 139.791 432.209 138 430 138H171Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M171 138C168.791 138 167 139.791 167 142V144C167 141.791 168.791 140 171 140H430C432.209 140 434 141.791 434 144V142C434 139.791 432.209 138 430 138H171Z" fill="white" fill-opacity="0.1"/>
-<path d="M168 142C168 140.343 169.343 139 171 139V137C168.239 137 166 139.239 166 142H168ZM168 144V142H166V144H168ZM168 144C168 142.343 169.343 141 171 141V139C168.239 139 166 141.239 166 144H168ZM171 141H430V139H171V141ZM430 141C431.657 141 433 142.343 433 144H435C435 141.239 432.761 139 430 139V141ZM433 142V144H435V142H433ZM430 139C431.657 139 433 140.343 433 142H435C435 139.239 432.761 137 430 137V139ZM171 139H430V137H171V139Z" fill="url(#paint14_linear_14_4490)" style="mix-blend-mode:overlay" mask="url(#path-67-inside-12_14_4490)"/>
-</g>
-<g filter="url(#filter29_b_14_4490)">
-<rect x="167" y="140" width="267" height="20" rx="4" fill="white" fill-opacity="0.1"/>
-<rect x="167.5" y="140.5" width="266" height="19" rx="3.5" stroke="url(#paint15_linear_14_4490)" style="mix-blend-mode:overlay"/>
-</g>
-<rect x="350" y="145" width="10" height="10" rx="2" fill="#00C39A"/>
-<rect x="362" y="145" width="5" height="10" rx="2" fill="#00C39A"/>
-<rect x="369" y="145" width="5" height="10" rx="2" fill="#00C39A"/>
-<rect x="379" y="145" width="5" height="10" rx="2" fill="#976CF2"/>
-<rect x="386" y="145" width="10" height="10" rx="2" fill="#976CF2"/>
-<rect x="398" y="145" width="5" height="10" rx="2" fill="#976CF2"/>
-<rect x="405" y="145" width="5" height="10" rx="2" fill="#976CF2"/>
-<rect x="412" y="145" width="10" height="10" rx="2" fill="#976CF2"/>
-<rect x="424" y="145" width="5" height="10" rx="2" fill="#976CF2"/>
-<rect x="328.606" y="160" width="11.293" height="10" rx="2" transform="rotate(9.24086 328.606 160)" fill="#00C39A"/>
-<rect x="341" y="151.622" width="5" height="10" rx="2" transform="rotate(-7.1475 341 151.622)" fill="#00C39A"/>
-<rect x="172" y="171" width="74" height="10" rx="2" fill="#FA7565"/>
-<rect x="250" y="171" width="39" height="10" rx="2" fill="#FFD155"/>
-<rect x="293" y="171" width="31" height="10" rx="2" fill="#00C39A"/>
-<path d="M211.5 139C211.5 139.276 211.724 139.5 212 139.5C212.276 139.5 212.5 139.276 212.5 139H211.5ZM211.5 123.417C211.5 123.693 211.724 123.917 212 123.917C212.276 123.917 212.5 123.693 212.5 123.417H211.5ZM212.5 126.25C212.5 125.974 212.276 125.75 212 125.75C211.724 125.75 211.5 125.974 211.5 126.25H212.5ZM211.5 129.083C211.5 129.359 211.724 129.583 212 129.583C212.276 129.583 212.5 129.359 212.5 129.083H211.5ZM212.5 131.917C212.5 131.641 212.276 131.417 212 131.417C211.724 131.417 211.5 131.641 211.5 131.917H212.5ZM211.5 134.75C211.5 135.026 211.724 135.25 212 135.25C212.276 135.25 212.5 135.026 212.5 134.75H211.5ZM212.5 137.583C212.5 137.307 212.276 137.083 212 137.083C211.724 137.083 211.5 137.307 211.5 137.583H212.5ZM211.5 122V123.417H212.5V122H211.5ZM211.5 126.25V129.083H212.5V126.25H211.5ZM211.5 131.917V134.75H212.5V131.917H211.5ZM211.5 137.583V139H212.5V137.583H211.5Z" fill="white" fill-opacity="0.4"/>
-<path d="M255.5 139C255.5 139.276 255.724 139.5 256 139.5C256.276 139.5 256.5 139.276 256.5 139H255.5ZM255.5 123.417C255.5 123.693 255.724 123.917 256 123.917C256.276 123.917 256.5 123.693 256.5 123.417H255.5ZM256.5 126.25C256.5 125.974 256.276 125.75 256 125.75C255.724 125.75 255.5 125.974 255.5 126.25H256.5ZM255.5 129.083C255.5 129.359 255.724 129.583 256 129.583C256.276 129.583 256.5 129.359 256.5 129.083H255.5ZM256.5 131.917C256.5 131.641 256.276 131.417 256 131.417C255.724 131.417 255.5 131.641 255.5 131.917H256.5ZM255.5 134.75C255.5 135.026 255.724 135.25 256 135.25C256.276 135.25 256.5 135.026 256.5 134.75H255.5ZM256.5 137.583C256.5 137.307 256.276 137.083 256 137.083C255.724 137.083 255.5 137.307 255.5 137.583H256.5ZM255.5 122V123.417H256.5V122H255.5ZM255.5 126.25V129.083H256.5V126.25H255.5ZM255.5 131.917V134.75H256.5V131.917H255.5ZM255.5 137.583V139H256.5V137.583H255.5Z" fill="white" fill-opacity="0.4"/>
-<path d="M299.5 139C299.5 139.276 299.724 139.5 300 139.5C300.276 139.5 300.5 139.276 300.5 139H299.5ZM299.5 123.417C299.5 123.693 299.724 123.917 300 123.917C300.276 123.917 300.5 123.693 300.5 123.417H299.5ZM300.5 126.25C300.5 125.974 300.276 125.75 300 125.75C299.724 125.75 299.5 125.974 299.5 126.25H300.5ZM299.5 129.083C299.5 129.359 299.724 129.583 300 129.583C300.276 129.583 300.5 129.359 300.5 129.083H299.5ZM300.5 131.917C300.5 131.641 300.276 131.417 300 131.417C299.724 131.417 299.5 131.641 299.5 131.917H300.5ZM299.5 134.75C299.5 135.026 299.724 135.25 300 135.25C300.276 135.25 300.5 135.026 300.5 134.75H299.5ZM300.5 137.583C300.5 137.307 300.276 137.083 300 137.083C299.724 137.083 299.5 137.307 299.5 137.583H300.5ZM299.5 122V123.417H300.5V122H299.5ZM299.5 126.25V129.083H300.5V126.25H299.5ZM299.5 131.917V134.75H300.5V131.917H299.5ZM299.5 137.583V139H300.5V137.583H299.5Z" fill="white" fill-opacity="0.4"/>
-<path d="M343.5 139C343.5 139.276 343.724 139.5 344 139.5C344.276 139.5 344.5 139.276 344.5 139H343.5ZM343.5 123.417C343.5 123.693 343.724 123.917 344 123.917C344.276 123.917 344.5 123.693 344.5 123.417H343.5ZM344.5 126.25C344.5 125.974 344.276 125.75 344 125.75C343.724 125.75 343.5 125.974 343.5 126.25H344.5ZM343.5 129.083C343.5 129.359 343.724 129.583 344 129.583C344.276 129.583 344.5 129.359 344.5 129.083H343.5ZM344.5 131.917C344.5 131.641 344.276 131.417 344 131.417C343.724 131.417 343.5 131.641 343.5 131.917H344.5ZM343.5 134.75C343.5 135.026 343.724 135.25 344 135.25C344.276 135.25 344.5 135.026 344.5 134.75H343.5ZM344.5 137.583C344.5 137.307 344.276 137.083 344 137.083C343.724 137.083 343.5 137.307 343.5 137.583H344.5ZM343.5 122V123.417H344.5V122H343.5ZM343.5 126.25V129.083H344.5V126.25H343.5ZM343.5 131.917V134.75H344.5V131.917H343.5ZM343.5 137.583V139H344.5V137.583H343.5Z" fill="white" fill-opacity="0.4"/>
-<path d="M387.5 139C387.5 139.276 387.724 139.5 388 139.5C388.276 139.5 388.5 139.276 388.5 139H387.5ZM387.5 123.417C387.5 123.693 387.724 123.917 388 123.917C388.276 123.917 388.5 123.693 388.5 123.417H387.5ZM388.5 126.25C388.5 125.974 388.276 125.75 388 125.75C387.724 125.75 387.5 125.974 387.5 126.25H388.5ZM387.5 129.083C387.5 129.359 387.724 129.583 388 129.583C388.276 129.583 388.5 129.359 388.5 129.083H387.5ZM388.5 131.917C388.5 131.641 388.276 131.417 388 131.417C387.724 131.417 387.5 131.641 387.5 131.917H388.5ZM387.5 134.75C387.5 135.026 387.724 135.25 388 135.25C388.276 135.25 388.5 135.026 388.5 134.75H387.5ZM388.5 137.583C388.5 137.307 388.276 137.083 388 137.083C387.724 137.083 387.5 137.307 387.5 137.583H388.5ZM387.5 122V123.417H388.5V122H387.5ZM387.5 126.25V129.083H388.5V126.25H387.5ZM387.5 131.917V134.75H388.5V131.917H387.5ZM387.5 137.583V139H388.5V137.583H387.5Z" fill="white" fill-opacity="0.4"/>
-<g filter="url(#filter30_b_14_4490)">
-<mask id="path-90-inside-13_14_4490" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M196 80C193.791 80 192 81.7909 192 84V86C192 83.7909 193.791 82 196 82H228C230.209 82 232 83.7909 232 86V84C232 81.7909 230.209 80 228 80H196Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M196 80C193.791 80 192 81.7909 192 84V86C192 83.7909 193.791 82 196 82H228C230.209 82 232 83.7909 232 86V84C232 81.7909 230.209 80 228 80H196Z" fill="white" fill-opacity="0.1"/>
-<path d="M193 84C193 82.3431 194.343 81 196 81V79C193.239 79 191 81.2386 191 84H193ZM193 86V84H191V86H193ZM193 86C193 84.3431 194.343 83 196 83V81C193.239 81 191 83.2386 191 86H193ZM196 83H228V81H196V83ZM228 83C229.657 83 231 84.3431 231 86H233C233 83.2386 230.761 81 228 81V83ZM231 84V86H233V84H231ZM228 81C229.657 81 231 82.3431 231 84H233C233 81.2386 230.761 79 228 79V81ZM196 81H228V79H196V81Z" fill="url(#paint16_linear_14_4490)" style="mix-blend-mode:overlay" mask="url(#path-90-inside-13_14_4490)"/>
-</g>
-<g filter="url(#filter31_b_14_4490)">
-<rect x="192" y="82" width="40" height="40" rx="4" fill="white" fill-opacity="0.1"/>
-<rect x="192.5" y="82.5" width="39" height="39" rx="3.5" stroke="url(#paint17_linear_14_4490)" style="mix-blend-mode:overlay"/>
-</g>
-<rect x="200" y="97" width="5" height="10" rx="2" fill="#FFD155"/>
-<rect x="207" y="97" width="10" height="10" rx="2" fill="#FA7565"/>
-<rect x="219" y="97" width="5" height="10" rx="2" fill="#00C39A"/>
-<g filter="url(#filter32_b_14_4490)">
-<g filter="url(#filter33_b_14_4490)">
-<mask id="path-97-inside-14_14_4490" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M240 80C237.791 80 236 81.7909 236 84V86C236 83.7909 237.791 82 240 82H272C274.209 82 276 83.7909 276 86V84C276 81.7909 274.209 80 272 80H240Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M240 80C237.791 80 236 81.7909 236 84V86C236 83.7909 237.791 82 240 82H272C274.209 82 276 83.7909 276 86V84C276 81.7909 274.209 80 272 80H240Z" fill="white" fill-opacity="0.1"/>
-<path d="M237 84C237 82.3431 238.343 81 240 81V79C237.239 79 235 81.2386 235 84H237ZM237 86V84H235V86H237ZM237 86C237 84.3431 238.343 83 240 83V81C237.239 81 235 83.2386 235 86H237ZM240 83H272V81H240V83ZM272 83C273.657 83 275 84.3431 275 86H277C277 83.2386 274.761 81 272 81V83ZM275 84V86H277V84H275ZM272 81C273.657 81 275 82.3431 275 84H277C277 81.2386 274.761 79 272 79V81ZM240 81H272V79H240V81Z" fill="url(#paint18_linear_14_4490)" style="mix-blend-mode:overlay" mask="url(#path-97-inside-14_14_4490)"/>
-</g>
-</g>
-<g filter="url(#filter34_b_14_4490)">
-<rect x="236" y="82" width="40" height="40" rx="4" fill="white" fill-opacity="0.1"/>
-<rect x="236.5" y="82.5" width="39" height="39" rx="3.5" stroke="url(#paint19_linear_14_4490)" style="mix-blend-mode:overlay"/>
-</g>
-<rect x="241" y="97" width="5" height="10" rx="2" fill="#FA7565"/>
-<rect x="248" y="97" width="5" height="10" rx="2" fill="#00C39A"/>
-<rect x="255" y="97" width="9" height="10" rx="2" fill="#976CF2"/>
-<rect x="266" y="97" width="5" height="10" rx="2" fill="#FA7565"/>
-<g filter="url(#filter35_b_14_4490)">
-<g filter="url(#filter36_b_14_4490)">
-<mask id="path-105-inside-15_14_4490" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M284 80C281.791 80 280 81.7909 280 84V86C280 83.7909 281.791 82 284 82H316C318.209 82 320 83.7909 320 86V84C320 81.7909 318.209 80 316 80H284Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M284 80C281.791 80 280 81.7909 280 84V86C280 83.7909 281.791 82 284 82H316C318.209 82 320 83.7909 320 86V84C320 81.7909 318.209 80 316 80H284Z" fill="white" fill-opacity="0.1"/>
-<path d="M281 84C281 82.3431 282.343 81 284 81V79C281.239 79 279 81.2386 279 84H281ZM281 86V84H279V86H281ZM281 86C281 84.3431 282.343 83 284 83V81C281.239 81 279 83.2386 279 86H281ZM284 83H316V81H284V83ZM316 83C317.657 83 319 84.3431 319 86H321C321 83.2386 318.761 81 316 81V83ZM319 84V86H321V84H319ZM316 81C317.657 81 319 82.3431 319 84H321C321 81.2386 318.761 79 316 79V81ZM284 81H316V79H284V81Z" fill="url(#paint20_linear_14_4490)" style="mix-blend-mode:overlay" mask="url(#path-105-inside-15_14_4490)"/>
-</g>
-</g>
-<g filter="url(#filter37_b_14_4490)">
-<rect x="280" y="82" width="40" height="40" rx="4" fill="white" fill-opacity="0.1"/>
-<rect x="280.5" y="82.5" width="39" height="39" rx="3.5" stroke="url(#paint21_linear_14_4490)" style="mix-blend-mode:overlay"/>
-</g>
-<rect x="285" y="97" width="5" height="10" rx="2" fill="#976CF2"/>
-<rect x="292" y="97" width="11" height="10" rx="2" fill="#FFD155"/>
-<rect x="305" y="97" width="10" height="10" rx="2" fill="#00C39A"/>
-<g filter="url(#filter38_b_14_4490)">
-<g filter="url(#filter39_b_14_4490)">
-<mask id="path-112-inside-16_14_4490" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M328 80C325.791 80 324 81.7909 324 84V86C324 83.7909 325.791 82 328 82H360C362.209 82 364 83.7909 364 86V84C364 81.7909 362.209 80 360 80H328Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M328 80C325.791 80 324 81.7909 324 84V86C324 83.7909 325.791 82 328 82H360C362.209 82 364 83.7909 364 86V84C364 81.7909 362.209 80 360 80H328Z" fill="white" fill-opacity="0.1"/>
-<path d="M325 84C325 82.3431 326.343 81 328 81V79C325.239 79 323 81.2386 323 84H325ZM325 86V84H323V86H325ZM325 86C325 84.3431 326.343 83 328 83V81C325.239 81 323 83.2386 323 86H325ZM328 83H360V81H328V83ZM360 83C361.657 83 363 84.3431 363 86H365C365 83.2386 362.761 81 360 81V83ZM363 84V86H365V84H363ZM360 81C361.657 81 363 82.3431 363 84H365C365 81.2386 362.761 79 360 79V81ZM328 81H360V79H328V81Z" fill="url(#paint22_linear_14_4490)" style="mix-blend-mode:overlay" mask="url(#path-112-inside-16_14_4490)"/>
-</g>
-</g>
-<g filter="url(#filter40_b_14_4490)">
-<rect x="324" y="82" width="40" height="40" rx="4" fill="white" fill-opacity="0.1"/>
-<rect x="324.5" y="82.5" width="39" height="39" rx="3.5" stroke="url(#paint23_linear_14_4490)" style="mix-blend-mode:overlay"/>
-</g>
-<rect x="332" y="97" width="5" height="10" rx="2" fill="#976CF2"/>
-<rect x="339" y="97" width="10" height="10" rx="2" fill="#FA7565"/>
-<rect x="351" y="97" width="5" height="10" rx="2" fill="#FFD155"/>
-<g filter="url(#filter41_b_14_4490)">
-<g filter="url(#filter42_b_14_4490)">
-<mask id="path-119-inside-17_14_4490" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M372 80C369.791 80 368 81.7909 368 84V86C368 83.7909 369.791 82 372 82H404C406.209 82 408 83.7909 408 86V84C408 81.7909 406.209 80 404 80H372Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M372 80C369.791 80 368 81.7909 368 84V86C368 83.7909 369.791 82 372 82H404C406.209 82 408 83.7909 408 86V84C408 81.7909 406.209 80 404 80H372Z" fill="white" fill-opacity="0.1"/>
-<path d="M369 84C369 82.3431 370.343 81 372 81V79C369.239 79 367 81.2386 367 84H369ZM369 86V84H367V86H369ZM369 86C369 84.3431 370.343 83 372 83V81C369.239 81 367 83.2386 367 86H369ZM372 83H404V81H372V83ZM404 83C405.657 83 407 84.3431 407 86H409C409 83.2386 406.761 81 404 81V83ZM407 84V86H409V84H407ZM404 81C405.657 81 407 82.3431 407 84H409C409 81.2386 406.761 79 404 79V81ZM372 81H404V79H372V81Z" fill="url(#paint24_linear_14_4490)" style="mix-blend-mode:overlay" mask="url(#path-119-inside-17_14_4490)"/>
-</g>
-</g>
-<g filter="url(#filter43_b_14_4490)">
-<rect x="368" y="82" width="40" height="40" rx="4" fill="white" fill-opacity="0.1"/>
-<rect x="368.5" y="82.5" width="39" height="39" rx="3.5" stroke="url(#paint25_linear_14_4490)" style="mix-blend-mode:overlay"/>
-</g>
-<rect width="5" height="10" rx="2" transform="matrix(-1 0 0 1 401 97)" fill="#00C39A"/>
-<rect width="5" height="10" rx="2" transform="matrix(-1 0 0 1 394 97)" fill="#FA7565"/>
-<rect width="5" height="10" rx="2" transform="matrix(-1 0 0 1 387 97)" fill="#976CF2"/>
-<rect width="5" height="10" rx="2" transform="matrix(-1 0 0 1 380 97)" fill="#976CF2"/>
-<path d="M212.422 81.2679C212.274 81.5011 211.965 81.5701 211.732 81.4222C211.499 81.2742 211.43 80.9652 211.578 80.7321L212.422 81.2679ZM278.577 48.7047C278.303 48.7444 278.05 48.5549 278.01 48.2816C277.971 48.0084 278.16 47.7547 278.433 47.7151L278.577 48.7047ZM275.494 48.1677C275.766 48.1233 276.023 48.3082 276.068 48.5807C276.112 48.8532 275.927 49.1102 275.655 49.1547L275.494 48.1677ZM272.712 49.6628C272.44 49.7124 272.18 49.5323 272.131 49.2606C272.081 48.989 272.261 48.7286 272.533 48.6791L272.712 49.6628ZM269.603 49.2419C269.874 49.1872 270.138 49.3623 270.192 49.6329C270.247 49.9036 270.072 50.1674 269.801 50.2221L269.603 49.2419ZM266.905 50.837C266.636 50.8971 266.369 50.7272 266.309 50.4577C266.248 50.1882 266.418 49.921 266.688 49.861L266.905 50.837ZM263.764 50.5436C264.032 50.4781 264.303 50.6424 264.368 50.9106C264.434 51.1789 264.269 51.4495 264.001 51.515L263.764 50.5436ZM261.127 52.2496C260.86 52.3208 260.586 52.1623 260.515 51.8955C260.443 51.6287 260.602 51.3547 260.869 51.2835L261.127 52.2496ZM258.001 52.0823C258.267 52.0052 258.544 52.1578 258.621 52.423C258.698 52.6881 258.545 52.9655 258.28 53.0426L258.001 52.0823ZM255.432 53.9048C255.169 53.9879 254.888 53.8417 254.805 53.5783C254.722 53.315 254.868 53.0342 255.131 52.9511L255.432 53.9048ZM252.283 53.886C252.544 53.7967 252.829 53.9363 252.918 54.1976C253.007 54.4589 252.867 54.7431 252.606 54.8323L252.283 53.886ZM249.81 55.8248C249.551 55.9203 249.264 55.7878 249.168 55.5287C249.072 55.2696 249.205 54.9821 249.464 54.8866L249.81 55.8248ZM246.674 55.9553C246.931 55.8533 247.222 55.9786 247.324 56.2351C247.426 56.4917 247.301 56.7825 247.044 56.8845L246.674 55.9553ZM244.308 58.014C244.055 58.1228 243.761 58.0051 243.652 57.7513C243.543 57.4975 243.661 57.2035 243.915 57.0948L244.308 58.014ZM241.186 58.3076C241.436 58.1921 241.733 58.3017 241.849 58.5525C241.964 58.8032 241.855 59.1002 241.604 59.2158L241.186 58.3076ZM238.926 60.4962C238.678 60.6188 238.378 60.5176 238.256 60.2702C238.133 60.0228 238.234 59.7228 238.482 59.6002L238.926 60.4962ZM235.818 60.9694C236.061 60.8395 236.364 60.9318 236.494 61.1755C236.624 61.4192 236.532 61.7221 236.288 61.8519L235.818 60.9694ZM233.695 63.2845C233.455 63.4218 233.15 63.3388 233.012 63.0992C232.875 62.8596 232.958 62.5541 233.198 62.4168L233.695 63.2845ZM230.624 63.946C230.859 63.8011 231.167 63.8743 231.312 64.1094C231.456 64.3445 231.383 64.6526 231.148 64.7974L230.624 63.946ZM228.645 66.3973C228.415 66.55 228.105 66.4872 227.952 66.2571C227.8 66.0269 227.862 65.7167 228.093 65.564L228.645 66.3973ZM225.619 67.2677C225.844 67.1071 226.156 67.1589 226.317 67.3835C226.477 67.6081 226.426 67.9204 226.201 68.081L225.619 67.2677ZM223.827 69.8464C223.609 70.0153 223.294 69.9751 223.126 69.7567C222.957 69.5382 222.997 69.2242 223.215 69.0553L223.827 69.8464ZM220.884 70.932C221.095 70.7546 221.411 70.7823 221.588 70.9939C221.766 71.2055 221.738 71.5209 221.526 71.6983L220.884 70.932ZM219.296 73.6502C219.092 73.8366 218.776 73.8224 218.59 73.6187C218.403 73.4149 218.417 73.0986 218.621 72.9123L219.296 73.6502ZM216.45 74.9926C216.645 74.7967 216.961 74.7958 217.157 74.9905C217.353 75.1852 217.354 75.5018 217.159 75.6976L216.45 74.9926ZM215.137 77.8431C214.954 78.0493 214.638 78.0677 214.432 77.8841C214.225 77.7005 214.207 77.3845 214.39 77.1782L215.137 77.8431ZM212.467 79.4938C212.635 79.2746 212.949 79.2331 213.168 79.401C213.387 79.5689 213.429 79.8828 213.261 80.102L212.467 79.4938ZM280.067 48.4954C279.567 48.5634 279.07 48.6332 278.577 48.7047L278.433 47.7151C278.93 47.6431 279.43 47.5729 279.933 47.5046L280.067 48.4954ZM275.655 49.1547C274.66 49.317 273.679 49.4865 272.712 49.6628L272.533 48.6791C273.506 48.5016 274.493 48.3311 275.494 48.1677L275.655 49.1547ZM269.801 50.2221C268.821 50.4202 267.856 50.6253 266.905 50.837L266.688 49.861C267.645 49.6478 268.617 49.4413 269.603 49.2419L269.801 50.2221ZM264.001 51.515C263.027 51.7532 262.069 51.9982 261.127 52.2496L260.869 51.2835C261.818 51.0302 262.782 50.7834 263.764 50.5436L264.001 51.515ZM258.28 53.0426C257.313 53.3235 256.364 53.6112 255.432 53.9048L255.131 52.9511C256.07 52.6552 257.027 52.3653 258.001 52.0823L258.28 53.0426ZM252.606 54.8323C251.654 55.1572 250.722 55.4883 249.81 55.8248L249.464 54.8866C250.384 54.5473 251.324 54.2135 252.283 53.886L252.606 54.8323ZM247.044 56.8845C246.11 57.256 245.198 57.6328 244.308 58.014L243.915 57.0948C244.813 56.7101 245.733 56.33 246.674 55.9553L247.044 56.8845ZM241.604 59.2158C240.686 59.6388 239.794 60.066 238.926 60.4962L238.482 59.6002C239.358 59.1658 240.259 58.7346 241.186 58.3076L241.604 59.2158ZM236.288 61.8519C235.395 62.3277 234.531 62.8058 233.695 63.2845L233.198 62.4168C234.042 61.933 234.916 61.45 235.818 60.9694L236.288 61.8519ZM231.148 64.7974C230.28 65.3324 229.446 65.8664 228.645 66.3973L228.093 65.564C228.902 65.0269 229.746 64.4869 230.624 63.946L231.148 64.7974ZM226.201 68.081C225.367 68.6774 224.577 69.2669 223.827 69.8464L223.215 69.0553C223.975 68.4682 224.775 67.8714 225.619 67.2677L226.201 68.081ZM221.526 71.6983C220.725 72.3703 219.982 73.0228 219.296 73.6502L218.621 72.9123C219.318 72.2753 220.071 71.6134 220.884 70.932L221.526 71.6983ZM217.159 75.6976C216.384 76.4777 215.712 77.1977 215.137 77.8431L214.39 77.1782C214.977 76.5195 215.661 75.786 216.45 74.9926L217.159 75.6976ZM213.261 80.102C212.971 80.4804 212.759 80.7748 212.621 80.9731C212.552 81.0723 212.502 81.1475 212.469 81.1971C212.452 81.2219 212.44 81.2404 212.432 81.2522C212.428 81.2582 212.426 81.2624 212.424 81.2651C212.423 81.2664 212.423 81.2673 212.422 81.2677C212.422 81.268 212.422 81.2681 212.422 81.2681C212.422 81.2682 212.422 81.2681 212.422 81.2681C212.422 81.2681 212.422 81.2681 212.422 81.268C212.422 81.268 212.422 81.268 212.422 81.268C212.422 81.2679 212.422 81.2679 212 81C211.578 80.7321 211.578 80.7321 211.578 80.732C211.578 80.732 211.578 80.732 211.578 80.7319C211.578 80.7319 211.578 80.7318 211.578 80.7317C211.578 80.7316 211.578 80.7314 211.578 80.7312C211.579 80.7308 211.579 80.7303 211.579 80.7297C211.58 80.7285 211.581 80.7269 211.582 80.7248C211.585 80.7207 211.589 80.715 211.594 80.7076C211.603 80.6928 211.617 80.6714 211.636 80.6436C211.673 80.588 211.727 80.5068 211.801 80.4016C211.947 80.1912 212.168 79.8846 212.467 79.4938L213.261 80.102Z" fill="white" fill-opacity="0.4"/>
-<path d="M256.494 81.0749C256.453 81.3479 256.198 81.5357 255.925 81.4944C255.652 81.453 255.464 81.1982 255.506 80.9251L256.494 81.0749ZM295.032 46.5208C294.756 46.5287 294.526 46.3113 294.518 46.0353C294.51 45.7592 294.727 45.5291 295.004 45.5212L295.032 46.5208ZM292.058 45.6923C292.334 45.668 292.576 45.8712 292.601 46.1463C292.625 46.4213 292.422 46.6641 292.147 46.6884L292.058 45.6923ZM289.279 47.0352C289.006 47.0773 288.751 46.8902 288.709 46.6173C288.667 46.3443 288.854 46.089 289.127 46.0469L289.279 47.0352ZM286.222 46.5979C286.492 46.5369 286.759 46.7058 286.82 46.9751C286.881 47.2445 286.713 47.5122 286.443 47.5732L286.222 46.5979ZM283.655 48.3128C283.391 48.3935 283.111 48.2448 283.03 47.9807C282.95 47.7166 283.098 47.4371 283.363 47.3564L283.655 48.3128ZM280.567 48.3298C280.824 48.2289 281.114 48.3555 281.215 48.6125C281.316 48.8695 281.19 49.1597 280.933 49.2606L280.567 48.3298ZM278.296 50.4193C278.048 50.5405 277.749 50.4376 277.628 50.1895C277.506 49.9413 277.609 49.6419 277.858 49.5207L278.296 50.4193ZM275.255 50.9264C275.492 50.7853 275.799 50.8635 275.94 51.1009C276.081 51.3383 276.003 51.6451 275.765 51.7861L275.255 50.9264ZM273.35 53.3587C273.124 53.5187 272.812 53.4659 272.652 53.2408C272.492 53.0158 272.545 52.7036 272.77 52.5436L273.35 53.3587ZM270.425 54.3584C270.636 54.1808 270.951 54.2082 271.129 54.4196C271.307 54.6311 271.279 54.9465 271.068 55.1241L270.425 54.3584ZM268.936 57.0631C268.739 57.2567 268.423 57.2541 268.229 57.0572C268.035 56.8603 268.038 56.5437 268.235 56.3501L268.936 57.0631ZM266.206 58.5027C266.387 58.2948 266.703 58.2737 266.911 58.4555C267.119 58.6373 267.14 58.9532 266.958 59.1611L266.206 58.5027ZM265.135 61.404C264.968 61.6244 264.655 61.668 264.435 61.5015C264.214 61.335 264.171 61.0215 264.337 60.8011L265.135 61.404ZM262.64 63.214C262.791 62.983 263.101 62.9183 263.332 63.0696C263.563 63.2209 263.627 63.5308 263.476 63.7618L262.64 63.214ZM261.968 66.2368C261.831 66.477 261.526 66.5614 261.286 66.4252C261.046 66.289 260.961 65.9838 261.098 65.7436L261.968 66.2368ZM259.722 68.3524C259.843 68.1043 260.143 68.0017 260.391 68.1232C260.639 68.2446 260.742 68.5441 260.62 68.7921L259.722 68.3524ZM259.423 71.4276C259.316 71.6822 259.023 71.802 258.769 71.6951C258.514 71.5882 258.394 71.2951 258.501 71.0405L259.423 71.4276ZM257.435 73.7961C257.527 73.5359 257.813 73.3998 258.074 73.4921C258.334 73.5844 258.47 73.8703 258.378 74.1305L257.435 73.7961ZM257.49 76.8775C257.413 77.1426 257.135 77.2948 256.87 77.2175C256.605 77.1402 256.453 76.8627 256.53 76.5976L257.49 76.8775ZM255.791 79.4659C255.851 79.1963 256.117 79.026 256.387 79.0856C256.657 79.1452 256.827 79.4121 256.767 79.6817L255.791 79.4659ZM296.5 46.5C296.005 46.5 295.515 46.507 295.032 46.5208L295.004 45.5212C295.496 45.5071 295.995 45.5 296.5 45.5V46.5ZM292.147 46.6884C291.164 46.7755 290.209 46.8917 289.279 47.0352L289.127 46.0469C290.078 45.9001 291.055 45.7813 292.058 45.6923L292.147 46.6884ZM286.443 47.5732C285.484 47.7904 284.555 48.0378 283.655 48.3128L283.363 47.3564C284.286 47.0742 285.239 46.8205 286.222 46.5979L286.443 47.5732ZM280.933 49.2606C280.021 49.6186 279.143 50.0059 278.296 50.4193L277.858 49.5207C278.728 49.0957 279.631 48.6976 280.567 48.3298L280.933 49.2606ZM275.765 51.7861C274.925 52.2853 274.12 52.8108 273.35 53.3587L272.77 52.5436C273.563 51.9802 274.39 51.4397 275.255 50.9264L275.765 51.7861ZM271.068 55.1241C270.321 55.7514 269.611 56.3993 268.936 57.0631L268.235 56.3501C268.928 55.6686 269.657 55.0031 270.425 54.3584L271.068 55.1241ZM266.958 59.1611C266.313 59.8984 265.706 60.648 265.135 61.404L264.337 60.8011C264.922 60.0269 265.544 59.2587 266.206 58.5027L266.958 59.1611ZM263.476 63.7618C262.935 64.589 262.433 65.4165 261.968 66.2368L261.098 65.7436C261.573 64.9058 262.086 64.06 262.64 63.214L263.476 63.7618ZM260.62 68.7921C260.178 69.694 259.781 70.5762 259.423 71.4276L258.501 71.0405C258.866 70.1724 259.271 69.2726 259.722 68.3524L260.62 68.7921ZM258.378 74.1305C258.024 75.1265 257.731 76.0501 257.49 76.8775L256.53 76.5976C256.776 75.7533 257.075 74.8114 257.435 73.7961L258.378 74.1305ZM256.767 79.6817C256.668 80.13 256.6 80.4807 256.556 80.7182C256.534 80.8369 256.519 80.9273 256.509 80.9874C256.504 81.0175 256.5 81.0399 256.498 81.0546C256.496 81.0619 256.496 81.0673 256.495 81.0707C256.495 81.0724 256.495 81.0736 256.494 81.0743C256.494 81.0746 256.494 81.0748 256.494 81.0749C256.494 81.075 256.494 81.075 256.494 81.075C256.494 81.075 256.494 81.075 256.494 81.075C256.494 81.0749 256.494 81.0749 256.494 81.0749C256.494 81.0749 256.494 81.0749 256 81C255.506 80.9251 255.506 80.9251 255.506 80.9251C255.506 80.9251 255.506 80.925 255.506 80.925C255.506 80.9249 255.506 80.9249 255.506 80.9248C255.506 80.9247 255.506 80.9245 255.506 80.9243C255.506 80.9239 255.506 80.9234 255.506 80.9227C255.506 80.9214 255.506 80.9196 255.507 80.9172C255.508 80.9126 255.509 80.906 255.51 80.8974C255.513 80.8802 255.517 80.8552 255.522 80.8225C255.533 80.7572 255.55 80.6615 255.573 80.5373C255.618 80.2888 255.689 79.9265 255.791 79.4659L256.767 79.6817Z" fill="white" fill-opacity="0.4"/>
-<path d="M300 63V80.9938" stroke="white" stroke-opacity="0.4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="3 3"/>
-<path d="M343.506 81.0749C343.547 81.3479 343.802 81.5357 344.075 81.4944C344.348 81.453 344.536 81.1982 344.494 80.9251L343.506 81.0749ZM304.968 46.5208C305.244 46.5287 305.474 46.3113 305.482 46.0353C305.49 45.7592 305.273 45.5291 304.996 45.5212L304.968 46.5208ZM307.942 45.6923C307.666 45.668 307.424 45.8712 307.399 46.1463C307.375 46.4213 307.578 46.6641 307.853 46.6884L307.942 45.6923ZM310.721 47.0352C310.994 47.0773 311.249 46.8902 311.291 46.6173C311.333 46.3443 311.146 46.089 310.873 46.0469L310.721 47.0352ZM313.778 46.5979C313.508 46.5369 313.241 46.7058 313.18 46.9751C313.119 47.2445 313.287 47.5122 313.557 47.5732L313.778 46.5979ZM316.345 48.3128C316.609 48.3935 316.889 48.2448 316.97 47.9807C317.05 47.7166 316.902 47.4371 316.637 47.3564L316.345 48.3128ZM319.433 48.3298C319.176 48.2289 318.886 48.3555 318.785 48.6125C318.684 48.8695 318.81 49.1597 319.067 49.2606L319.433 48.3298ZM321.704 50.4193C321.952 50.5405 322.251 50.4376 322.372 50.1895C322.494 49.9413 322.391 49.6419 322.142 49.5207L321.704 50.4193ZM324.745 50.9264C324.508 50.7853 324.201 50.8635 324.06 51.1009C323.919 51.3383 323.997 51.6451 324.235 51.7861L324.745 50.9264ZM326.65 53.3587C326.876 53.5187 327.188 53.4659 327.348 53.2408C327.508 53.0158 327.455 52.7036 327.23 52.5436L326.65 53.3587ZM329.575 54.3584C329.364 54.1808 329.049 54.2082 328.871 54.4196C328.693 54.6311 328.721 54.9465 328.932 55.1241L329.575 54.3584ZM331.064 57.0631C331.261 57.2567 331.577 57.2541 331.771 57.0572C331.965 56.8603 331.962 56.5437 331.765 56.3501L331.064 57.0631ZM333.794 58.5027C333.613 58.2948 333.297 58.2737 333.089 58.4555C332.881 58.6373 332.86 58.9532 333.042 59.1611L333.794 58.5027ZM334.865 61.404C335.032 61.6244 335.345 61.668 335.565 61.5015C335.786 61.335 335.829 61.0215 335.663 60.8011L334.865 61.404ZM337.36 63.214C337.209 62.983 336.899 62.9183 336.668 63.0696C336.437 63.2209 336.373 63.5308 336.524 63.7618L337.36 63.214ZM338.032 66.2368C338.169 66.477 338.474 66.5614 338.714 66.4252C338.954 66.289 339.039 65.9838 338.902 65.7436L338.032 66.2368ZM340.278 68.3524C340.157 68.1043 339.857 68.0017 339.609 68.1232C339.361 68.2446 339.258 68.5441 339.38 68.7921L340.278 68.3524ZM340.577 71.4276C340.684 71.6822 340.977 71.802 341.231 71.6951C341.486 71.5882 341.606 71.2951 341.499 71.0405L340.577 71.4276ZM342.565 73.7961C342.473 73.5359 342.187 73.3998 341.926 73.4921C341.666 73.5844 341.53 73.8703 341.622 74.1305L342.565 73.7961ZM342.51 76.8775C342.587 77.1426 342.865 77.2948 343.13 77.2175C343.395 77.1402 343.547 76.8627 343.47 76.5976L342.51 76.8775ZM344.209 79.4659C344.149 79.1963 343.883 79.026 343.613 79.0856C343.343 79.1452 343.173 79.4121 343.233 79.6817L344.209 79.4659ZM303.5 46.5C303.995 46.5 304.485 46.507 304.968 46.5208L304.996 45.5212C304.504 45.5071 304.005 45.5 303.5 45.5V46.5ZM307.853 46.6884C308.836 46.7755 309.791 46.8917 310.721 47.0352L310.873 46.0469C309.922 45.9001 308.945 45.7813 307.942 45.6923L307.853 46.6884ZM313.557 47.5732C314.516 47.7904 315.445 48.0378 316.345 48.3128L316.637 47.3564C315.714 47.0742 314.761 46.8205 313.778 46.5979L313.557 47.5732ZM319.067 49.2606C319.979 49.6186 320.857 50.0059 321.704 50.4193L322.142 49.5207C321.272 49.0957 320.369 48.6976 319.433 48.3298L319.067 49.2606ZM324.235 51.7861C325.075 52.2853 325.88 52.8108 326.65 53.3587L327.23 52.5436C326.437 51.9802 325.61 51.4397 324.745 50.9264L324.235 51.7861ZM328.932 55.1241C329.679 55.7514 330.389 56.3993 331.064 57.0631L331.765 56.3501C331.072 55.6686 330.343 55.0031 329.575 54.3584L328.932 55.1241ZM333.042 59.1611C333.687 59.8984 334.294 60.648 334.865 61.404L335.663 60.8011C335.078 60.0269 334.456 59.2587 333.794 58.5027L333.042 59.1611ZM336.524 63.7618C337.065 64.589 337.567 65.4165 338.032 66.2368L338.902 65.7436C338.427 64.9058 337.914 64.06 337.36 63.214L336.524 63.7618ZM339.38 68.7921C339.822 69.694 340.219 70.5762 340.577 71.4276L341.499 71.0405C341.134 70.1724 340.729 69.2726 340.278 68.3524L339.38 68.7921ZM341.622 74.1305C341.976 75.1265 342.269 76.0501 342.51 76.8775L343.47 76.5976C343.224 75.7533 342.925 74.8114 342.565 73.7961L341.622 74.1305ZM343.233 79.6817C343.332 80.13 343.4 80.4807 343.444 80.7182C343.466 80.8369 343.481 80.9273 343.491 80.9874C343.496 81.0175 343.5 81.0399 343.502 81.0546C343.504 81.0619 343.504 81.0673 343.505 81.0707C343.505 81.0724 343.505 81.0736 343.506 81.0743C343.506 81.0746 343.506 81.0748 343.506 81.0749C343.506 81.075 343.506 81.075 343.506 81.075C343.506 81.075 343.506 81.075 343.506 81.075C343.506 81.0749 343.506 81.0749 343.506 81.0749C343.506 81.0749 343.506 81.0749 344 81C344.494 80.9251 344.494 80.9251 344.494 80.9251C344.494 80.9251 344.494 80.925 344.494 80.925C344.494 80.9249 344.494 80.9249 344.494 80.9248C344.494 80.9247 344.494 80.9245 344.494 80.9243C344.494 80.9239 344.494 80.9234 344.494 80.9227C344.494 80.9214 344.494 80.9196 344.493 80.9172C344.492 80.9126 344.491 80.906 344.49 80.8974C344.487 80.8802 344.483 80.8552 344.478 80.8225C344.467 80.7572 344.45 80.6615 344.427 80.5373C344.382 80.2888 344.311 79.9265 344.209 79.4659L343.233 79.6817Z" fill="white" fill-opacity="0.4"/>
-<path d="M387.578 81.2679C387.726 81.5011 388.035 81.5701 388.268 81.4222C388.501 81.2742 388.57 80.9652 388.422 80.7321L387.578 81.2679ZM321.423 48.7047C321.697 48.7444 321.95 48.5549 321.99 48.2816C322.029 48.0084 321.84 47.7547 321.567 47.7151L321.423 48.7047ZM324.506 48.1677C324.234 48.1233 323.977 48.3082 323.932 48.5807C323.888 48.8532 324.073 49.1102 324.345 49.1547L324.506 48.1677ZM327.288 49.6628C327.56 49.7124 327.82 49.5323 327.869 49.2606C327.919 48.989 327.739 48.7286 327.467 48.6791L327.288 49.6628ZM330.397 49.2419C330.126 49.1872 329.862 49.3623 329.808 49.6329C329.753 49.9036 329.928 50.1674 330.199 50.2221L330.397 49.2419ZM333.095 50.837C333.364 50.8971 333.631 50.7272 333.691 50.4577C333.752 50.1882 333.582 49.921 333.312 49.861L333.095 50.837ZM336.236 50.5436C335.968 50.4781 335.697 50.6424 335.632 50.9106C335.566 51.1789 335.731 51.4495 335.999 51.515L336.236 50.5436ZM338.873 52.2496C339.14 52.3208 339.414 52.1623 339.485 51.8955C339.557 51.6287 339.398 51.3547 339.131 51.2835L338.873 52.2496ZM341.999 52.0823C341.733 52.0052 341.456 52.1578 341.379 52.423C341.302 52.6881 341.455 52.9655 341.72 53.0426L341.999 52.0823ZM344.568 53.9048C344.831 53.9879 345.112 53.8417 345.195 53.5783C345.278 53.315 345.132 53.0342 344.869 52.9511L344.568 53.9048ZM347.717 53.886C347.456 53.7967 347.171 53.9363 347.082 54.1976C346.993 54.4589 347.133 54.7431 347.394 54.8323L347.717 53.886ZM350.19 55.8248C350.449 55.9203 350.736 55.7878 350.832 55.5287C350.928 55.2696 350.795 54.9821 350.536 54.8866L350.19 55.8248ZM353.326 55.9553C353.069 55.8533 352.778 55.9786 352.676 56.2351C352.574 56.4917 352.699 56.7825 352.956 56.8845L353.326 55.9553ZM355.692 58.014C355.945 58.1228 356.239 58.0051 356.348 57.7513C356.457 57.4975 356.339 57.2035 356.085 57.0948L355.692 58.014ZM358.814 58.3076C358.564 58.1921 358.267 58.3017 358.151 58.5525C358.036 58.8032 358.145 59.1002 358.396 59.2158L358.814 58.3076ZM361.074 60.4962C361.322 60.6188 361.622 60.5176 361.744 60.2702C361.867 60.0228 361.766 59.7228 361.518 59.6002L361.074 60.4962ZM364.182 60.9694C363.939 60.8395 363.636 60.9318 363.506 61.1755C363.376 61.4192 363.468 61.7221 363.712 61.8519L364.182 60.9694ZM366.305 63.2845C366.545 63.4218 366.85 63.3388 366.988 63.0992C367.125 62.8596 367.042 62.5541 366.802 62.4168L366.305 63.2845ZM369.376 63.946C369.141 63.8011 368.833 63.8743 368.688 64.1094C368.544 64.3445 368.617 64.6526 368.852 64.7974L369.376 63.946ZM371.355 66.3973C371.585 66.55 371.895 66.4872 372.048 66.2571C372.2 66.0269 372.138 65.7167 371.907 65.564L371.355 66.3973ZM374.381 67.2677C374.156 67.1071 373.844 67.1589 373.683 67.3835C373.523 67.6081 373.574 67.9204 373.799 68.081L374.381 67.2677ZM376.173 69.8464C376.391 70.0153 376.706 69.9751 376.874 69.7567C377.043 69.5382 377.003 69.2242 376.785 69.0553L376.173 69.8464ZM379.116 70.932C378.905 70.7546 378.589 70.7823 378.412 70.9939C378.234 71.2055 378.262 71.5209 378.474 71.6983L379.116 70.932ZM380.704 73.6502C380.908 73.8366 381.224 73.8224 381.41 73.6187C381.597 73.4149 381.583 73.0986 381.379 72.9123L380.704 73.6502ZM383.55 74.9926C383.355 74.7967 383.039 74.7958 382.843 74.9905C382.647 75.1852 382.646 75.5018 382.841 75.6976L383.55 74.9926ZM384.863 77.8431C385.046 78.0493 385.362 78.0677 385.568 77.8841C385.775 77.7005 385.793 77.3845 385.61 77.1782L384.863 77.8431ZM387.533 79.4938C387.365 79.2746 387.051 79.2331 386.832 79.401C386.613 79.5689 386.571 79.8828 386.739 80.102L387.533 79.4938ZM319.933 48.4954C320.433 48.5634 320.93 48.6332 321.423 48.7047L321.567 47.7151C321.07 47.6431 320.57 47.5729 320.067 47.5046L319.933 48.4954ZM324.345 49.1547C325.34 49.317 326.321 49.4865 327.288 49.6628L327.467 48.6791C326.494 48.5016 325.507 48.3311 324.506 48.1677L324.345 49.1547ZM330.199 50.2221C331.179 50.4202 332.144 50.6253 333.095 50.837L333.312 49.861C332.355 49.6478 331.383 49.4413 330.397 49.2419L330.199 50.2221ZM335.999 51.515C336.973 51.7532 337.931 51.9982 338.873 52.2496L339.131 51.2835C338.182 51.0302 337.218 50.7834 336.236 50.5436L335.999 51.515ZM341.72 53.0426C342.687 53.3235 343.636 53.6112 344.568 53.9048L344.869 52.9511C343.93 52.6552 342.973 52.3653 341.999 52.0823L341.72 53.0426ZM347.394 54.8323C348.346 55.1572 349.278 55.4883 350.19 55.8248L350.536 54.8866C349.616 54.5473 348.676 54.2135 347.717 53.886L347.394 54.8323ZM352.956 56.8845C353.89 57.256 354.802 57.6328 355.692 58.014L356.085 57.0948C355.187 56.7101 354.267 56.33 353.326 55.9553L352.956 56.8845ZM358.396 59.2158C359.314 59.6388 360.206 60.066 361.074 60.4962L361.518 59.6002C360.642 59.1658 359.741 58.7346 358.814 58.3076L358.396 59.2158ZM363.712 61.8519C364.605 62.3277 365.469 62.8058 366.305 63.2845L366.802 62.4168C365.958 61.933 365.084 61.45 364.182 60.9694L363.712 61.8519ZM368.852 64.7974C369.72 65.3324 370.554 65.8664 371.355 66.3973L371.907 65.564C371.098 65.0269 370.254 64.4869 369.376 63.946L368.852 64.7974ZM373.799 68.081C374.633 68.6774 375.423 69.2669 376.173 69.8464L376.785 69.0553C376.025 68.4682 375.225 67.8714 374.381 67.2677L373.799 68.081ZM378.474 71.6983C379.275 72.3703 380.018 73.0228 380.704 73.6502L381.379 72.9123C380.682 72.2753 379.929 71.6134 379.116 70.932L378.474 71.6983ZM382.841 75.6976C383.616 76.4777 384.288 77.1977 384.863 77.8431L385.61 77.1782C385.023 76.5195 384.339 75.786 383.55 74.9926L382.841 75.6976ZM386.739 80.102C387.029 80.4804 387.241 80.7748 387.379 80.9731C387.448 81.0723 387.498 81.1475 387.531 81.1971C387.548 81.2219 387.56 81.2404 387.568 81.2522C387.572 81.2582 387.574 81.2624 387.576 81.2651C387.577 81.2664 387.577 81.2673 387.578 81.2677C387.578 81.268 387.578 81.2681 387.578 81.2681C387.578 81.2682 387.578 81.2681 387.578 81.2681C387.578 81.2681 387.578 81.2681 387.578 81.268C387.578 81.268 387.578 81.268 387.578 81.268C387.578 81.2679 387.578 81.2679 388 81C388.422 80.7321 388.422 80.7321 388.422 80.732C388.422 80.732 388.422 80.732 388.422 80.7319C388.422 80.7319 388.422 80.7318 388.422 80.7317C388.422 80.7316 388.422 80.7314 388.422 80.7312C388.421 80.7308 388.421 80.7303 388.421 80.7297C388.42 80.7285 388.419 80.7269 388.418 80.7248C388.415 80.7207 388.411 80.715 388.406 80.7076C388.397 80.6928 388.383 80.6714 388.364 80.6436C388.327 80.588 388.273 80.5068 388.199 80.4016C388.053 80.1912 387.832 79.8846 387.533 79.4938L386.739 80.102Z" fill="white" fill-opacity="0.4"/>
-<g filter="url(#filter44_b_14_4490)">
-<mask id="path-132-inside-18_14_4490" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M282 30C280.895 30 280 30.8954 280 32V34C280 32.8954 280.895 32 282 32H318C319.105 32 320 32.8954 320 34V32C320 30.8954 319.105 30 318 30H282Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M282 30C280.895 30 280 30.8954 280 32V34C280 32.8954 280.895 32 282 32H318C319.105 32 320 32.8954 320 34V32C320 30.8954 319.105 30 318 30H282Z" fill="url(#paint26_linear_14_4490)" fill-opacity="0.5"/>
-<path d="M281 32C281 31.4477 281.448 31 282 31V29C280.343 29 279 30.3431 279 32H281ZM281 34V32H279V34H281ZM281 34C281 33.4477 281.448 33 282 33V31C280.343 31 279 32.3431 279 34H281ZM282 33H318V31H282V33ZM318 33C318.552 33 319 33.4477 319 34H321C321 32.3431 319.657 31 318 31V33ZM319 32V34H321V32H319ZM318 31C318.552 31 319 31.4477 319 32H321C321 30.3431 319.657 29 318 29V31ZM282 31H318V29H282V31Z" fill="url(#paint27_linear_14_4490)" style="mix-blend-mode:overlay" mask="url(#path-132-inside-18_14_4490)"/>
-</g>
-<g filter="url(#filter45_b_14_4490)">
-<rect x="280" y="32" width="40" height="8" rx="2" fill="url(#paint28_linear_14_4490)" fill-opacity="0.5"/>
-<rect x="280.5" y="32.5" width="39" height="7" rx="1.5" stroke="url(#paint29_linear_14_4490)" style="mix-blend-mode:overlay"/>
-</g>
-<g filter="url(#filter46_i_14_4490)">
-<circle cx="284" cy="36" r="1" fill="white" fill-opacity="0.1"/>
-</g>
-<g filter="url(#filter47_i_14_4490)">
-<circle cx="288" cy="36" r="1" fill="white" fill-opacity="0.1"/>
-</g>
-<g filter="url(#filter48_b_14_4490)">
-<mask id="path-138-inside-19_14_4490" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M282 42C280.895 42 280 42.8954 280 44V46C280 44.8954 280.895 44 282 44H318C319.105 44 320 44.8954 320 46V44C320 42.8954 319.105 42 318 42H282Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M282 42C280.895 42 280 42.8954 280 44V46C280 44.8954 280.895 44 282 44H318C319.105 44 320 44.8954 320 46V44C320 42.8954 319.105 42 318 42H282Z" fill="url(#paint30_linear_14_4490)" fill-opacity="0.5"/>
-<path d="M281 44C281 43.4477 281.448 43 282 43V41C280.343 41 279 42.3431 279 44H281ZM281 46V44H279V46H281ZM281 46C281 45.4477 281.448 45 282 45V43C280.343 43 279 44.3431 279 46H281ZM282 45H318V43H282V45ZM318 45C318.552 45 319 45.4477 319 46H321C321 44.3431 319.657 43 318 43V45ZM319 44V46H321V44H319ZM318 43C318.552 43 319 43.4477 319 44H321C321 42.3431 319.657 41 318 41V43ZM282 43H318V41H282V43Z" fill="url(#paint31_linear_14_4490)" style="mix-blend-mode:overlay" mask="url(#path-138-inside-19_14_4490)"/>
-</g>
-<g filter="url(#filter49_b_14_4490)">
-<rect x="280" y="44" width="40" height="8" rx="2" fill="url(#paint32_linear_14_4490)" fill-opacity="0.5"/>
-<rect x="280.5" y="44.5" width="39" height="7" rx="1.5" stroke="url(#paint33_linear_14_4490)" style="mix-blend-mode:overlay"/>
-</g>
-<g filter="url(#filter50_i_14_4490)">
-<circle cx="284" cy="48" r="1" fill="white" fill-opacity="0.1"/>
-</g>
-<g filter="url(#filter51_i_14_4490)">
-<circle cx="288" cy="48" r="1" fill="white" fill-opacity="0.1"/>
-</g>
-<g filter="url(#filter52_b_14_4490)">
-<mask id="path-144-inside-20_14_4490" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M282 54C280.895 54 280 54.8954 280 56V58C280 56.8954 280.895 56 282 56H318C319.105 56 320 56.8954 320 58V56C320 54.8954 319.105 54 318 54H282Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M282 54C280.895 54 280 54.8954 280 56V58C280 56.8954 280.895 56 282 56H318C319.105 56 320 56.8954 320 58V56C320 54.8954 319.105 54 318 54H282Z" fill="url(#paint34_linear_14_4490)" fill-opacity="0.5"/>
-<path d="M281 56C281 55.4477 281.448 55 282 55V53C280.343 53 279 54.3431 279 56H281ZM281 58V56H279V58H281ZM281 58C281 57.4477 281.448 57 282 57V55C280.343 55 279 56.3431 279 58H281ZM282 57H318V55H282V57ZM318 57C318.552 57 319 57.4477 319 58H321C321 56.3431 319.657 55 318 55V57ZM319 56V58H321V56H319ZM318 55C318.552 55 319 55.4477 319 56H321C321 54.3431 319.657 53 318 53V55ZM282 55H318V53H282V55Z" fill="url(#paint35_linear_14_4490)" style="mix-blend-mode:overlay" mask="url(#path-144-inside-20_14_4490)"/>
-</g>
-<g filter="url(#filter53_b_14_4490)">
-<rect x="280" y="56" width="40" height="8" rx="2" fill="url(#paint36_linear_14_4490)" fill-opacity="0.5"/>
-<rect x="280.5" y="56.5" width="39" height="7" rx="1.5" stroke="url(#paint37_linear_14_4490)" style="mix-blend-mode:overlay"/>
-</g>
-<g filter="url(#filter54_i_14_4490)">
-<circle cx="284" cy="60" r="1" fill="white" fill-opacity="0.1"/>
-</g>
-<g filter="url(#filter55_i_14_4490)">
-<circle cx="288" cy="60" r="1" fill="white" fill-opacity="0.1"/>
-</g>
-<defs>
-<filter id="filter0_b_14_4490" x="23.2947" y="170" width="553.84" height="146" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="20"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter1_bi_14_4490" x="196.5" y="182.5" width="19" height="45" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="1"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="1"/>
-<feGaussianBlur stdDeviation="1"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0"/>
-<feBlend mode="normal" in2="shape" result="effect2_innerShadow_14_4490"/>
-</filter>
-<filter id="filter2_bi_14_4490" x="235.5" y="182.5" width="24.0004" height="74.0004" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="1"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="1"/>
-<feGaussianBlur stdDeviation="1"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0"/>
-<feBlend mode="normal" in2="shape" result="effect2_innerShadow_14_4490"/>
-</filter>
-<filter id="filter3_bi_14_4490" x="296.5" y="182.5" width="7" height="69" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="1"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="1"/>
-<feGaussianBlur stdDeviation="1"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0"/>
-<feBlend mode="normal" in2="shape" result="effect2_innerShadow_14_4490"/>
-</filter>
-<filter id="filter4_bi_14_4490" x="340.5" y="182.5" width="11.0004" height="41.5004" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="1"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="1"/>
-<feGaussianBlur stdDeviation="1"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0"/>
-<feBlend mode="normal" in2="shape" result="effect2_innerShadow_14_4490"/>
-</filter>
-<filter id="filter5_bi_14_4490" x="384.5" y="182.5" width="37" height="66.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="1"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="1"/>
-<feGaussianBlur stdDeviation="1"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0"/>
-<feBlend mode="normal" in2="shape" result="effect2_innerShadow_14_4490"/>
-</filter>
-<filter id="filter6_b_14_4490" x="87.2513" y="240.384" width="68.28" height="28.2746" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter7_b_14_4490" x="87.2518" y="239.26" width="68.28" height="27.519" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter8_b_14_4490" x="173.802" y="213.482" width="55.2745" height="25.3263" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter9_b_14_4490" x="173.802" y="212.699" width="55.2745" height="24.2294" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter10_b_14_4490" x="197.296" y="242.088" width="64.3686" height="27.8411" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter11_b_14_4490" x="197.296" y="241" width="64.3686" height="27.049" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter12_b_14_4490" x="245.681" y="222.92" width="55.7129" height="26.1293" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter13_b_14_4490" x="245.681" y="222" width="55.7002" height="25.1693" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter14_b_14_4490" x="276.282" y="241.424" width="62.3676" height="23.1256" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter15_b_14_4490" x="276.282" y="235.544" width="62.3676" height="27.1265" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter16_b_14_4490" x="331.386" y="208.895" width="53.5659" height="25.684" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter17_b_14_4490" x="331.386" y="208" width="53.5659" height="24.6994" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter18_b_14_4490" x="357.135" y="248.847" width="68.3446" height="29.6792" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter19_b_14_4490" x="357.135" y="247.718" width="68.3446" height="28.9288" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter20_b_14_4490" x="395.896" y="243.073" width="45.3585" height="9.53638" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="0.5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter21_b_14_4490" x="386.896" y="233.15" width="63.3585" height="26.5791" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter22_b_14_4490" x="411.033" y="222.569" width="58.1932" height="26.3517" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter23_b_14_4490" x="411.033" y="221.872" width="58.1932" height="25.1693" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter24_b_14_4490" x="125.615" y="223.423" width="58.1932" height="26.3517" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter25_b_14_4490" x="125.615" y="222.725" width="58.1931" height="25.1693" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter26_b_14_4490" x="157" y="154" width="287" height="26" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter27_b_14_4490" x="157" y="156" width="287" height="40" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter28_b_14_4490" x="157" y="128" width="287" height="26" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter29_b_14_4490" x="157" y="130" width="287" height="40" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter30_b_14_4490" x="182" y="70" width="60" height="26" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter31_b_14_4490" x="178" y="68" width="68" height="68" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="7"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter32_b_14_4490" x="226" y="70" width="60" height="26" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter33_b_14_4490" x="233" y="77" width="46" height="12" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="1.5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter34_b_14_4490" x="222" y="68" width="68" height="68" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="7"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter35_b_14_4490" x="270" y="70" width="60" height="26" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter36_b_14_4490" x="277" y="77" width="46" height="12" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="1.5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter37_b_14_4490" x="266" y="68" width="68" height="68" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="7"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter38_b_14_4490" x="314" y="70" width="60" height="26" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter39_b_14_4490" x="321" y="77" width="46" height="12" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="1.5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter40_b_14_4490" x="310" y="68" width="68" height="68" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="7"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter41_b_14_4490" x="358" y="70" width="60" height="26" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter42_b_14_4490" x="365" y="77" width="46" height="12" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="1.5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter43_b_14_4490" x="354" y="68" width="68" height="68" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="7"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter44_b_14_4490" x="270" y="20" width="60" height="24" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter45_b_14_4490" x="270" y="22" width="60" height="28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter46_i_14_4490" x="283" y="34.5" width="2" height="2.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="-0.5"/>
-<feGaussianBlur stdDeviation="0.25"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.2 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_14_4490"/>
-</filter>
-<filter id="filter47_i_14_4490" x="287" y="34.5" width="2" height="2.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="-0.5"/>
-<feGaussianBlur stdDeviation="0.25"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.2 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_14_4490"/>
-</filter>
-<filter id="filter48_b_14_4490" x="270" y="32" width="60" height="24" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter49_b_14_4490" x="270" y="34" width="60" height="28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter50_i_14_4490" x="283" y="46.5" width="2" height="2.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="-0.5"/>
-<feGaussianBlur stdDeviation="0.25"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.2 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_14_4490"/>
-</filter>
-<filter id="filter51_i_14_4490" x="287" y="46.5" width="2" height="2.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="-0.5"/>
-<feGaussianBlur stdDeviation="0.25"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.2 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_14_4490"/>
-</filter>
-<filter id="filter52_b_14_4490" x="270" y="44" width="60" height="24" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter53_b_14_4490" x="270" y="46" width="60" height="28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4490"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4490" result="shape"/>
-</filter>
-<filter id="filter54_i_14_4490" x="283" y="58.5" width="2" height="2.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="-0.5"/>
-<feGaussianBlur stdDeviation="0.25"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.2 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_14_4490"/>
-</filter>
-<filter id="filter55_i_14_4490" x="287" y="58.5" width="2" height="2.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="-0.5"/>
-<feGaussianBlur stdDeviation="0.25"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.2 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_14_4490"/>
-</filter>
-<linearGradient id="paint0_linear_14_4490" x1="84.9538" y1="220.244" x2="88.7193" y2="280.065" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint1_linear_14_4490" x1="99.851" y1="251.668" x2="100.441" y2="259.151" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint2_linear_14_4490" x1="201.724" y1="223.512" x2="201.738" y2="222.97" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.02"/>
-</linearGradient>
-<linearGradient id="paint3_linear_14_4490" x1="185.702" y1="224.309" x2="186.036" y2="229.133" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint4_linear_14_4490" x1="209.685" y1="253.305" x2="210.261" y2="260.393" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint5_linear_14_4490" x1="257.604" y1="233.871" x2="258.042" y2="239.414" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint6_linear_14_4490" x1="288.563" y1="251.91" x2="288.66" y2="254.75" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint7_linear_14_4490" x1="343.193" y1="219.777" x2="343.594" y2="224.919" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint8_linear_14_4490" x1="369.738" y1="260.35" x2="370.542" y2="269.084" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint9_linear_14_4490" x1="399.231" y1="245.243" x2="399.776" y2="252.057" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint10_linear_14_4490" x1="423.089" y1="233.555" x2="423.528" y2="239.301" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint11_linear_14_4490" x1="171.752" y1="234.409" x2="171.313" y2="240.155" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint12_linear_14_4490" x1="181.377" y1="164.931" x2="181.433" y2="170.39" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint13_linear_14_4490" x1="181.377" y1="169.104" x2="182.003" y2="187.282" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint14_linear_14_4490" x1="181.377" y1="138.931" x2="181.433" y2="144.39" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint15_linear_14_4490" x1="181.377" y1="143.104" x2="182.003" y2="161.282" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint16_linear_14_4490" x1="194.154" y1="80.9313" x2="194.529" y2="86.3652" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint17_linear_14_4490" x1="194.154" y1="88.2085" x2="207.967" y2="118.257" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint18_linear_14_4490" x1="238.154" y1="80.9313" x2="238.529" y2="86.3652" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint19_linear_14_4490" x1="238.154" y1="88.2085" x2="251.967" y2="118.257" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint20_linear_14_4490" x1="282.154" y1="80.9313" x2="282.529" y2="86.3652" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint21_linear_14_4490" x1="282.154" y1="88.2085" x2="295.967" y2="118.257" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint22_linear_14_4490" x1="326.154" y1="80.9313" x2="326.529" y2="86.3652" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint23_linear_14_4490" x1="326.154" y1="88.2085" x2="339.967" y2="118.257" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint24_linear_14_4490" x1="370.154" y1="80.9313" x2="370.529" y2="86.3652" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint25_linear_14_4490" x1="370.154" y1="88.2085" x2="383.967" y2="118.257" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint26_linear_14_4490" x1="283.474" y1="33.4044" x2="285.782" y2="24.4537" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.4"/>
-<stop offset="1" stop-color="white" stop-opacity="0.07"/>
-</linearGradient>
-<linearGradient id="paint27_linear_14_4490" x1="282.154" y1="30.6209" x2="282.321" y2="34.253" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint28_linear_14_4490" x1="283.474" y1="38.8087" x2="291.251" y2="23.7279" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.4"/>
-<stop offset="1" stop-color="white" stop-opacity="0.07"/>
-</linearGradient>
-<linearGradient id="paint29_linear_14_4490" x1="282.154" y1="33.2417" x2="282.818" y2="40.4604" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint30_linear_14_4490" x1="283.474" y1="45.4044" x2="285.782" y2="36.4537" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.4"/>
-<stop offset="1" stop-color="white" stop-opacity="0.07"/>
-</linearGradient>
-<linearGradient id="paint31_linear_14_4490" x1="282.154" y1="42.6209" x2="282.321" y2="46.253" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint32_linear_14_4490" x1="283.474" y1="50.8087" x2="291.251" y2="35.7279" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.4"/>
-<stop offset="1" stop-color="white" stop-opacity="0.07"/>
-</linearGradient>
-<linearGradient id="paint33_linear_14_4490" x1="282.154" y1="45.2417" x2="282.818" y2="52.4604" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint34_linear_14_4490" x1="283.474" y1="57.4044" x2="285.782" y2="48.4537" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.4"/>
-<stop offset="1" stop-color="white" stop-opacity="0.07"/>
-</linearGradient>
-<linearGradient id="paint35_linear_14_4490" x1="282.154" y1="54.6209" x2="282.321" y2="58.253" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint36_linear_14_4490" x1="283.474" y1="62.8087" x2="291.251" y2="47.7279" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.4"/>
-<stop offset="1" stop-color="white" stop-opacity="0.07"/>
-</linearGradient>
-<linearGradient id="paint37_linear_14_4490" x1="282.154" y1="57.2417" x2="282.818" y2="64.4604" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-</defs>
-</svg>
diff --git a/nx-dev/nx-dev/public/images/illustrations/nxdev-dark.webp b/nx-dev/nx-dev/public/images/illustrations/nxdev-dark.webp
deleted file mode 100644
index a37ca2638b354..0000000000000
Binary files a/nx-dev/nx-dev/public/images/illustrations/nxdev-dark.webp and /dev/null differ
diff --git a/nx-dev/nx-dev/public/images/illustrations/nxdev-light.svg b/nx-dev/nx-dev/public/images/illustrations/nxdev-light.svg
deleted file mode 100644
index c6acf96f5cb23..0000000000000
--- a/nx-dev/nx-dev/public/images/illustrations/nxdev-light.svg
+++ /dev/null
@@ -1,929 +0,0 @@
-<svg width="600" height="300" viewBox="0 0 600 300" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g opacity="0.5" filter="url(#filter0_b_14_4731)">
-<path d="M150.372 211.465C151.723 210.512 153.335 210 154.988 210H452.68C454.447 210 456.165 210.585 457.565 211.665L536.352 272.416C537.864 273.582 537.039 276 535.131 276H65.2986C63.3474 276 62.551 273.492 64.1447 272.366L150.372 211.465Z" fill="#E9EDF7"/>
-<path d="M150.661 211.874C151.927 210.98 153.438 210.5 154.988 210.5H452.68C454.337 210.5 455.947 211.049 457.26 212.061L536.047 272.812C537.18 273.686 536.562 275.5 535.131 275.5H65.2986C63.8352 275.5 63.2379 273.619 64.4332 272.775L150.661 211.874Z" stroke="url(#paint0_linear_14_4731)" style="mix-blend-mode:overlay"/>
-</g>
-<path d="M212 198V199" stroke="#00E0FF" stroke-width="3" stroke-linecap="round"/>
-<path d="M300 203.25V204.25" stroke="#00E0FF" stroke-width="3" stroke-linecap="round"/>
-<path d="M300 233.956V234.956" stroke="#00E0FF" stroke-width="3" stroke-linecap="round"/>
-<path d="M344 191.504V192.504" stroke="#00E0FF" stroke-width="3" stroke-linecap="round"/>
-<path d="M388 186.504V187.504" stroke="#00E0FF" stroke-width="3" stroke-linecap="round"/>
-<path d="M209.257 213.215L208.608 213.976" stroke="#00E0FF" stroke-width="3" stroke-linecap="round"/>
-<path d="M252.028 220.024L251.659 220.954" stroke="#00E0FF" stroke-width="3" stroke-linecap="round"/>
-<path d="M243.617 241.305L243.248 242.235" stroke="#00E0FF" stroke-width="3" stroke-linecap="round"/>
-<path d="M400.478 224.753L401.125 225.515" stroke="#00E0FF" stroke-width="3" stroke-linecap="round"/>
-<path d="M395.396 218.752L396.044 219.514" stroke="#00E0FF" stroke-width="3" stroke-linecap="round"/>
-<g filter="url(#filter1_bii_14_4731)">
-<path d="M200 224L212 210V186" stroke="#D7DBF1" stroke-opacity="0.5" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<g filter="url(#filter2_bii_14_4731)">
-<path d="M239 253L256 209.957V186" stroke="#D7DBF1" stroke-opacity="0.5" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<g filter="url(#filter3_bii_14_4731)">
-<path d="M300 248V209.957V186" stroke="#D7DBF1" stroke-opacity="0.5" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<g filter="url(#filter4_bii_14_4731)">
-<path d="M348 220.5L344 209.957V186" stroke="#D7DBF1" stroke-opacity="0.5" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<g filter="url(#filter5_bii_14_4731)">
-<path d="M418 245.5L388 209.957V186" stroke="#D7DBF1" stroke-opacity="0.5" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<path d="M250.5 255.5C257.847 254.684 268.706 248.406 270.5 238.5" stroke="#C5C7D7" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="3 3"/>
-<path d="M358.59 224C357.499 233.816 354 250 328 250" stroke="#C5C7D7" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="3 3"/>
-<path d="M358.59 224C362.173 232.258 370.206 246.817 399 248.5" stroke="#C5C7D7" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="3 3"/>
-<path d="M270.5 238.5C270.633 242.574 275 251.5 286.5 250" stroke="#C5C7D7" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="3 3"/>
-<path d="M137 255C165.84 257.794 190.047 238.177 198.666 228.099C187.94 241.452 197 252 209 255" stroke="#C5C7D7" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="3 3"/>
-<path d="M307 254C310.134 260.54 328.5 270 369 264.5" stroke="#C5C7D7" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="3 3"/>
-<path d="M438 247C440.833 246.667 446.6 244.5 445 238.5" stroke="#C5C7D7" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="3 3"/>
-<path d="M413 263.5C415.833 263.167 470.5 263.5 445 238.5" stroke="#C5C7D7" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="3 3"/>
-<path d="M198.768 228.099C192.669 235.322 180.479 239.276 171.653 237.453" stroke="#C5C7D7" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="3 3"/>
-<g filter="url(#filter6_b_14_4731)">
-<mask id="path-27-inside-1_14_4731" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M97.2547 255.848H97.2522V257.606C97.2511 257.633 97.2511 257.661 97.2522 257.688V257.709H97.2532C97.2825 258.196 97.6547 258.658 98.253 258.658H134.934C136.688 258.658 138.394 258.082 139.789 257.017L145.136 252.934C145.446 252.698 145.561 252.356 145.525 252.035V250.384C145.496 250.632 145.373 250.874 145.136 251.054L139.789 255.137C138.394 256.202 136.689 256.778 134.934 256.778H98.2531C97.6628 256.778 97.2926 256.328 97.2547 255.848Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M97.2547 255.848H97.2522V257.606C97.2511 257.633 97.2511 257.661 97.2522 257.688V257.709H97.2532C97.2825 258.196 97.6547 258.658 98.253 258.658H134.934C136.688 258.658 138.394 258.082 139.789 257.017L145.136 252.934C145.446 252.698 145.561 252.356 145.525 252.035V250.384C145.496 250.632 145.373 250.874 145.136 251.054L139.789 255.137C138.394 256.202 136.689 256.778 134.934 256.778H98.2531C97.6628 256.778 97.2926 256.328 97.2547 255.848Z" fill="#D7DBF1" fill-opacity="0.5"/>
-<path d="M97.2522 255.848V255.348H96.7522V255.848H97.2522ZM97.2547 255.848L97.7531 255.809L97.7167 255.348H97.2547V255.848ZM97.2522 257.606L97.7518 257.626L97.7522 257.616V257.606H97.2522ZM97.2522 257.688H97.7522V257.678L97.7518 257.668L97.2522 257.688ZM97.2522 257.709H96.7522V258.209H97.2522V257.709ZM97.2532 257.709L97.7523 257.679L97.724 257.209H97.2532V257.709ZM139.789 257.017L140.092 257.414L139.789 257.017ZM145.136 252.934L145.44 253.332L145.136 252.934ZM145.525 252.035H145.025V252.063L145.028 252.091L145.525 252.035ZM145.525 250.384H146.025L145.028 250.326L145.525 250.384ZM145.136 251.054L145.44 251.452L145.44 251.452L145.136 251.054ZM139.789 255.137L140.092 255.535L139.789 255.137ZM97.2522 256.348H97.2547V255.348H97.2522V256.348ZM97.7522 257.606V255.848H96.7522V257.606H97.7522ZM97.7518 257.668C97.7512 257.654 97.7512 257.64 97.7518 257.626L96.7526 257.585C96.751 257.626 96.751 257.667 96.7526 257.708L97.7518 257.668ZM97.7522 257.709V257.688H96.7522V257.709H97.7522ZM97.2532 257.209H97.2522V258.209H97.2532V257.209ZM98.253 258.158C97.959 258.158 97.7683 257.943 97.7523 257.679L96.7541 257.739C96.7968 258.448 97.3504 259.158 98.253 259.158V258.158ZM134.934 258.158H98.253V259.158H134.934V258.158ZM139.485 256.62C138.178 257.618 136.579 258.158 134.934 258.158V259.158C136.798 259.158 138.611 258.546 140.092 257.414L139.485 256.62ZM144.833 252.537L139.485 256.62L140.092 257.414L145.44 253.332L144.833 252.537ZM145.028 252.091C145.046 252.251 144.992 252.415 144.833 252.537L145.44 253.332C145.899 252.981 146.076 252.462 146.022 251.978L145.028 252.091ZM145.025 250.384V252.035H146.025V250.384H145.025ZM145.028 250.326C145.015 250.443 144.958 250.561 144.833 250.657L145.44 251.452C145.788 251.186 145.978 250.82 146.022 250.441L145.028 250.326ZM144.833 250.657L139.485 254.74L140.092 255.535L145.44 251.452L144.833 250.657ZM139.485 254.74C138.178 255.738 136.579 256.278 134.934 256.278V257.278C136.798 257.278 138.611 256.666 140.092 255.535L139.485 254.74ZM134.934 256.278H98.2531V257.278H134.934V256.278ZM98.2531 256.278C97.9625 256.278 97.7737 256.069 97.7531 255.809L96.7562 255.888C96.8115 256.587 97.3631 257.278 98.2531 257.278V256.278Z" fill="url(#paint1_linear_14_4731)" style="mix-blend-mode:overlay" mask="url(#path-27-inside-1_14_4731)"/>
-</g>
-<g filter="url(#filter7_b_14_4731)">
-<path d="M97.7565 254.911L105.779 250.317C106.989 249.624 108.359 249.26 109.754 249.26H144.53C145.486 249.26 145.897 250.474 145.137 251.054L139.789 255.137C138.395 256.202 136.689 256.779 134.934 256.779H98.2534C97.2284 256.779 96.867 255.42 97.7565 254.911Z" fill="#D7DBF1" fill-opacity="0.5"/>
-</g>
-<ellipse cx="201.724" cy="224.453" rx="9.63058" ry="1.47056" fill="url(#paint2_linear_14_4731)"/>
-<g filter="url(#filter8_b_14_4731)">
-<mask id="path-31-inside-2_14_4731" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M183.808 226.31V228.014C183.758 228.401 184.041 228.809 184.504 228.809H214.183C215.245 228.809 216.264 228.386 217.014 227.634L218.871 225.774C219.034 225.61 219.094 225.403 219.072 225.207V223.482C219.056 223.628 218.992 223.773 218.871 223.894L217.014 225.754C216.264 226.506 215.245 226.929 214.183 226.929H184.504C184.111 226.929 183.848 226.635 183.808 226.31Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M183.808 226.31V228.014C183.758 228.401 184.041 228.809 184.504 228.809H214.183C215.245 228.809 216.264 228.386 217.014 227.634L218.871 225.774C219.034 225.61 219.094 225.403 219.072 225.207V223.482C219.056 223.628 218.992 223.773 218.871 223.894L217.014 225.754C216.264 226.506 215.245 226.929 214.183 226.929H184.504C184.111 226.929 183.848 226.635 183.808 226.31Z" fill="#D7DBF1" fill-opacity="0.5"/>
-<path d="M183.808 226.31L184.304 226.248L183.308 226.31H183.808ZM183.808 228.014L184.304 228.078L184.308 228.046V228.014H183.808ZM217.014 227.634L216.66 227.281V227.281L217.014 227.634ZM218.871 225.774L219.225 226.127V226.127L218.871 225.774ZM219.072 225.207H218.572V225.235L218.575 225.262L219.072 225.207ZM219.072 223.482H219.572L218.576 223.426L219.072 223.482ZM218.871 223.894L219.225 224.247V224.247L218.871 223.894ZM217.014 225.754L216.66 225.401V225.401L217.014 225.754ZM183.308 226.31V228.014H184.308V226.31H183.308ZM183.312 227.951C183.229 228.598 183.702 229.309 184.504 229.309V228.309C184.43 228.309 184.384 228.28 184.351 228.241C184.314 228.195 184.297 228.133 184.304 228.078L183.312 227.951ZM184.504 229.309H214.183V228.309H184.504V229.309ZM214.183 229.309C215.378 229.309 216.524 228.833 217.368 227.987L216.66 227.281C216.004 227.939 215.112 228.309 214.183 228.309V229.309ZM217.368 227.987L219.225 226.127L218.517 225.421L216.66 227.281L217.368 227.987ZM219.225 226.127C219.501 225.85 219.607 225.49 219.569 225.152L218.575 225.262C218.579 225.291 218.576 225.318 218.567 225.342C218.559 225.366 218.545 225.393 218.517 225.421L219.225 226.127ZM219.572 225.207V223.482H218.572V225.207H219.572ZM218.576 223.426C218.572 223.462 218.556 223.501 218.517 223.541L219.225 224.247C219.427 224.045 219.54 223.795 219.569 223.539L218.576 223.426ZM218.517 223.541L216.66 225.401L217.368 226.108L219.225 224.247L218.517 223.541ZM216.66 225.401C216.004 226.059 215.112 226.429 214.183 226.429V227.429C215.378 227.429 216.524 226.954 217.368 226.108L216.66 225.401ZM214.183 226.429H184.504V227.429H214.183V226.429ZM184.504 226.429C184.439 226.429 184.398 226.407 184.368 226.379C184.335 226.347 184.31 226.3 184.304 226.248L183.312 226.372C183.379 226.914 183.827 227.429 184.504 227.429V226.429Z" fill="url(#paint3_linear_14_4731)" style="mix-blend-mode:overlay" mask="url(#path-31-inside-2_14_4731)"/>
-</g>
-<g filter="url(#filter9_b_14_4731)">
-<path d="M184.059 225.688L186.598 223.606C187.313 223.02 188.209 222.699 189.134 222.699H218.375C218.998 222.699 219.311 223.453 218.871 223.894L217.014 225.754C216.264 226.506 215.245 226.929 214.183 226.929H184.503C183.846 226.929 183.551 226.104 184.059 225.688Z" fill="#D7DBF1" fill-opacity="0.5"/>
-</g>
-<g filter="url(#filter10_b_14_4731)">
-<mask id="path-34-inside-3_14_4731" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M207.301 257.143V258.823C207.245 259.372 207.659 259.929 208.298 259.929H245.939C247.346 259.929 248.649 259.19 249.371 257.984L251.521 254.393C251.636 254.201 251.678 253.993 251.661 253.795V252.088C251.648 252.231 251.603 252.376 251.521 252.514L249.371 256.104C248.649 257.31 247.346 258.049 245.939 258.049H208.298C207.737 258.049 207.349 257.619 207.301 257.143Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M207.301 257.143V258.823C207.245 259.372 207.659 259.929 208.298 259.929H245.939C247.346 259.929 248.649 259.19 249.371 257.984L251.521 254.393C251.636 254.201 251.678 253.993 251.661 253.795V252.088C251.648 252.231 251.603 252.376 251.521 252.514L249.371 256.104C248.649 257.31 247.346 258.049 245.939 258.049H208.298C207.737 258.049 207.349 257.619 207.301 257.143Z" fill="#D7DBF1" fill-opacity="0.5"/>
-<path d="M207.301 257.143L207.798 257.093L206.801 257.143H207.301ZM207.301 258.823L207.798 258.873L207.801 258.848V258.823H207.301ZM249.371 257.984L248.942 257.727V257.727L249.371 257.984ZM251.521 254.393L251.092 254.136V254.136L251.521 254.393ZM251.661 253.795H251.161V253.817L251.163 253.839L251.661 253.795ZM251.661 252.088H252.161L251.163 252.044L251.661 252.088ZM251.521 252.514L251.092 252.257V252.257L251.521 252.514ZM249.371 256.104L248.942 255.847V255.847L249.371 256.104ZM206.801 257.143V258.823H207.801V257.143H206.801ZM206.803 258.772C206.721 259.585 207.333 260.429 208.298 260.429V259.429C207.986 259.429 207.769 259.159 207.798 258.873L206.803 258.772ZM208.298 260.429H245.939V259.429H208.298V260.429ZM245.939 260.429C247.521 260.429 248.987 259.598 249.8 258.24L248.942 257.727C248.31 258.782 247.17 259.429 245.939 259.429V260.429ZM249.8 258.24L251.95 254.65L251.092 254.136L248.942 257.727L249.8 258.24ZM251.95 254.65C252.121 254.365 252.185 254.052 252.159 253.752L251.163 253.839C251.171 253.935 251.152 254.037 251.092 254.136L251.95 254.65ZM252.161 253.795V252.088H251.161V253.795H252.161ZM251.163 252.044C251.156 252.113 251.135 252.185 251.092 252.257L251.95 252.771C252.071 252.568 252.139 252.35 252.159 252.131L251.163 252.044ZM251.092 252.257L248.942 255.847L249.8 256.361L251.95 252.771L251.092 252.257ZM248.942 255.847C248.31 256.903 247.17 257.549 245.939 257.549V258.549C247.521 258.549 248.987 257.718 249.8 256.361L248.942 255.847ZM245.939 257.549H208.298V258.549H245.939V257.549ZM208.298 257.549C208.022 257.549 207.824 257.343 207.798 257.093L206.803 257.193C206.874 257.896 207.451 258.549 208.298 258.549V257.549Z" fill="url(#paint4_linear_14_4731)" style="mix-blend-mode:overlay" mask="url(#path-34-inside-3_14_4731)"/>
-</g>
-<g filter="url(#filter11_b_14_4731)">
-<path d="M207.566 256.367L211.379 252.274C212.136 251.461 213.196 251 214.306 251H250.663C251.44 251 251.92 251.847 251.521 252.514L249.371 256.104C248.649 257.31 247.346 258.049 245.94 258.049H208.298C207.424 258.049 206.971 257.007 207.566 256.367Z" fill="#D7DBF1" fill-opacity="0.5"/>
-</g>
-<g filter="url(#filter12_b_14_4731)">
-<mask id="path-37-inside-4_14_4731" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M255.686 236.267H255.682V238.027C255.681 238.041 255.681 238.055 255.682 238.069V238.187H255.691C255.758 238.653 256.153 239.049 256.683 239.049H288.971C289.938 239.049 290.767 238.357 290.939 237.406L291.365 235.058C291.379 234.984 291.384 234.911 291.381 234.84H291.394V232.92H291.379C291.385 233.004 291.381 233.091 291.365 233.179L290.939 235.526C290.767 236.478 289.938 237.169 288.971 237.169H256.683C256.138 237.169 255.735 236.75 255.686 236.267Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M255.686 236.267H255.682V238.027C255.681 238.041 255.681 238.055 255.682 238.069V238.187H255.691C255.758 238.653 256.153 239.049 256.683 239.049H288.971C289.938 239.049 290.767 238.357 290.939 237.406L291.365 235.058C291.379 234.984 291.384 234.911 291.381 234.84H291.394V232.92H291.379C291.385 233.004 291.381 233.091 291.365 233.179L290.939 235.526C290.767 236.478 289.938 237.169 288.971 237.169H256.683C256.138 237.169 255.735 236.75 255.686 236.267Z" fill="#D7DBF1" fill-opacity="0.5"/>
-<path d="M255.686 236.267L256.184 236.217L256.138 235.767H255.686V236.267ZM255.682 236.267V235.767H255.182V236.267H255.682ZM255.682 238.027L256.182 238.038V238.027H255.682ZM255.682 238.069H256.182L256.182 238.058L255.682 238.069ZM255.682 238.187H255.182V238.687H255.682V238.187ZM255.691 238.187L256.186 238.116L256.125 237.687H255.691V238.187ZM290.939 237.406L290.447 237.317V237.317L290.939 237.406ZM291.365 235.058L290.873 234.969V234.969L291.365 235.058ZM291.381 234.84V234.34H290.862L290.881 234.859L291.381 234.84ZM291.394 234.84V235.34H291.894V234.84H291.394ZM291.394 232.92H291.894V232.42H291.394V232.92ZM291.379 232.92V232.42H290.837L290.88 232.959L291.379 232.92ZM291.365 233.179L291.857 233.268L291.857 233.268L291.365 233.179ZM290.939 235.526L290.447 235.437V235.437L290.939 235.526ZM255.686 235.767H255.682V236.767H255.686V235.767ZM255.182 236.267V238.027H256.182V236.267H255.182ZM255.182 238.016C255.181 238.037 255.181 238.059 255.182 238.08L256.182 238.058C256.181 238.051 256.181 238.044 256.182 238.038L255.182 238.016ZM255.182 238.069V238.187H256.182V238.069H255.182ZM255.682 238.687H255.691V237.687H255.682V238.687ZM255.196 238.258C255.295 238.95 255.885 239.549 256.683 239.549V238.549C256.421 238.549 256.221 238.356 256.186 238.116L255.196 238.258ZM256.683 239.549H288.971V238.549H256.683V239.549ZM288.971 239.549C290.18 239.549 291.216 238.684 291.431 237.495L290.447 237.317C290.318 238.03 289.697 238.549 288.971 238.549V239.549ZM291.431 237.495L291.857 235.147L290.873 234.969L290.447 237.317L291.431 237.495ZM291.857 235.147C291.877 235.038 291.885 234.928 291.881 234.821L290.881 234.859C290.883 234.894 290.88 234.931 290.873 234.969L291.857 235.147ZM291.381 235.34H291.394V234.34H291.381V235.34ZM291.894 234.84V232.92H290.894V234.84H291.894ZM291.394 232.42H291.379V233.42H291.394V232.42ZM290.88 232.959C290.883 233.001 290.882 233.044 290.873 233.089L291.857 233.268C291.881 233.137 291.887 233.007 291.877 232.88L290.88 232.959ZM290.873 233.089L290.447 235.437L291.431 235.616L291.857 233.268L290.873 233.089ZM290.447 235.437C290.318 236.151 289.697 236.669 288.971 236.669V237.669C290.18 237.669 291.216 236.805 291.431 235.616L290.447 235.437ZM288.971 236.669H256.683V237.669H288.971V236.669ZM256.683 236.669C256.414 236.669 256.209 236.464 256.184 236.217L255.189 236.317C255.262 237.036 255.862 237.669 256.683 237.669V236.669Z" fill="url(#paint5_linear_14_4731)" style="mix-blend-mode:overlay" mask="url(#path-37-inside-4_14_4731)"/>
-</g>
-<g filter="url(#filter13_b_14_4731)">
-<path d="M255.805 235.691L257.246 233.044C257.596 232.4 258.27 232 259.002 232H290.381C291.005 232 291.477 232.565 291.365 233.179L290.939 235.526C290.767 236.478 289.938 237.169 288.971 237.169H256.683C255.924 237.169 255.442 236.358 255.805 235.691Z" fill="#D7DBF1" fill-opacity="0.5"/>
-</g>
-<g filter="url(#filter14_b_14_4731)">
-<mask id="path-40-inside-5_14_4731" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M286.291 251.615V253.209C286.206 253.92 286.761 254.55 287.482 254.55H327.249C328.094 254.55 328.73 253.813 328.642 253.002V251.424C328.566 252.108 327.988 252.67 327.249 252.67H287.482C286.86 252.67 286.361 252.201 286.291 251.615Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M286.291 251.615V253.209C286.206 253.92 286.761 254.55 287.482 254.55H327.249C328.094 254.55 328.73 253.813 328.642 253.002V251.424C328.566 252.108 327.988 252.67 327.249 252.67H287.482C286.86 252.67 286.361 252.201 286.291 251.615Z" fill="#D7DBF1" fill-opacity="0.5"/>
-<path d="M286.291 251.615L286.787 251.555L285.791 251.615H286.291ZM286.291 253.209L286.787 253.268L286.791 253.239V253.209H286.291ZM328.642 253.002H328.142V253.029L328.144 253.056L328.642 253.002ZM328.642 251.424H329.142L328.145 251.37L328.642 251.424ZM285.791 251.615V253.209H286.791V251.615H285.791ZM285.794 253.15C285.674 254.157 286.461 255.05 287.482 255.05V254.05C287.062 254.05 286.738 253.682 286.787 253.268L285.794 253.15ZM287.482 255.05H327.249V254.05H287.482V255.05ZM327.249 255.05C328.397 255.05 329.259 254.05 329.139 252.948L328.144 253.056C328.201 253.577 327.791 254.05 327.249 254.05V255.05ZM329.142 253.002V251.424H328.142V253.002H329.142ZM328.145 251.37C328.096 251.81 327.722 252.17 327.249 252.17V253.17C328.253 253.17 329.037 252.405 329.139 251.479L328.145 251.37ZM327.249 252.17H287.482V253.17H327.249V252.17ZM287.482 252.17C287.12 252.17 286.828 251.897 286.787 251.555L285.794 251.674C285.894 252.504 286.599 253.17 287.482 253.17V252.17Z" fill="url(#paint6_linear_14_4731)" style="mix-blend-mode:overlay" mask="url(#path-40-inside-5_14_4731)"/>
-</g>
-<g filter="url(#filter15_b_14_4731)">
-<path d="M286.295 251.294L286.973 246.738C287.076 246.052 287.665 245.544 288.358 245.544H326.304C326.853 245.544 327.332 245.916 327.467 246.448L328.606 250.925C328.831 251.81 328.162 252.67 327.249 252.67H287.482C286.749 252.67 286.187 252.019 286.295 251.294Z" fill="#D7DBF1" fill-opacity="0.5"/>
-</g>
-<g filter="url(#filter16_b_14_4731)">
-<mask id="path-43-inside-6_14_4731" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M341.469 219.397L342.114 220.889C342.588 221.988 343.671 222.7 344.868 222.7H373.95C374.542 222.7 374.943 222.22 374.952 221.711H374.952V223.562V223.585V223.626H374.951C374.924 224.121 374.528 224.579 373.95 224.579H344.868C343.671 224.579 342.588 223.868 342.114 222.769L341.469 221.276C341.409 221.137 341.383 220.994 341.386 220.856V219.029C341.39 219.151 341.416 219.275 341.469 219.397ZM341.386 218.971C341.387 218.945 341.389 218.92 341.391 218.895H341.386V218.971Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M341.469 219.397L342.114 220.889C342.588 221.988 343.671 222.7 344.868 222.7H373.95C374.542 222.7 374.943 222.22 374.952 221.711H374.952V223.562V223.585V223.626H374.951C374.924 224.121 374.528 224.579 373.95 224.579H344.868C343.671 224.579 342.588 223.868 342.114 222.769L341.469 221.276C341.409 221.137 341.383 220.994 341.386 220.856V219.029C341.39 219.151 341.416 219.275 341.469 219.397ZM341.386 218.971C341.387 218.945 341.389 218.92 341.391 218.895H341.386V218.971Z" fill="#D7DBF1" fill-opacity="0.5"/>
-<path d="M342.114 220.889L341.655 221.088H341.655L342.114 220.889ZM341.469 219.397L341.928 219.199L341.469 219.397ZM374.952 221.711V221.211H374.46L374.452 221.702L374.952 221.711ZM374.952 221.711H375.452V221.211H374.952V221.711ZM374.952 223.626V224.126H375.452V223.626H374.952ZM374.951 223.626V223.126H374.476L374.451 223.599L374.951 223.626ZM342.114 222.769L341.655 222.967H341.655L342.114 222.769ZM341.469 221.276L341.928 221.078L341.469 221.276ZM341.386 220.856L341.886 220.868V220.856H341.386ZM341.386 219.029L341.886 219.014L340.886 219.029H341.386ZM341.386 218.971H340.886L341.886 218.986L341.386 218.971ZM341.391 218.895L341.889 218.948L341.948 218.395H341.391V218.895ZM341.386 218.895V218.395H340.886V218.895H341.386ZM342.573 220.691L341.928 219.199L341.01 219.595L341.655 221.088L342.573 220.691ZM344.868 222.2C343.87 222.2 342.968 221.607 342.573 220.691L341.655 221.088C342.208 222.37 343.471 223.2 344.868 223.2V222.2ZM373.95 222.2H344.868V223.2H373.95V222.2ZM374.452 221.702C374.447 221.969 374.24 222.2 373.95 222.2V223.2C374.844 223.2 375.439 222.471 375.452 221.719L374.452 221.702ZM374.952 222.211H374.952V221.211H374.952V222.211ZM374.452 221.711V223.562H375.452V221.711H374.452ZM374.452 223.562V223.585H375.452V223.562H374.452ZM374.452 223.585V223.626H375.452V223.585H374.452ZM374.952 223.126H374.951V224.126H374.952V223.126ZM374.451 223.599C374.438 223.859 374.234 224.079 373.95 224.079V225.079C374.823 225.079 375.411 224.384 375.45 223.652L374.451 223.599ZM373.95 224.079H344.868V225.079H373.95V224.079ZM344.868 224.079C343.87 224.079 342.968 223.486 342.573 222.571L341.655 222.967C342.209 224.249 343.471 225.079 344.868 225.079V224.079ZM342.573 222.571L341.928 221.078L341.01 221.475L341.655 222.967L342.573 222.571ZM341.928 221.078C341.897 221.006 341.885 220.935 341.886 220.868L340.886 220.843C340.881 221.053 340.921 221.268 341.01 221.475L341.928 221.078ZM341.886 220.856V219.029H340.886V220.856H341.886ZM341.928 219.199C341.901 219.135 341.888 219.073 341.886 219.014L340.887 219.043C340.892 219.228 340.932 219.415 341.01 219.595L341.928 219.199ZM341.886 218.986C341.886 218.973 341.887 218.961 341.889 218.948L340.894 218.842C340.89 218.88 340.888 218.918 340.887 218.956L341.886 218.986ZM341.386 219.395H341.391V218.395H341.386V219.395ZM341.886 218.971V218.895H340.886V218.971H341.886Z" fill="url(#paint7_linear_14_4731)" style="mix-blend-mode:overlay" mask="url(#path-43-inside-6_14_4731)"/>
-</g>
-<g filter="url(#filter17_b_14_4731)">
-<path d="M342.113 220.889L341.469 219.397C341.184 218.736 341.668 218 342.387 218H370.633C371.485 218 372.296 218.362 372.865 218.995L374.694 221.031C375.272 221.675 374.815 222.699 373.95 222.699H344.867C343.671 222.699 342.588 221.988 342.113 220.889Z" fill="#D7DBF1" fill-opacity="0.5"/>
-</g>
-<g filter="url(#filter18_b_14_4731)">
-<mask id="path-46-inside-7_14_4731" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M367.231 259.143L369.673 264.347C370.332 265.75 371.743 266.647 373.294 266.647H414.478C415.059 266.647 415.457 266.184 415.479 265.684V267.476H415.478C415.502 268.008 415.093 268.527 414.477 268.527H373.294C371.743 268.527 370.332 267.63 369.673 266.226L367.231 261.023C367.145 260.839 367.119 260.648 367.143 260.468V258.847C367.157 258.946 367.185 259.046 367.231 259.143Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M367.231 259.143L369.673 264.347C370.332 265.75 371.743 266.647 373.294 266.647H414.478C415.059 266.647 415.457 266.184 415.479 265.684V267.476H415.478C415.502 268.008 415.093 268.527 414.477 268.527H373.294C371.743 268.527 370.332 267.63 369.673 266.226L367.231 261.023C367.145 260.839 367.119 260.648 367.143 260.468V258.847C367.157 258.946 367.185 259.046 367.231 259.143Z" fill="#D7DBF1" fill-opacity="0.5"/>
-<path d="M369.673 264.347L369.22 264.559H369.22L369.673 264.347ZM367.231 259.143L367.683 258.931V258.931L367.231 259.143ZM415.479 265.684H415.979L414.979 265.663L415.479 265.684ZM415.479 267.476V267.976H415.979V267.476H415.479ZM415.478 267.476V266.976H414.955L414.979 267.499L415.478 267.476ZM369.673 266.226L370.125 266.014L369.673 266.226ZM367.231 261.023L367.683 260.81H367.683L367.231 261.023ZM367.143 260.468L367.639 260.534L367.643 260.501V260.468H367.143ZM367.143 258.847L367.639 258.782L366.643 258.847H367.143ZM370.126 264.134L367.683 258.931L366.778 259.356L369.22 264.559L370.126 264.134ZM373.294 266.147C371.937 266.147 370.702 265.363 370.126 264.134L369.22 264.559C369.962 266.138 371.549 267.147 373.294 267.147V266.147ZM414.478 266.147H373.294V267.147H414.478V266.147ZM414.979 265.663C414.968 265.924 414.763 266.147 414.478 266.147V267.147C415.356 267.147 415.946 266.443 415.978 265.706L414.979 265.663ZM415.979 267.476V265.684H414.979V267.476H415.979ZM415.478 267.976H415.479V266.976H415.478V267.976ZM414.477 269.027C415.408 269.027 416.014 268.24 415.978 267.453L414.979 267.499C414.991 267.776 414.779 268.027 414.477 268.027V269.027ZM373.294 269.027H414.477V268.027H373.294V269.027ZM369.22 266.439C369.961 268.018 371.549 269.027 373.294 269.027V268.027C371.937 268.027 370.702 267.242 370.125 266.014L369.22 266.439ZM366.778 261.235L369.22 266.439L370.125 266.014L367.683 260.81L366.778 261.235ZM366.648 260.401C366.611 260.675 366.65 260.963 366.778 261.235L367.683 260.81C367.639 260.716 367.627 260.622 367.639 260.534L366.648 260.401ZM366.643 258.847V260.468H367.643V258.847H366.643ZM367.683 258.931C367.66 258.88 367.645 258.83 367.639 258.782L366.648 258.913C366.668 259.063 366.711 259.212 366.778 259.356L367.683 258.931Z" fill="url(#paint8_linear_14_4731)" style="mix-blend-mode:overlay" mask="url(#path-46-inside-7_14_4731)"/>
-</g>
-<g filter="url(#filter19_b_14_4731)">
-<path d="M369.673 264.347L367.231 259.143C366.92 258.48 367.404 257.718 368.137 257.718H406.948C408.088 257.718 409.173 258.204 409.932 259.054L415.224 264.981C415.799 265.625 415.342 266.647 414.478 266.647H373.294C371.744 266.647 370.332 265.751 369.673 264.347Z" fill="#D7DBF1" fill-opacity="0.5"/>
-</g>
-<g filter="url(#filter20_b_14_4731)">
-<mask id="path-49-inside-8_14_4731" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M397.164 244.83L400.22 248.128C401.167 249.149 402.496 249.73 403.888 249.73H439.252C439.832 249.73 440.215 249.28 440.251 248.796V250.516C440.297 251.056 439.897 251.609 439.253 251.609H403.888C402.496 251.609 401.167 251.029 400.221 250.008L397.165 246.71C396.967 246.496 396.885 246.237 396.898 245.988H396.898V244.218C396.911 244.432 396.995 244.647 397.164 244.83ZM396.898 244.096C396.898 244.089 396.899 244.081 396.899 244.073H396.898V244.096Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M397.164 244.83L400.22 248.128C401.167 249.149 402.496 249.73 403.888 249.73H439.252C439.832 249.73 440.215 249.28 440.251 248.796V250.516C440.297 251.056 439.897 251.609 439.253 251.609H403.888C402.496 251.609 401.167 251.029 400.221 250.008L397.165 246.71C396.967 246.496 396.885 246.237 396.898 245.988H396.898V244.218C396.911 244.432 396.995 244.647 397.164 244.83ZM396.898 244.096C396.898 244.089 396.899 244.081 396.899 244.073H396.898V244.096Z" fill="#D7DBF1" fill-opacity="0.5"/>
-<path d="M400.22 248.128L399.854 248.468L400.22 248.128ZM397.164 244.83L397.531 244.49V244.49L397.164 244.83ZM440.251 248.796H440.751L439.753 248.759L440.251 248.796ZM440.251 250.516H439.751V250.537L439.753 250.558L440.251 250.516ZM400.221 250.008L400.588 249.668L400.221 250.008ZM397.165 246.71L397.532 246.37H397.532L397.165 246.71ZM396.898 245.988L397.397 246.012L397.423 245.488H396.898V245.988ZM396.898 245.988H396.398V246.488H396.898V245.988ZM396.898 244.218L397.397 244.187L396.398 244.218H396.898ZM396.898 244.096H396.398L397.397 244.127L396.898 244.096ZM396.899 244.073L397.398 244.115L397.444 243.573H396.899V244.073ZM396.898 244.073V243.573H396.398V244.073H396.898ZM400.587 247.788L397.531 244.49L396.798 245.17L399.854 248.468L400.587 247.788ZM403.888 249.23C402.635 249.23 401.439 248.707 400.587 247.788L399.854 248.468C400.894 249.591 402.356 250.23 403.888 250.23V249.23ZM439.252 249.23H403.888V250.23H439.252V249.23ZM439.753 248.759C439.733 249.017 439.537 249.23 439.252 249.23V250.23C440.128 250.23 440.697 249.544 440.75 248.834L439.753 248.759ZM439.751 248.796V250.516H440.751V248.796H439.751ZM439.753 250.558C439.778 250.845 439.566 251.109 439.253 251.109V252.109C440.227 252.109 440.817 251.267 440.75 250.474L439.753 250.558ZM439.253 251.109H403.888V252.109H439.253V251.109ZM403.888 251.109C402.636 251.109 401.439 250.587 400.588 249.668L399.854 250.348C400.895 251.471 402.357 252.109 403.888 252.109V251.109ZM400.588 249.668L397.532 246.37L396.798 247.05L399.854 250.348L400.588 249.668ZM397.532 246.37C397.429 246.259 397.391 246.133 397.397 246.012L396.398 245.963C396.38 246.341 396.505 246.733 396.798 247.05L397.532 246.37ZM396.898 245.488H396.898V246.488H396.898V245.488ZM397.398 245.988V244.218H396.398V245.988H397.398ZM397.531 244.49C397.442 244.394 397.403 244.289 397.397 244.187L396.399 244.248C396.419 244.575 396.548 244.901 396.798 245.17L397.531 244.49ZM397.397 244.127C397.397 244.123 397.397 244.119 397.398 244.115L396.401 244.031C396.4 244.042 396.399 244.054 396.399 244.066L397.397 244.127ZM396.898 244.573H396.899V243.573H396.898V244.573ZM397.398 244.096V244.073H396.398V244.096H397.398Z" fill="url(#paint9_linear_14_4731)" style="mix-blend-mode:overlay" mask="url(#path-49-inside-8_14_4731)"/>
-</g>
-<g filter="url(#filter21_b_14_4731)">
-<path d="M400.221 248.128L397.165 244.83C396.572 244.19 397.026 243.15 397.898 243.15H432.267C433.428 243.15 434.553 243.555 435.449 244.294L439.889 247.958C440.612 248.555 440.19 249.729 439.253 249.729H403.888C402.496 249.729 401.167 249.149 400.221 248.128Z" fill="#D7DBF1" fill-opacity="0.5"/>
-</g>
-<g filter="url(#filter22_b_14_4731)">
-<mask id="path-52-inside-9_14_4731" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M421.339 233.301L423.913 235.327C425.323 236.438 427.067 237.041 428.862 237.041H458.424C458.902 237.041 459.202 236.67 459.224 236.279V238.065C459.249 238.488 458.94 238.921 458.424 238.921H428.862C427.067 238.921 425.323 238.317 423.913 237.207L421.339 235.18C421.096 234.989 421.007 234.715 421.039 234.459V232.779C421.063 232.971 421.159 233.158 421.339 233.301ZM421.039 232.579C421.039 232.576 421.04 232.573 421.04 232.569H421.039V232.579Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M421.339 233.301L423.913 235.327C425.323 236.438 427.067 237.041 428.862 237.041H458.424C458.902 237.041 459.202 236.67 459.224 236.279V238.065C459.249 238.488 458.94 238.921 458.424 238.921H428.862C427.067 238.921 425.323 238.317 423.913 237.207L421.339 235.18C421.096 234.989 421.007 234.715 421.039 234.459V232.779C421.063 232.971 421.159 233.158 421.339 233.301ZM421.039 232.579C421.039 232.576 421.04 232.573 421.04 232.569H421.039V232.579Z" fill="#D7DBF1" fill-opacity="0.5"/>
-<path d="M423.913 235.327L424.222 234.934L423.913 235.327ZM421.339 233.301L421.649 232.908L421.339 233.301ZM459.224 236.279H459.724L458.725 236.251L459.224 236.279ZM459.224 238.065H458.724V238.08L458.725 238.094L459.224 238.065ZM423.913 237.207L424.222 236.814L423.913 237.207ZM421.339 235.18L421.03 235.573H421.03L421.339 235.18ZM421.039 234.459L421.535 234.521L421.539 234.49V234.459H421.039ZM421.039 232.779L421.535 232.717L420.539 232.779H421.039ZM421.039 232.579H420.539L421.535 232.641L421.039 232.579ZM421.04 232.569L421.536 232.637L421.613 232.069H421.04V232.569ZM421.039 232.569V232.069H420.539V232.569H421.039ZM424.222 234.934L421.649 232.908L421.03 233.693L423.604 235.72L424.222 234.934ZM428.862 236.541C427.179 236.541 425.545 235.975 424.222 234.934L423.604 235.72C425.102 236.9 426.954 237.541 428.862 237.541V236.541ZM458.424 236.541H428.862V237.541H458.424V236.541ZM458.725 236.251C458.721 236.331 458.687 236.406 458.636 236.459C458.591 236.505 458.525 236.541 458.424 236.541V237.541C459.207 237.541 459.689 236.922 459.724 236.308L458.725 236.251ZM458.724 236.279V238.065H459.724V236.279H458.724ZM458.725 238.094C458.73 238.178 458.701 238.264 458.648 238.326C458.601 238.38 458.532 238.421 458.424 238.421V239.421C459.272 239.421 459.762 238.7 459.724 238.037L458.725 238.094ZM458.424 238.421H428.862V239.421H458.424V238.421ZM428.862 238.421C427.179 238.421 425.545 237.855 424.222 236.814L423.604 237.599C425.102 238.779 426.954 239.421 428.862 239.421V238.421ZM424.222 236.814L421.649 234.787L421.03 235.573L423.604 237.599L424.222 236.814ZM421.649 234.787C421.553 234.712 421.523 234.616 421.535 234.521L420.543 234.397C420.491 234.814 420.639 235.265 421.03 235.573L421.649 234.787ZM421.539 234.459V232.779H420.539V234.459H421.539ZM421.649 232.908C421.574 232.849 421.543 232.782 421.535 232.717L420.543 232.842C420.583 233.16 420.743 233.468 421.03 233.693L421.649 232.908ZM421.535 232.641C421.535 232.64 421.535 232.638 421.536 232.637L420.545 232.502C420.544 232.507 420.543 232.512 420.543 232.518L421.535 232.641ZM421.039 233.069H421.04V232.069H421.039V233.069ZM421.539 232.579V232.569H420.539V232.579H421.539Z" fill="url(#paint10_linear_14_4731)" style="mix-blend-mode:overlay" mask="url(#path-52-inside-9_14_4731)"/>
-</g>
-<g filter="url(#filter23_b_14_4731)">
-<path d="M423.913 235.327L421.34 233.3C420.743 232.831 421.075 231.872 421.835 231.872H450.567C452.041 231.872 453.487 232.279 454.745 233.049L458.843 235.559C459.531 235.981 459.232 237.041 458.425 237.041H428.862C427.067 237.041 425.324 236.437 423.913 235.327Z" fill="#D7DBF1" fill-opacity="0.5"/>
-</g>
-<g filter="url(#filter24_b_14_4731)">
-<mask id="path-55-inside-10_14_4731" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M173.502 234.154L170.928 236.181C169.518 237.291 167.774 237.895 165.979 237.895H136.417C135.939 237.895 135.639 237.523 135.617 237.133V238.919C135.592 239.342 135.901 239.775 136.417 239.775H165.979C167.774 239.775 169.518 239.171 170.928 238.06L173.502 236.034C173.745 235.842 173.834 235.569 173.802 235.313V233.633C173.778 233.825 173.682 234.012 173.502 234.154ZM173.802 233.433C173.802 233.43 173.801 233.426 173.801 233.423H173.802V233.433Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M173.502 234.154L170.928 236.181C169.518 237.291 167.774 237.895 165.979 237.895H136.417C135.939 237.895 135.639 237.523 135.617 237.133V238.919C135.592 239.342 135.901 239.775 136.417 239.775H165.979C167.774 239.775 169.518 239.171 170.928 238.06L173.502 236.034C173.745 235.842 173.834 235.569 173.802 235.313V233.633C173.778 233.825 173.682 234.012 173.502 234.154ZM173.802 233.433C173.802 233.43 173.801 233.426 173.801 233.423H173.802V233.433Z" fill="#D7DBF1" fill-opacity="0.5"/>
-<path d="M170.928 236.181L170.619 235.788L170.928 236.181ZM173.502 234.154L173.192 233.761L173.502 234.154ZM135.617 237.133H135.117L136.116 237.104L135.617 237.133ZM135.617 238.919H136.117V238.933L136.116 238.948L135.617 238.919ZM170.928 238.06L170.619 237.667L170.928 238.06ZM173.502 236.034L173.811 236.427H173.811L173.502 236.034ZM173.802 235.313L173.306 235.374L173.302 235.344V235.313H173.802ZM173.802 233.633L173.306 233.57L174.302 233.633H173.802ZM173.802 233.433H174.302L173.306 233.495L173.802 233.433ZM173.801 233.423L173.305 233.491L173.228 232.923H173.801V233.423ZM173.802 233.423V232.923H174.302V233.423H173.802ZM170.619 235.788L173.192 233.761L173.811 234.547L171.237 236.573L170.619 235.788ZM165.979 237.395C167.662 237.395 169.296 236.829 170.619 235.788L171.237 236.573C169.739 237.753 167.887 238.395 165.979 238.395V237.395ZM136.417 237.395H165.979V238.395H136.417V237.395ZM136.116 237.104C136.12 237.184 136.154 237.26 136.205 237.312C136.25 237.359 136.316 237.395 136.417 237.395V238.395C135.634 238.395 135.152 237.776 135.117 237.161L136.116 237.104ZM136.117 237.133V238.919H135.117V237.133H136.117ZM136.116 238.948C136.111 239.032 136.14 239.118 136.193 239.179C136.24 239.234 136.309 239.275 136.417 239.275V240.275C135.569 240.275 135.079 239.554 135.117 238.89L136.116 238.948ZM136.417 239.275H165.979V240.275H136.417V239.275ZM165.979 239.275C167.662 239.275 169.296 238.709 170.619 237.667L171.237 238.453C169.739 239.633 167.887 240.275 165.979 240.275V239.275ZM170.619 237.667L173.192 235.641L173.811 236.427L171.237 238.453L170.619 237.667ZM173.192 235.641C173.288 235.566 173.318 235.47 173.306 235.374L174.298 235.251C174.35 235.668 174.202 236.119 173.811 236.427L173.192 235.641ZM173.302 235.313V233.633H174.302V235.313H173.302ZM173.192 233.761C173.267 233.703 173.298 233.635 173.306 233.57L174.298 233.696C174.258 234.014 174.098 234.321 173.811 234.547L173.192 233.761ZM173.306 233.495C173.306 233.493 173.306 233.492 173.305 233.491L174.296 233.355C174.297 233.361 174.298 233.366 174.298 233.371L173.306 233.495ZM173.802 233.923H173.801V232.923H173.802V233.923ZM173.302 233.433V233.423H174.302V233.433H173.302Z" fill="url(#paint11_linear_14_4731)" style="mix-blend-mode:overlay" mask="url(#path-55-inside-10_14_4731)"/>
-</g>
-<g filter="url(#filter25_b_14_4731)">
-<path d="M170.928 236.18L173.501 234.154C174.098 233.684 173.766 232.725 173.006 232.725H144.274C142.799 232.725 141.354 233.133 140.096 233.903L135.998 236.412C135.31 236.834 135.608 237.895 136.416 237.895H165.979C167.774 237.895 169.517 237.291 170.928 236.18Z" fill="#D7DBF1" fill-opacity="0.5"/>
-</g>
-<g filter="url(#filter26_b_14_4731)">
-<mask id="path-58-inside-11_14_4731" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M171 164C168.791 164 167 165.791 167 168V170C167 167.791 168.791 166 171 166H430C432.209 166 434 167.791 434 170V168C434 165.791 432.209 164 430 164H171Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M171 164C168.791 164 167 165.791 167 168V170C167 167.791 168.791 166 171 166H430C432.209 166 434 167.791 434 170V168C434 165.791 432.209 164 430 164H171Z" fill="#E9EDF7"/>
-<path d="M168 168C168 166.343 169.343 165 171 165V163C168.239 163 166 165.239 166 168H168ZM168 170V168H166V170H168ZM168 170C168 168.343 169.343 167 171 167V165C168.239 165 166 167.239 166 170H168ZM171 167H430V165H171V167ZM430 167C431.657 167 433 168.343 433 170H435C435 167.239 432.761 165 430 165V167ZM433 168V170H435V168H433ZM430 165C431.657 165 433 166.343 433 168H435C435 165.239 432.761 163 430 163V165ZM171 165H430V163H171V165Z" fill="url(#paint12_linear_14_4731)" style="mix-blend-mode:overlay" mask="url(#path-58-inside-11_14_4731)"/>
-</g>
-<g filter="url(#filter27_b_14_4731)">
-<rect x="167" y="166" width="267" height="20" rx="4" fill="#E9EDF7"/>
-<rect x="167.5" y="166.5" width="266" height="19" rx="3.5" stroke="url(#paint13_linear_14_4731)" style="mix-blend-mode:overlay"/>
-</g>
-<g filter="url(#filter28_b_14_4731)">
-<mask id="path-62-inside-12_14_4731" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M171 138C168.791 138 167 139.791 167 142V144C167 141.791 168.791 140 171 140H430C432.209 140 434 141.791 434 144V142C434 139.791 432.209 138 430 138H171Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M171 138C168.791 138 167 139.791 167 142V144C167 141.791 168.791 140 171 140H430C432.209 140 434 141.791 434 144V142C434 139.791 432.209 138 430 138H171Z" fill="#E9EDF7"/>
-<path d="M168 142C168 140.343 169.343 139 171 139V137C168.239 137 166 139.239 166 142H168ZM168 144V142H166V144H168ZM168 144C168 142.343 169.343 141 171 141V139C168.239 139 166 141.239 166 144H168ZM171 141H430V139H171V141ZM430 141C431.657 141 433 142.343 433 144H435C435 141.239 432.761 139 430 139V141ZM433 142V144H435V142H433ZM430 139C431.657 139 433 140.343 433 142H435C435 139.239 432.761 137 430 137V139ZM171 139H430V137H171V139Z" fill="url(#paint14_linear_14_4731)" style="mix-blend-mode:overlay" mask="url(#path-62-inside-12_14_4731)"/>
-</g>
-<g filter="url(#filter29_b_14_4731)">
-<rect x="167" y="140" width="267" height="20" rx="4" fill="#E9EDF7"/>
-<rect x="167.5" y="140.5" width="266" height="19" rx="3.5" stroke="url(#paint15_linear_14_4731)" style="mix-blend-mode:overlay"/>
-</g>
-<rect x="350" y="145" width="10" height="10" rx="2" fill="#00C39A"/>
-<rect x="362" y="145" width="5" height="10" rx="2" fill="#00C39A"/>
-<rect x="369" y="145" width="5" height="10" rx="2" fill="#00C39A"/>
-<rect x="379" y="145" width="5" height="10" rx="2" fill="#976CF2"/>
-<rect x="386" y="145" width="10" height="10" rx="2" fill="#976CF2"/>
-<rect x="398" y="145" width="5" height="10" rx="2" fill="#976CF2"/>
-<rect x="405" y="145" width="5" height="10" rx="2" fill="#976CF2"/>
-<rect x="412" y="145" width="10" height="10" rx="2" fill="#976CF2"/>
-<rect x="424" y="145" width="5" height="10" rx="2" fill="#976CF2"/>
-<rect x="328.606" y="160" width="11.293" height="10" rx="2" transform="rotate(9.24086 328.606 160)" fill="#00C39A"/>
-<rect x="341" y="151.622" width="5" height="10" rx="2" transform="rotate(-7.1475 341 151.622)" fill="#00C39A"/>
-<rect x="172" y="171" width="74" height="10" rx="2" fill="#FA7565"/>
-<rect x="250" y="171" width="39" height="10" rx="2" fill="#FFD155"/>
-<rect x="293" y="171" width="31" height="10" rx="2" fill="#00C39A"/>
-<path d="M211.5 139C211.5 139.276 211.724 139.5 212 139.5C212.276 139.5 212.5 139.276 212.5 139H211.5ZM211.5 123.417C211.5 123.693 211.724 123.917 212 123.917C212.276 123.917 212.5 123.693 212.5 123.417H211.5ZM212.5 126.25C212.5 125.974 212.276 125.75 212 125.75C211.724 125.75 211.5 125.974 211.5 126.25H212.5ZM211.5 129.083C211.5 129.359 211.724 129.583 212 129.583C212.276 129.583 212.5 129.359 212.5 129.083H211.5ZM212.5 131.917C212.5 131.641 212.276 131.417 212 131.417C211.724 131.417 211.5 131.641 211.5 131.917H212.5ZM211.5 134.75C211.5 135.026 211.724 135.25 212 135.25C212.276 135.25 212.5 135.026 212.5 134.75H211.5ZM212.5 137.583C212.5 137.307 212.276 137.083 212 137.083C211.724 137.083 211.5 137.307 211.5 137.583H212.5ZM211.5 122V123.417H212.5V122H211.5ZM211.5 126.25V129.083H212.5V126.25H211.5ZM211.5 131.917V134.75H212.5V131.917H211.5ZM211.5 137.583V139H212.5V137.583H211.5Z" fill="#C5C7D7"/>
-<path d="M255.5 139C255.5 139.276 255.724 139.5 256 139.5C256.276 139.5 256.5 139.276 256.5 139H255.5ZM255.5 123.417C255.5 123.693 255.724 123.917 256 123.917C256.276 123.917 256.5 123.693 256.5 123.417H255.5ZM256.5 126.25C256.5 125.974 256.276 125.75 256 125.75C255.724 125.75 255.5 125.974 255.5 126.25H256.5ZM255.5 129.083C255.5 129.359 255.724 129.583 256 129.583C256.276 129.583 256.5 129.359 256.5 129.083H255.5ZM256.5 131.917C256.5 131.641 256.276 131.417 256 131.417C255.724 131.417 255.5 131.641 255.5 131.917H256.5ZM255.5 134.75C255.5 135.026 255.724 135.25 256 135.25C256.276 135.25 256.5 135.026 256.5 134.75H255.5ZM256.5 137.583C256.5 137.307 256.276 137.083 256 137.083C255.724 137.083 255.5 137.307 255.5 137.583H256.5ZM255.5 122V123.417H256.5V122H255.5ZM255.5 126.25V129.083H256.5V126.25H255.5ZM255.5 131.917V134.75H256.5V131.917H255.5ZM255.5 137.583V139H256.5V137.583H255.5Z" fill="#C5C7D7"/>
-<path d="M299.5 139C299.5 139.276 299.724 139.5 300 139.5C300.276 139.5 300.5 139.276 300.5 139H299.5ZM299.5 123.417C299.5 123.693 299.724 123.917 300 123.917C300.276 123.917 300.5 123.693 300.5 123.417H299.5ZM300.5 126.25C300.5 125.974 300.276 125.75 300 125.75C299.724 125.75 299.5 125.974 299.5 126.25H300.5ZM299.5 129.083C299.5 129.359 299.724 129.583 300 129.583C300.276 129.583 300.5 129.359 300.5 129.083H299.5ZM300.5 131.917C300.5 131.641 300.276 131.417 300 131.417C299.724 131.417 299.5 131.641 299.5 131.917H300.5ZM299.5 134.75C299.5 135.026 299.724 135.25 300 135.25C300.276 135.25 300.5 135.026 300.5 134.75H299.5ZM300.5 137.583C300.5 137.307 300.276 137.083 300 137.083C299.724 137.083 299.5 137.307 299.5 137.583H300.5ZM299.5 122V123.417H300.5V122H299.5ZM299.5 126.25V129.083H300.5V126.25H299.5ZM299.5 131.917V134.75H300.5V131.917H299.5ZM299.5 137.583V139H300.5V137.583H299.5Z" fill="#C5C7D7"/>
-<path d="M343.5 139C343.5 139.276 343.724 139.5 344 139.5C344.276 139.5 344.5 139.276 344.5 139H343.5ZM343.5 123.417C343.5 123.693 343.724 123.917 344 123.917C344.276 123.917 344.5 123.693 344.5 123.417H343.5ZM344.5 126.25C344.5 125.974 344.276 125.75 344 125.75C343.724 125.75 343.5 125.974 343.5 126.25H344.5ZM343.5 129.083C343.5 129.359 343.724 129.583 344 129.583C344.276 129.583 344.5 129.359 344.5 129.083H343.5ZM344.5 131.917C344.5 131.641 344.276 131.417 344 131.417C343.724 131.417 343.5 131.641 343.5 131.917H344.5ZM343.5 134.75C343.5 135.026 343.724 135.25 344 135.25C344.276 135.25 344.5 135.026 344.5 134.75H343.5ZM344.5 137.583C344.5 137.307 344.276 137.083 344 137.083C343.724 137.083 343.5 137.307 343.5 137.583H344.5ZM343.5 122V123.417H344.5V122H343.5ZM343.5 126.25V129.083H344.5V126.25H343.5ZM343.5 131.917V134.75H344.5V131.917H343.5ZM343.5 137.583V139H344.5V137.583H343.5Z" fill="#C5C7D7"/>
-<path d="M387.5 139C387.5 139.276 387.724 139.5 388 139.5C388.276 139.5 388.5 139.276 388.5 139H387.5ZM387.5 123.417C387.5 123.693 387.724 123.917 388 123.917C388.276 123.917 388.5 123.693 388.5 123.417H387.5ZM388.5 126.25C388.5 125.974 388.276 125.75 388 125.75C387.724 125.75 387.5 125.974 387.5 126.25H388.5ZM387.5 129.083C387.5 129.359 387.724 129.583 388 129.583C388.276 129.583 388.5 129.359 388.5 129.083H387.5ZM388.5 131.917C388.5 131.641 388.276 131.417 388 131.417C387.724 131.417 387.5 131.641 387.5 131.917H388.5ZM387.5 134.75C387.5 135.026 387.724 135.25 388 135.25C388.276 135.25 388.5 135.026 388.5 134.75H387.5ZM388.5 137.583C388.5 137.307 388.276 137.083 388 137.083C387.724 137.083 387.5 137.307 387.5 137.583H388.5ZM387.5 122V123.417H388.5V122H387.5ZM387.5 126.25V129.083H388.5V126.25H387.5ZM387.5 131.917V134.75H388.5V131.917H387.5ZM387.5 137.583V139H388.5V137.583H387.5Z" fill="#C5C7D7"/>
-<g filter="url(#filter30_b_14_4731)">
-<mask id="path-85-inside-13_14_4731" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M196 80C193.791 80 192 81.7909 192 84V86C192 83.7909 193.791 82 196 82H228C230.209 82 232 83.7909 232 86V84C232 81.7909 230.209 80 228 80H196Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M196 80C193.791 80 192 81.7909 192 84V86C192 83.7909 193.791 82 196 82H228C230.209 82 232 83.7909 232 86V84C232 81.7909 230.209 80 228 80H196Z" fill="#E9EDF7"/>
-<path d="M193 84C193 82.3431 194.343 81 196 81V79C193.239 79 191 81.2386 191 84H193ZM193 86V84H191V86H193ZM193 86C193 84.3431 194.343 83 196 83V81C193.239 81 191 83.2386 191 86H193ZM196 83H228V81H196V83ZM228 83C229.657 83 231 84.3431 231 86H233C233 83.2386 230.761 81 228 81V83ZM231 84V86H233V84H231ZM228 81C229.657 81 231 82.3431 231 84H233C233 81.2386 230.761 79 228 79V81ZM196 81H228V79H196V81Z" fill="url(#paint16_linear_14_4731)" style="mix-blend-mode:overlay" mask="url(#path-85-inside-13_14_4731)"/>
-</g>
-<g filter="url(#filter31_b_14_4731)">
-<rect x="192" y="82" width="40" height="40" rx="4" fill="#E9EDF7"/>
-<rect x="192.5" y="82.5" width="39" height="39" rx="3.5" stroke="url(#paint17_linear_14_4731)" style="mix-blend-mode:overlay"/>
-</g>
-<rect x="200" y="97" width="5" height="10" rx="2" fill="#FFD155"/>
-<rect x="207" y="97" width="10" height="10" rx="2" fill="#FA7565"/>
-<rect x="219" y="97" width="5" height="10" rx="2" fill="#00C39A"/>
-<g filter="url(#filter32_b_14_4731)">
-<g filter="url(#filter33_b_14_4731)">
-<mask id="path-92-inside-14_14_4731" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M240 80C237.791 80 236 81.7909 236 84V86C236 83.7909 237.791 82 240 82H272C274.209 82 276 83.7909 276 86V84C276 81.7909 274.209 80 272 80H240Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M240 80C237.791 80 236 81.7909 236 84V86C236 83.7909 237.791 82 240 82H272C274.209 82 276 83.7909 276 86V84C276 81.7909 274.209 80 272 80H240Z" fill="#E9EDF7"/>
-<path d="M237 84C237 82.3431 238.343 81 240 81V79C237.239 79 235 81.2386 235 84H237ZM237 86V84H235V86H237ZM237 86C237 84.3431 238.343 83 240 83V81C237.239 81 235 83.2386 235 86H237ZM240 83H272V81H240V83ZM272 83C273.657 83 275 84.3431 275 86H277C277 83.2386 274.761 81 272 81V83ZM275 84V86H277V84H275ZM272 81C273.657 81 275 82.3431 275 84H277C277 81.2386 274.761 79 272 79V81ZM240 81H272V79H240V81Z" fill="url(#paint18_linear_14_4731)" style="mix-blend-mode:overlay" mask="url(#path-92-inside-14_14_4731)"/>
-</g>
-</g>
-<g filter="url(#filter34_b_14_4731)">
-<rect x="236" y="82" width="40" height="40" rx="4" fill="#E9EDF7"/>
-<rect x="236.5" y="82.5" width="39" height="39" rx="3.5" stroke="url(#paint19_linear_14_4731)" style="mix-blend-mode:overlay"/>
-</g>
-<rect x="241" y="97" width="5" height="10" rx="2" fill="#FA7565"/>
-<rect x="248" y="97" width="5" height="10" rx="2" fill="#00C39A"/>
-<rect x="255" y="97" width="9" height="10" rx="2" fill="#976CF2"/>
-<rect x="266" y="97" width="5" height="10" rx="2" fill="#FA7565"/>
-<g filter="url(#filter35_b_14_4731)">
-<g filter="url(#filter36_b_14_4731)">
-<mask id="path-100-inside-15_14_4731" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M284 80C281.791 80 280 81.7909 280 84V86C280 83.7909 281.791 82 284 82H316C318.209 82 320 83.7909 320 86V84C320 81.7909 318.209 80 316 80H284Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M284 80C281.791 80 280 81.7909 280 84V86C280 83.7909 281.791 82 284 82H316C318.209 82 320 83.7909 320 86V84C320 81.7909 318.209 80 316 80H284Z" fill="#E9EDF7"/>
-<path d="M281 84C281 82.3431 282.343 81 284 81V79C281.239 79 279 81.2386 279 84H281ZM281 86V84H279V86H281ZM281 86C281 84.3431 282.343 83 284 83V81C281.239 81 279 83.2386 279 86H281ZM284 83H316V81H284V83ZM316 83C317.657 83 319 84.3431 319 86H321C321 83.2386 318.761 81 316 81V83ZM319 84V86H321V84H319ZM316 81C317.657 81 319 82.3431 319 84H321C321 81.2386 318.761 79 316 79V81ZM284 81H316V79H284V81Z" fill="url(#paint20_linear_14_4731)" style="mix-blend-mode:overlay" mask="url(#path-100-inside-15_14_4731)"/>
-</g>
-</g>
-<g filter="url(#filter37_b_14_4731)">
-<rect x="280" y="82" width="40" height="40" rx="4" fill="#E9EDF7"/>
-<rect x="280.5" y="82.5" width="39" height="39" rx="3.5" stroke="url(#paint21_linear_14_4731)" style="mix-blend-mode:overlay"/>
-</g>
-<rect x="285" y="97" width="5" height="10" rx="2" fill="#976CF2"/>
-<rect x="292" y="97" width="11" height="10" rx="2" fill="#FFD155"/>
-<rect x="305" y="97" width="10" height="10" rx="2" fill="#00C39A"/>
-<g filter="url(#filter38_b_14_4731)">
-<g filter="url(#filter39_b_14_4731)">
-<mask id="path-107-inside-16_14_4731" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M328 80C325.791 80 324 81.7909 324 84V86C324 83.7909 325.791 82 328 82H360C362.209 82 364 83.7909 364 86V84C364 81.7909 362.209 80 360 80H328Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M328 80C325.791 80 324 81.7909 324 84V86C324 83.7909 325.791 82 328 82H360C362.209 82 364 83.7909 364 86V84C364 81.7909 362.209 80 360 80H328Z" fill="#E9EDF7"/>
-<path d="M325 84C325 82.3431 326.343 81 328 81V79C325.239 79 323 81.2386 323 84H325ZM325 86V84H323V86H325ZM325 86C325 84.3431 326.343 83 328 83V81C325.239 81 323 83.2386 323 86H325ZM328 83H360V81H328V83ZM360 83C361.657 83 363 84.3431 363 86H365C365 83.2386 362.761 81 360 81V83ZM363 84V86H365V84H363ZM360 81C361.657 81 363 82.3431 363 84H365C365 81.2386 362.761 79 360 79V81ZM328 81H360V79H328V81Z" fill="url(#paint22_linear_14_4731)" style="mix-blend-mode:overlay" mask="url(#path-107-inside-16_14_4731)"/>
-</g>
-</g>
-<g filter="url(#filter40_b_14_4731)">
-<rect x="324" y="82" width="40" height="40" rx="4" fill="#E9EDF7"/>
-<rect x="324.5" y="82.5" width="39" height="39" rx="3.5" stroke="url(#paint23_linear_14_4731)" style="mix-blend-mode:overlay"/>
-</g>
-<rect x="332" y="97" width="5" height="10" rx="2" fill="#976CF2"/>
-<rect x="339" y="97" width="10" height="10" rx="2" fill="#FA7565"/>
-<rect x="351" y="97" width="5" height="10" rx="2" fill="#FFD155"/>
-<g filter="url(#filter41_b_14_4731)">
-<g filter="url(#filter42_b_14_4731)">
-<mask id="path-114-inside-17_14_4731" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M372 80C369.791 80 368 81.7909 368 84V86C368 83.7909 369.791 82 372 82H404C406.209 82 408 83.7909 408 86V84C408 81.7909 406.209 80 404 80H372Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M372 80C369.791 80 368 81.7909 368 84V86C368 83.7909 369.791 82 372 82H404C406.209 82 408 83.7909 408 86V84C408 81.7909 406.209 80 404 80H372Z" fill="#E9EDF7"/>
-<path d="M369 84C369 82.3431 370.343 81 372 81V79C369.239 79 367 81.2386 367 84H369ZM369 86V84H367V86H369ZM369 86C369 84.3431 370.343 83 372 83V81C369.239 81 367 83.2386 367 86H369ZM372 83H404V81H372V83ZM404 83C405.657 83 407 84.3431 407 86H409C409 83.2386 406.761 81 404 81V83ZM407 84V86H409V84H407ZM404 81C405.657 81 407 82.3431 407 84H409C409 81.2386 406.761 79 404 79V81ZM372 81H404V79H372V81Z" fill="url(#paint24_linear_14_4731)" style="mix-blend-mode:overlay" mask="url(#path-114-inside-17_14_4731)"/>
-</g>
-</g>
-<g filter="url(#filter43_b_14_4731)">
-<rect x="368" y="82" width="40" height="40" rx="4" fill="#E9EDF7"/>
-<rect x="368.5" y="82.5" width="39" height="39" rx="3.5" stroke="url(#paint25_linear_14_4731)" style="mix-blend-mode:overlay"/>
-</g>
-<rect width="5" height="10" rx="2" transform="matrix(-1 0 0 1 401 97)" fill="#00C39A"/>
-<rect width="5" height="10" rx="2" transform="matrix(-1 0 0 1 394 97)" fill="#FA7565"/>
-<rect width="5" height="10" rx="2" transform="matrix(-1 0 0 1 387 97)" fill="#976CF2"/>
-<rect width="5" height="10" rx="2" transform="matrix(-1 0 0 1 380 97)" fill="#976CF2"/>
-<path d="M212.422 81.2679C212.274 81.5011 211.965 81.5701 211.732 81.4222C211.499 81.2742 211.43 80.9652 211.578 80.7321L212.422 81.2679ZM278.577 48.7047C278.303 48.7444 278.05 48.5549 278.01 48.2816C277.971 48.0084 278.16 47.7547 278.433 47.7151L278.577 48.7047ZM275.494 48.1677C275.766 48.1233 276.023 48.3082 276.068 48.5807C276.112 48.8532 275.927 49.1102 275.655 49.1547L275.494 48.1677ZM272.712 49.6628C272.44 49.7124 272.18 49.5323 272.131 49.2606C272.081 48.989 272.261 48.7286 272.533 48.6791L272.712 49.6628ZM269.603 49.2419C269.874 49.1872 270.138 49.3623 270.192 49.6329C270.247 49.9036 270.072 50.1674 269.801 50.2221L269.603 49.2419ZM266.905 50.837C266.636 50.8971 266.369 50.7272 266.309 50.4577C266.248 50.1882 266.418 49.921 266.688 49.861L266.905 50.837ZM263.764 50.5436C264.032 50.4781 264.303 50.6424 264.368 50.9106C264.434 51.1789 264.269 51.4495 264.001 51.515L263.764 50.5436ZM261.127 52.2496C260.86 52.3208 260.586 52.1623 260.515 51.8955C260.443 51.6287 260.602 51.3547 260.869 51.2835L261.127 52.2496ZM258.001 52.0823C258.267 52.0052 258.544 52.1578 258.621 52.423C258.698 52.6881 258.545 52.9655 258.28 53.0426L258.001 52.0823ZM255.432 53.9048C255.169 53.9879 254.888 53.8417 254.805 53.5783C254.722 53.315 254.868 53.0342 255.131 52.9511L255.432 53.9048ZM252.283 53.886C252.544 53.7967 252.829 53.9363 252.918 54.1976C253.007 54.4589 252.867 54.7431 252.606 54.8323L252.283 53.886ZM249.81 55.8248C249.551 55.9203 249.264 55.7878 249.168 55.5287C249.072 55.2696 249.205 54.9821 249.464 54.8866L249.81 55.8248ZM246.674 55.9553C246.931 55.8533 247.222 55.9786 247.324 56.2351C247.426 56.4917 247.301 56.7825 247.044 56.8845L246.674 55.9553ZM244.308 58.014C244.055 58.1228 243.761 58.0051 243.652 57.7513C243.543 57.4975 243.661 57.2035 243.915 57.0948L244.308 58.014ZM241.186 58.3076C241.436 58.1921 241.733 58.3017 241.849 58.5525C241.964 58.8032 241.855 59.1002 241.604 59.2158L241.186 58.3076ZM238.926 60.4962C238.678 60.6188 238.378 60.5176 238.256 60.2702C238.133 60.0228 238.234 59.7228 238.482 59.6002L238.926 60.4962ZM235.818 60.9694C236.061 60.8395 236.364 60.9318 236.494 61.1755C236.624 61.4192 236.532 61.7221 236.288 61.8519L235.818 60.9694ZM233.695 63.2845C233.455 63.4218 233.15 63.3388 233.012 63.0992C232.875 62.8596 232.958 62.5541 233.198 62.4168L233.695 63.2845ZM230.624 63.946C230.859 63.8011 231.167 63.8743 231.312 64.1094C231.456 64.3445 231.383 64.6526 231.148 64.7974L230.624 63.946ZM228.645 66.3973C228.415 66.55 228.105 66.4872 227.952 66.2571C227.8 66.0269 227.862 65.7167 228.093 65.564L228.645 66.3973ZM225.619 67.2677C225.844 67.1071 226.156 67.1589 226.317 67.3835C226.477 67.6081 226.426 67.9204 226.201 68.081L225.619 67.2677ZM223.827 69.8464C223.609 70.0153 223.294 69.9751 223.126 69.7567C222.957 69.5382 222.997 69.2242 223.215 69.0553L223.827 69.8464ZM220.884 70.932C221.095 70.7546 221.411 70.7823 221.588 70.9939C221.766 71.2055 221.738 71.5209 221.526 71.6983L220.884 70.932ZM219.296 73.6502C219.092 73.8366 218.776 73.8224 218.59 73.6187C218.403 73.4149 218.417 73.0986 218.621 72.9123L219.296 73.6502ZM216.45 74.9926C216.645 74.7967 216.961 74.7958 217.157 74.9905C217.353 75.1852 217.354 75.5018 217.159 75.6976L216.45 74.9926ZM215.137 77.8431C214.954 78.0493 214.638 78.0677 214.432 77.8841C214.225 77.7005 214.207 77.3845 214.39 77.1782L215.137 77.8431ZM212.467 79.4938C212.635 79.2746 212.949 79.2331 213.168 79.401C213.387 79.5689 213.429 79.8828 213.261 80.102L212.467 79.4938ZM280.067 48.4954C279.567 48.5634 279.07 48.6332 278.577 48.7047L278.433 47.7151C278.93 47.6431 279.43 47.5729 279.933 47.5046L280.067 48.4954ZM275.655 49.1547C274.66 49.317 273.679 49.4865 272.712 49.6628L272.533 48.6791C273.506 48.5016 274.493 48.3311 275.494 48.1677L275.655 49.1547ZM269.801 50.2221C268.821 50.4202 267.856 50.6253 266.905 50.837L266.688 49.861C267.645 49.6478 268.617 49.4413 269.603 49.2419L269.801 50.2221ZM264.001 51.515C263.027 51.7532 262.069 51.9982 261.127 52.2496L260.869 51.2835C261.818 51.0302 262.782 50.7834 263.764 50.5436L264.001 51.515ZM258.28 53.0426C257.313 53.3235 256.364 53.6112 255.432 53.9048L255.131 52.9511C256.07 52.6552 257.027 52.3653 258.001 52.0823L258.28 53.0426ZM252.606 54.8323C251.654 55.1572 250.722 55.4883 249.81 55.8248L249.464 54.8866C250.384 54.5473 251.324 54.2135 252.283 53.886L252.606 54.8323ZM247.044 56.8845C246.11 57.256 245.198 57.6328 244.308 58.014L243.915 57.0948C244.813 56.7101 245.733 56.33 246.674 55.9553L247.044 56.8845ZM241.604 59.2158C240.686 59.6388 239.794 60.066 238.926 60.4962L238.482 59.6002C239.358 59.1658 240.259 58.7346 241.186 58.3076L241.604 59.2158ZM236.288 61.8519C235.395 62.3277 234.531 62.8058 233.695 63.2845L233.198 62.4168C234.042 61.933 234.916 61.45 235.818 60.9694L236.288 61.8519ZM231.148 64.7974C230.28 65.3324 229.446 65.8664 228.645 66.3973L228.093 65.564C228.902 65.0269 229.746 64.4869 230.624 63.946L231.148 64.7974ZM226.201 68.081C225.367 68.6774 224.577 69.2669 223.827 69.8464L223.215 69.0553C223.975 68.4682 224.775 67.8714 225.619 67.2677L226.201 68.081ZM221.526 71.6983C220.725 72.3703 219.982 73.0228 219.296 73.6502L218.621 72.9123C219.318 72.2753 220.071 71.6134 220.884 70.932L221.526 71.6983ZM217.159 75.6976C216.384 76.4777 215.712 77.1977 215.137 77.8431L214.39 77.1782C214.977 76.5195 215.661 75.786 216.45 74.9926L217.159 75.6976ZM213.261 80.102C212.971 80.4804 212.759 80.7748 212.621 80.9731C212.552 81.0723 212.502 81.1475 212.469 81.1971C212.452 81.2219 212.44 81.2404 212.432 81.2522C212.428 81.2582 212.426 81.2624 212.424 81.2651C212.423 81.2664 212.423 81.2673 212.422 81.2677C212.422 81.268 212.422 81.2681 212.422 81.2681C212.422 81.2682 212.422 81.2681 212.422 81.2681C212.422 81.2681 212.422 81.2681 212.422 81.268C212.422 81.268 212.422 81.268 212.422 81.268C212.422 81.2679 212.422 81.2679 212 81C211.578 80.7321 211.578 80.7321 211.578 80.732C211.578 80.732 211.578 80.732 211.578 80.7319C211.578 80.7319 211.578 80.7318 211.578 80.7317C211.578 80.7316 211.578 80.7314 211.578 80.7312C211.579 80.7308 211.579 80.7303 211.579 80.7297C211.58 80.7285 211.581 80.7269 211.582 80.7248C211.585 80.7207 211.589 80.715 211.594 80.7076C211.603 80.6928 211.617 80.6714 211.636 80.6436C211.673 80.588 211.727 80.5068 211.801 80.4016C211.947 80.1912 212.168 79.8846 212.467 79.4938L213.261 80.102Z" fill="#C5C7D7"/>
-<path d="M256.494 81.0749C256.453 81.3479 256.198 81.5357 255.925 81.4944C255.652 81.453 255.464 81.1982 255.506 80.9251L256.494 81.0749ZM295.032 46.5208C294.756 46.5287 294.526 46.3113 294.518 46.0353C294.51 45.7592 294.727 45.5291 295.004 45.5212L295.032 46.5208ZM292.058 45.6923C292.334 45.668 292.576 45.8712 292.601 46.1463C292.625 46.4213 292.422 46.6641 292.147 46.6884L292.058 45.6923ZM289.279 47.0352C289.006 47.0773 288.751 46.8902 288.709 46.6173C288.667 46.3443 288.854 46.089 289.127 46.0469L289.279 47.0352ZM286.222 46.5979C286.492 46.5369 286.759 46.7058 286.82 46.9751C286.881 47.2445 286.713 47.5122 286.443 47.5732L286.222 46.5979ZM283.655 48.3128C283.391 48.3935 283.111 48.2448 283.03 47.9807C282.95 47.7166 283.098 47.4371 283.363 47.3564L283.655 48.3128ZM280.567 48.3298C280.824 48.2289 281.114 48.3555 281.215 48.6125C281.316 48.8695 281.19 49.1597 280.933 49.2606L280.567 48.3298ZM278.296 50.4193C278.048 50.5405 277.749 50.4376 277.628 50.1895C277.506 49.9413 277.609 49.6419 277.858 49.5207L278.296 50.4193ZM275.255 50.9264C275.492 50.7853 275.799 50.8635 275.94 51.1009C276.081 51.3383 276.003 51.6451 275.765 51.7861L275.255 50.9264ZM273.35 53.3587C273.124 53.5187 272.812 53.4659 272.652 53.2408C272.492 53.0158 272.545 52.7036 272.77 52.5436L273.35 53.3587ZM270.425 54.3584C270.636 54.1808 270.951 54.2082 271.129 54.4196C271.307 54.6311 271.279 54.9465 271.068 55.1241L270.425 54.3584ZM268.936 57.0631C268.739 57.2567 268.423 57.2541 268.229 57.0572C268.035 56.8603 268.038 56.5437 268.235 56.3501L268.936 57.0631ZM266.206 58.5027C266.387 58.2948 266.703 58.2737 266.911 58.4555C267.119 58.6373 267.14 58.9532 266.958 59.1611L266.206 58.5027ZM265.135 61.404C264.968 61.6244 264.655 61.668 264.435 61.5015C264.214 61.335 264.171 61.0215 264.337 60.8011L265.135 61.404ZM262.64 63.214C262.791 62.983 263.101 62.9183 263.332 63.0696C263.563 63.2209 263.627 63.5308 263.476 63.7618L262.64 63.214ZM261.968 66.2368C261.831 66.477 261.526 66.5614 261.286 66.4252C261.046 66.289 260.961 65.9838 261.098 65.7436L261.968 66.2368ZM259.722 68.3524C259.843 68.1043 260.143 68.0017 260.391 68.1232C260.639 68.2446 260.742 68.5441 260.62 68.7921L259.722 68.3524ZM259.423 71.4276C259.316 71.6822 259.023 71.802 258.769 71.6951C258.514 71.5882 258.394 71.2951 258.501 71.0405L259.423 71.4276ZM257.435 73.7961C257.527 73.5359 257.813 73.3998 258.074 73.4921C258.334 73.5844 258.47 73.8703 258.378 74.1305L257.435 73.7961ZM257.49 76.8775C257.413 77.1426 257.135 77.2948 256.87 77.2175C256.605 77.1402 256.453 76.8627 256.53 76.5976L257.49 76.8775ZM255.791 79.4659C255.851 79.1963 256.117 79.026 256.387 79.0856C256.657 79.1452 256.827 79.4121 256.767 79.6817L255.791 79.4659ZM296.5 46.5C296.005 46.5 295.515 46.507 295.032 46.5208L295.004 45.5212C295.496 45.5071 295.995 45.5 296.5 45.5V46.5ZM292.147 46.6884C291.164 46.7755 290.209 46.8917 289.279 47.0352L289.127 46.0469C290.078 45.9001 291.055 45.7813 292.058 45.6923L292.147 46.6884ZM286.443 47.5732C285.484 47.7904 284.555 48.0378 283.655 48.3128L283.363 47.3564C284.286 47.0742 285.239 46.8205 286.222 46.5979L286.443 47.5732ZM280.933 49.2606C280.021 49.6186 279.143 50.0059 278.296 50.4193L277.858 49.5207C278.728 49.0957 279.631 48.6976 280.567 48.3298L280.933 49.2606ZM275.765 51.7861C274.925 52.2853 274.12 52.8108 273.35 53.3587L272.77 52.5436C273.563 51.9802 274.39 51.4397 275.255 50.9264L275.765 51.7861ZM271.068 55.1241C270.321 55.7514 269.611 56.3993 268.936 57.0631L268.235 56.3501C268.928 55.6686 269.657 55.0031 270.425 54.3584L271.068 55.1241ZM266.958 59.1611C266.313 59.8984 265.706 60.648 265.135 61.404L264.337 60.8011C264.922 60.0269 265.544 59.2587 266.206 58.5027L266.958 59.1611ZM263.476 63.7618C262.935 64.589 262.433 65.4165 261.968 66.2368L261.098 65.7436C261.573 64.9058 262.086 64.06 262.64 63.214L263.476 63.7618ZM260.62 68.7921C260.178 69.694 259.781 70.5762 259.423 71.4276L258.501 71.0405C258.866 70.1724 259.271 69.2726 259.722 68.3524L260.62 68.7921ZM258.378 74.1305C258.024 75.1265 257.731 76.0501 257.49 76.8775L256.53 76.5976C256.776 75.7533 257.075 74.8114 257.435 73.7961L258.378 74.1305ZM256.767 79.6817C256.668 80.13 256.6 80.4807 256.556 80.7182C256.534 80.8369 256.519 80.9273 256.509 80.9874C256.504 81.0175 256.5 81.0399 256.498 81.0546C256.496 81.0619 256.496 81.0673 256.495 81.0707C256.495 81.0724 256.495 81.0736 256.494 81.0743C256.494 81.0746 256.494 81.0748 256.494 81.0749C256.494 81.075 256.494 81.075 256.494 81.075C256.494 81.075 256.494 81.075 256.494 81.075C256.494 81.0749 256.494 81.0749 256.494 81.0749C256.494 81.0749 256.494 81.0749 256 81C255.506 80.9251 255.506 80.9251 255.506 80.9251C255.506 80.9251 255.506 80.925 255.506 80.925C255.506 80.9249 255.506 80.9249 255.506 80.9248C255.506 80.9247 255.506 80.9245 255.506 80.9243C255.506 80.9239 255.506 80.9234 255.506 80.9227C255.506 80.9214 255.506 80.9196 255.507 80.9172C255.508 80.9126 255.509 80.906 255.51 80.8974C255.513 80.8802 255.517 80.8552 255.522 80.8225C255.533 80.7572 255.55 80.6615 255.573 80.5373C255.618 80.2888 255.689 79.9265 255.791 79.4659L256.767 79.6817Z" fill="#C5C7D7"/>
-<path d="M300 63V80.9938" stroke="#C5C7D7" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="3 3"/>
-<path d="M343.506 81.0749C343.547 81.3479 343.802 81.5357 344.075 81.4944C344.348 81.453 344.536 81.1982 344.494 80.9251L343.506 81.0749ZM304.968 46.5208C305.244 46.5287 305.474 46.3113 305.482 46.0353C305.49 45.7592 305.273 45.5291 304.996 45.5212L304.968 46.5208ZM307.942 45.6923C307.666 45.668 307.424 45.8712 307.399 46.1463C307.375 46.4213 307.578 46.6641 307.853 46.6884L307.942 45.6923ZM310.721 47.0352C310.994 47.0773 311.249 46.8902 311.291 46.6173C311.333 46.3443 311.146 46.089 310.873 46.0469L310.721 47.0352ZM313.778 46.5979C313.508 46.5369 313.241 46.7058 313.18 46.9751C313.119 47.2445 313.287 47.5122 313.557 47.5732L313.778 46.5979ZM316.345 48.3128C316.609 48.3935 316.889 48.2448 316.97 47.9807C317.05 47.7166 316.902 47.4371 316.637 47.3564L316.345 48.3128ZM319.433 48.3298C319.176 48.2289 318.886 48.3555 318.785 48.6125C318.684 48.8695 318.81 49.1597 319.067 49.2606L319.433 48.3298ZM321.704 50.4193C321.952 50.5405 322.251 50.4376 322.372 50.1895C322.494 49.9413 322.391 49.6419 322.142 49.5207L321.704 50.4193ZM324.745 50.9264C324.508 50.7853 324.201 50.8635 324.06 51.1009C323.919 51.3383 323.997 51.6451 324.235 51.7861L324.745 50.9264ZM326.65 53.3587C326.876 53.5187 327.188 53.4659 327.348 53.2408C327.508 53.0158 327.455 52.7036 327.23 52.5436L326.65 53.3587ZM329.575 54.3584C329.364 54.1808 329.049 54.2082 328.871 54.4196C328.693 54.6311 328.721 54.9465 328.932 55.1241L329.575 54.3584ZM331.064 57.0631C331.261 57.2567 331.577 57.2541 331.771 57.0572C331.965 56.8603 331.962 56.5437 331.765 56.3501L331.064 57.0631ZM333.794 58.5027C333.613 58.2948 333.297 58.2737 333.089 58.4555C332.881 58.6373 332.86 58.9532 333.042 59.1611L333.794 58.5027ZM334.865 61.404C335.032 61.6244 335.345 61.668 335.565 61.5015C335.786 61.335 335.829 61.0215 335.663 60.8011L334.865 61.404ZM337.36 63.214C337.209 62.983 336.899 62.9183 336.668 63.0696C336.437 63.2209 336.373 63.5308 336.524 63.7618L337.36 63.214ZM338.032 66.2368C338.169 66.477 338.474 66.5614 338.714 66.4252C338.954 66.289 339.039 65.9838 338.902 65.7436L338.032 66.2368ZM340.278 68.3524C340.157 68.1043 339.857 68.0017 339.609 68.1232C339.361 68.2446 339.258 68.5441 339.38 68.7921L340.278 68.3524ZM340.577 71.4276C340.684 71.6822 340.977 71.802 341.231 71.6951C341.486 71.5882 341.606 71.2951 341.499 71.0405L340.577 71.4276ZM342.565 73.7961C342.473 73.5359 342.187 73.3998 341.926 73.4921C341.666 73.5844 341.53 73.8703 341.622 74.1305L342.565 73.7961ZM342.51 76.8775C342.587 77.1426 342.865 77.2948 343.13 77.2175C343.395 77.1402 343.547 76.8627 343.47 76.5976L342.51 76.8775ZM344.209 79.4659C344.149 79.1963 343.883 79.026 343.613 79.0856C343.343 79.1452 343.173 79.4121 343.233 79.6817L344.209 79.4659ZM303.5 46.5C303.995 46.5 304.485 46.507 304.968 46.5208L304.996 45.5212C304.504 45.5071 304.005 45.5 303.5 45.5V46.5ZM307.853 46.6884C308.836 46.7755 309.791 46.8917 310.721 47.0352L310.873 46.0469C309.922 45.9001 308.945 45.7813 307.942 45.6923L307.853 46.6884ZM313.557 47.5732C314.516 47.7904 315.445 48.0378 316.345 48.3128L316.637 47.3564C315.714 47.0742 314.761 46.8205 313.778 46.5979L313.557 47.5732ZM319.067 49.2606C319.979 49.6186 320.857 50.0059 321.704 50.4193L322.142 49.5207C321.272 49.0957 320.369 48.6976 319.433 48.3298L319.067 49.2606ZM324.235 51.7861C325.075 52.2853 325.88 52.8108 326.65 53.3587L327.23 52.5436C326.437 51.9802 325.61 51.4397 324.745 50.9264L324.235 51.7861ZM328.932 55.1241C329.679 55.7514 330.389 56.3993 331.064 57.0631L331.765 56.3501C331.072 55.6686 330.343 55.0031 329.575 54.3584L328.932 55.1241ZM333.042 59.1611C333.687 59.8984 334.294 60.648 334.865 61.404L335.663 60.8011C335.078 60.0269 334.456 59.2587 333.794 58.5027L333.042 59.1611ZM336.524 63.7618C337.065 64.589 337.567 65.4165 338.032 66.2368L338.902 65.7436C338.427 64.9058 337.914 64.06 337.36 63.214L336.524 63.7618ZM339.38 68.7921C339.822 69.694 340.219 70.5762 340.577 71.4276L341.499 71.0405C341.134 70.1724 340.729 69.2726 340.278 68.3524L339.38 68.7921ZM341.622 74.1305C341.976 75.1265 342.269 76.0501 342.51 76.8775L343.47 76.5976C343.224 75.7533 342.925 74.8114 342.565 73.7961L341.622 74.1305ZM343.233 79.6817C343.332 80.13 343.4 80.4807 343.444 80.7182C343.466 80.8369 343.481 80.9273 343.491 80.9874C343.496 81.0175 343.5 81.0399 343.502 81.0546C343.504 81.0619 343.504 81.0673 343.505 81.0707C343.505 81.0724 343.505 81.0736 343.506 81.0743C343.506 81.0746 343.506 81.0748 343.506 81.0749C343.506 81.075 343.506 81.075 343.506 81.075C343.506 81.075 343.506 81.075 343.506 81.075C343.506 81.0749 343.506 81.0749 343.506 81.0749C343.506 81.0749 343.506 81.0749 344 81C344.494 80.9251 344.494 80.9251 344.494 80.9251C344.494 80.9251 344.494 80.925 344.494 80.925C344.494 80.9249 344.494 80.9249 344.494 80.9248C344.494 80.9247 344.494 80.9245 344.494 80.9243C344.494 80.9239 344.494 80.9234 344.494 80.9227C344.494 80.9214 344.494 80.9196 344.493 80.9172C344.492 80.9126 344.491 80.906 344.49 80.8974C344.487 80.8802 344.483 80.8552 344.478 80.8225C344.467 80.7572 344.45 80.6615 344.427 80.5373C344.382 80.2888 344.311 79.9265 344.209 79.4659L343.233 79.6817Z" fill="#C5C7D7"/>
-<path d="M387.578 81.2679C387.726 81.5011 388.035 81.5701 388.268 81.4222C388.501 81.2742 388.57 80.9652 388.422 80.7321L387.578 81.2679ZM321.423 48.7047C321.697 48.7444 321.95 48.5549 321.99 48.2816C322.029 48.0084 321.84 47.7547 321.567 47.7151L321.423 48.7047ZM324.506 48.1677C324.234 48.1233 323.977 48.3082 323.932 48.5807C323.888 48.8532 324.073 49.1102 324.345 49.1547L324.506 48.1677ZM327.288 49.6628C327.56 49.7124 327.82 49.5323 327.869 49.2606C327.919 48.989 327.739 48.7286 327.467 48.6791L327.288 49.6628ZM330.397 49.2419C330.126 49.1872 329.862 49.3623 329.808 49.6329C329.753 49.9036 329.928 50.1674 330.199 50.2221L330.397 49.2419ZM333.095 50.837C333.364 50.8971 333.631 50.7272 333.691 50.4577C333.752 50.1882 333.582 49.921 333.312 49.861L333.095 50.837ZM336.236 50.5436C335.968 50.4781 335.697 50.6424 335.632 50.9106C335.566 51.1789 335.731 51.4495 335.999 51.515L336.236 50.5436ZM338.873 52.2496C339.14 52.3208 339.414 52.1623 339.485 51.8955C339.557 51.6287 339.398 51.3547 339.131 51.2835L338.873 52.2496ZM341.999 52.0823C341.733 52.0052 341.456 52.1578 341.379 52.423C341.302 52.6881 341.455 52.9655 341.72 53.0426L341.999 52.0823ZM344.568 53.9048C344.831 53.9879 345.112 53.8417 345.195 53.5783C345.278 53.315 345.132 53.0342 344.869 52.9511L344.568 53.9048ZM347.717 53.886C347.456 53.7967 347.171 53.9363 347.082 54.1976C346.993 54.4589 347.133 54.7431 347.394 54.8323L347.717 53.886ZM350.19 55.8248C350.449 55.9203 350.736 55.7878 350.832 55.5287C350.928 55.2696 350.795 54.9821 350.536 54.8866L350.19 55.8248ZM353.326 55.9553C353.069 55.8533 352.778 55.9786 352.676 56.2351C352.574 56.4917 352.699 56.7825 352.956 56.8845L353.326 55.9553ZM355.692 58.014C355.945 58.1228 356.239 58.0051 356.348 57.7513C356.457 57.4975 356.339 57.2035 356.085 57.0948L355.692 58.014ZM358.814 58.3076C358.564 58.1921 358.267 58.3017 358.151 58.5525C358.036 58.8032 358.145 59.1002 358.396 59.2158L358.814 58.3076ZM361.074 60.4962C361.322 60.6188 361.622 60.5176 361.744 60.2702C361.867 60.0228 361.766 59.7228 361.518 59.6002L361.074 60.4962ZM364.182 60.9694C363.939 60.8395 363.636 60.9318 363.506 61.1755C363.376 61.4192 363.468 61.7221 363.712 61.8519L364.182 60.9694ZM366.305 63.2845C366.545 63.4218 366.85 63.3388 366.988 63.0992C367.125 62.8596 367.042 62.5541 366.802 62.4168L366.305 63.2845ZM369.376 63.946C369.141 63.8011 368.833 63.8743 368.688 64.1094C368.544 64.3445 368.617 64.6526 368.852 64.7974L369.376 63.946ZM371.355 66.3973C371.585 66.55 371.895 66.4872 372.048 66.2571C372.2 66.0269 372.138 65.7167 371.907 65.564L371.355 66.3973ZM374.381 67.2677C374.156 67.1071 373.844 67.1589 373.683 67.3835C373.523 67.6081 373.574 67.9204 373.799 68.081L374.381 67.2677ZM376.173 69.8464C376.391 70.0153 376.706 69.9751 376.874 69.7567C377.043 69.5382 377.003 69.2242 376.785 69.0553L376.173 69.8464ZM379.116 70.932C378.905 70.7546 378.589 70.7823 378.412 70.9939C378.234 71.2055 378.262 71.5209 378.474 71.6983L379.116 70.932ZM380.704 73.6502C380.908 73.8366 381.224 73.8224 381.41 73.6187C381.597 73.4149 381.583 73.0986 381.379 72.9123L380.704 73.6502ZM383.55 74.9926C383.355 74.7967 383.039 74.7958 382.843 74.9905C382.647 75.1852 382.646 75.5018 382.841 75.6976L383.55 74.9926ZM384.863 77.8431C385.046 78.0493 385.362 78.0677 385.568 77.8841C385.775 77.7005 385.793 77.3845 385.61 77.1782L384.863 77.8431ZM387.533 79.4938C387.365 79.2746 387.051 79.2331 386.832 79.401C386.613 79.5689 386.571 79.8828 386.739 80.102L387.533 79.4938ZM319.933 48.4954C320.433 48.5634 320.93 48.6332 321.423 48.7047L321.567 47.7151C321.07 47.6431 320.57 47.5729 320.067 47.5046L319.933 48.4954ZM324.345 49.1547C325.34 49.317 326.321 49.4865 327.288 49.6628L327.467 48.6791C326.494 48.5016 325.507 48.3311 324.506 48.1677L324.345 49.1547ZM330.199 50.2221C331.179 50.4202 332.144 50.6253 333.095 50.837L333.312 49.861C332.355 49.6478 331.383 49.4413 330.397 49.2419L330.199 50.2221ZM335.999 51.515C336.973 51.7532 337.931 51.9982 338.873 52.2496L339.131 51.2835C338.182 51.0302 337.218 50.7834 336.236 50.5436L335.999 51.515ZM341.72 53.0426C342.687 53.3235 343.636 53.6112 344.568 53.9048L344.869 52.9511C343.93 52.6552 342.973 52.3653 341.999 52.0823L341.72 53.0426ZM347.394 54.8323C348.346 55.1572 349.278 55.4883 350.19 55.8248L350.536 54.8866C349.616 54.5473 348.676 54.2135 347.717 53.886L347.394 54.8323ZM352.956 56.8845C353.89 57.256 354.802 57.6328 355.692 58.014L356.085 57.0948C355.187 56.7101 354.267 56.33 353.326 55.9553L352.956 56.8845ZM358.396 59.2158C359.314 59.6388 360.206 60.066 361.074 60.4962L361.518 59.6002C360.642 59.1658 359.741 58.7346 358.814 58.3076L358.396 59.2158ZM363.712 61.8519C364.605 62.3277 365.469 62.8058 366.305 63.2845L366.802 62.4168C365.958 61.933 365.084 61.45 364.182 60.9694L363.712 61.8519ZM368.852 64.7974C369.72 65.3324 370.554 65.8664 371.355 66.3973L371.907 65.564C371.098 65.0269 370.254 64.4869 369.376 63.946L368.852 64.7974ZM373.799 68.081C374.633 68.6774 375.423 69.2669 376.173 69.8464L376.785 69.0553C376.025 68.4682 375.225 67.8714 374.381 67.2677L373.799 68.081ZM378.474 71.6983C379.275 72.3703 380.018 73.0228 380.704 73.6502L381.379 72.9123C380.682 72.2753 379.929 71.6134 379.116 70.932L378.474 71.6983ZM382.841 75.6976C383.616 76.4777 384.288 77.1977 384.863 77.8431L385.61 77.1782C385.023 76.5195 384.339 75.786 383.55 74.9926L382.841 75.6976ZM386.739 80.102C387.029 80.4804 387.241 80.7748 387.379 80.9731C387.448 81.0723 387.498 81.1475 387.531 81.1971C387.548 81.2219 387.56 81.2404 387.568 81.2522C387.572 81.2582 387.574 81.2624 387.576 81.2651C387.577 81.2664 387.577 81.2673 387.578 81.2677C387.578 81.268 387.578 81.2681 387.578 81.2681C387.578 81.2682 387.578 81.2681 387.578 81.2681C387.578 81.2681 387.578 81.2681 387.578 81.268C387.578 81.268 387.578 81.268 387.578 81.268C387.578 81.2679 387.578 81.2679 388 81C388.422 80.7321 388.422 80.7321 388.422 80.732C388.422 80.732 388.422 80.732 388.422 80.7319C388.422 80.7319 388.422 80.7318 388.422 80.7317C388.422 80.7316 388.422 80.7314 388.422 80.7312C388.421 80.7308 388.421 80.7303 388.421 80.7297C388.42 80.7285 388.419 80.7269 388.418 80.7248C388.415 80.7207 388.411 80.715 388.406 80.7076C388.397 80.6928 388.383 80.6714 388.364 80.6436C388.327 80.588 388.273 80.5068 388.199 80.4016C388.053 80.1912 387.832 79.8846 387.533 79.4938L386.739 80.102Z" fill="#C5C7D7"/>
-<g filter="url(#filter44_b_14_4731)">
-<mask id="path-127-inside-18_14_4731" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M282 30C280.895 30 280 30.8954 280 32V34C280 32.8954 280.895 32 282 32H318C319.105 32 320 32.8954 320 34V32C320 30.8954 319.105 30 318 30H282Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M282 30C280.895 30 280 30.8954 280 32V34C280 32.8954 280.895 32 282 32H318C319.105 32 320 32.8954 320 34V32C320 30.8954 319.105 30 318 30H282Z" fill="#E9EDF7"/>
-<path d="M281 32C281 31.4477 281.448 31 282 31V29C280.343 29 279 30.3431 279 32H281ZM281 34V32H279V34H281ZM281 34C281 33.4477 281.448 33 282 33V31C280.343 31 279 32.3431 279 34H281ZM282 33H318V31H282V33ZM318 33C318.552 33 319 33.4477 319 34H321C321 32.3431 319.657 31 318 31V33ZM319 32V34H321V32H319ZM318 31C318.552 31 319 31.4477 319 32H321C321 30.3431 319.657 29 318 29V31ZM282 31H318V29H282V31Z" fill="url(#paint26_linear_14_4731)" style="mix-blend-mode:overlay" mask="url(#path-127-inside-18_14_4731)"/>
-</g>
-<g filter="url(#filter45_b_14_4731)">
-<rect x="280" y="32" width="40" height="8" rx="2" fill="#E9EDF7"/>
-<rect x="280.5" y="32.5" width="39" height="7" rx="1.5" stroke="url(#paint27_linear_14_4731)" style="mix-blend-mode:overlay"/>
-</g>
-<g filter="url(#filter46_i_14_4731)">
-<circle cx="284" cy="36" r="1" fill="white"/>
-</g>
-<g filter="url(#filter47_i_14_4731)">
-<circle cx="288" cy="36" r="1" fill="white"/>
-</g>
-<g filter="url(#filter48_b_14_4731)">
-<mask id="path-133-inside-19_14_4731" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M282 42C280.895 42 280 42.8954 280 44V46C280 44.8954 280.895 44 282 44H318C319.105 44 320 44.8954 320 46V44C320 42.8954 319.105 42 318 42H282Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M282 42C280.895 42 280 42.8954 280 44V46C280 44.8954 280.895 44 282 44H318C319.105 44 320 44.8954 320 46V44C320 42.8954 319.105 42 318 42H282Z" fill="#E9EDF7"/>
-<path d="M281 44C281 43.4477 281.448 43 282 43V41C280.343 41 279 42.3431 279 44H281ZM281 46V44H279V46H281ZM281 46C281 45.4477 281.448 45 282 45V43C280.343 43 279 44.3431 279 46H281ZM282 45H318V43H282V45ZM318 45C318.552 45 319 45.4477 319 46H321C321 44.3431 319.657 43 318 43V45ZM319 44V46H321V44H319ZM318 43C318.552 43 319 43.4477 319 44H321C321 42.3431 319.657 41 318 41V43ZM282 43H318V41H282V43Z" fill="url(#paint28_linear_14_4731)" style="mix-blend-mode:overlay" mask="url(#path-133-inside-19_14_4731)"/>
-</g>
-<g filter="url(#filter49_b_14_4731)">
-<rect x="280" y="44" width="40" height="8" rx="2" fill="#E9EDF7"/>
-<rect x="280.5" y="44.5" width="39" height="7" rx="1.5" stroke="url(#paint29_linear_14_4731)" style="mix-blend-mode:overlay"/>
-</g>
-<g filter="url(#filter50_i_14_4731)">
-<circle cx="284" cy="48" r="1" fill="white"/>
-</g>
-<g filter="url(#filter51_i_14_4731)">
-<circle cx="288" cy="48" r="1" fill="white"/>
-</g>
-<g filter="url(#filter52_b_14_4731)">
-<mask id="path-139-inside-20_14_4731" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M282 54C280.895 54 280 54.8954 280 56V58C280 56.8954 280.895 56 282 56H318C319.105 56 320 56.8954 320 58V56C320 54.8954 319.105 54 318 54H282Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M282 54C280.895 54 280 54.8954 280 56V58C280 56.8954 280.895 56 282 56H318C319.105 56 320 56.8954 320 58V56C320 54.8954 319.105 54 318 54H282Z" fill="#E9EDF7"/>
-<path d="M281 56C281 55.4477 281.448 55 282 55V53C280.343 53 279 54.3431 279 56H281ZM281 58V56H279V58H281ZM281 58C281 57.4477 281.448 57 282 57V55C280.343 55 279 56.3431 279 58H281ZM282 57H318V55H282V57ZM318 57C318.552 57 319 57.4477 319 58H321C321 56.3431 319.657 55 318 55V57ZM319 56V58H321V56H319ZM318 55C318.552 55 319 55.4477 319 56H321C321 54.3431 319.657 53 318 53V55ZM282 55H318V53H282V55Z" fill="url(#paint30_linear_14_4731)" style="mix-blend-mode:overlay" mask="url(#path-139-inside-20_14_4731)"/>
-</g>
-<g filter="url(#filter53_b_14_4731)">
-<rect x="280" y="56" width="40" height="8" rx="2" fill="#E9EDF7"/>
-<rect x="280.5" y="56.5" width="39" height="7" rx="1.5" stroke="url(#paint31_linear_14_4731)" style="mix-blend-mode:overlay"/>
-</g>
-<g filter="url(#filter54_i_14_4731)">
-<circle cx="284" cy="60" r="1" fill="white"/>
-</g>
-<g filter="url(#filter55_i_14_4731)">
-<circle cx="288" cy="60" r="1" fill="white"/>
-</g>
-<defs>
-<filter id="filter0_b_14_4731" x="23.2948" y="170" width="553.84" height="146" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="20"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter1_bii_14_4731" x="196.5" y="182.5" width="19" height="45" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="1"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="1"/>
-<feGaussianBlur stdDeviation="1"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0"/>
-<feBlend mode="normal" in2="shape" result="effect2_innerShadow_14_4731"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="1" dy="-2"/>
-<feGaussianBlur stdDeviation="1"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.354182 0 0 0 0 0.510799 0 0 0 0 0.560286 0 0 0 0.2 0"/>
-<feBlend mode="normal" in2="effect2_innerShadow_14_4731" result="effect3_innerShadow_14_4731"/>
-</filter>
-<filter id="filter2_bii_14_4731" x="235.5" y="182.5" width="24.0004" height="74.0004" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="1"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="1"/>
-<feGaussianBlur stdDeviation="1"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0"/>
-<feBlend mode="normal" in2="shape" result="effect2_innerShadow_14_4731"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="1" dy="-2"/>
-<feGaussianBlur stdDeviation="1"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.354182 0 0 0 0 0.510799 0 0 0 0 0.560286 0 0 0 0.2 0"/>
-<feBlend mode="normal" in2="effect2_innerShadow_14_4731" result="effect3_innerShadow_14_4731"/>
-</filter>
-<filter id="filter3_bii_14_4731" x="296.5" y="182.5" width="7" height="69" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="1"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="1"/>
-<feGaussianBlur stdDeviation="1"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0"/>
-<feBlend mode="normal" in2="shape" result="effect2_innerShadow_14_4731"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="1" dy="-2"/>
-<feGaussianBlur stdDeviation="1"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.354182 0 0 0 0 0.510799 0 0 0 0 0.560286 0 0 0 0.2 0"/>
-<feBlend mode="normal" in2="effect2_innerShadow_14_4731" result="effect3_innerShadow_14_4731"/>
-</filter>
-<filter id="filter4_bii_14_4731" x="340.5" y="182.5" width="11.0004" height="41.5004" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="1"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="1"/>
-<feGaussianBlur stdDeviation="1"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0"/>
-<feBlend mode="normal" in2="shape" result="effect2_innerShadow_14_4731"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="1" dy="-2"/>
-<feGaussianBlur stdDeviation="1"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.354182 0 0 0 0 0.510799 0 0 0 0 0.560286 0 0 0 0.2 0"/>
-<feBlend mode="normal" in2="effect2_innerShadow_14_4731" result="effect3_innerShadow_14_4731"/>
-</filter>
-<filter id="filter5_bii_14_4731" x="384.5" y="182.5" width="37" height="66.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="1"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="1"/>
-<feGaussianBlur stdDeviation="1"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0"/>
-<feBlend mode="normal" in2="shape" result="effect2_innerShadow_14_4731"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="1" dy="-2"/>
-<feGaussianBlur stdDeviation="1"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.354182 0 0 0 0 0.510799 0 0 0 0 0.560286 0 0 0 0.2 0"/>
-<feBlend mode="normal" in2="effect2_innerShadow_14_4731" result="effect3_innerShadow_14_4731"/>
-</filter>
-<filter id="filter6_b_14_4731" x="87.2514" y="240.384" width="68.28" height="28.2746" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter7_b_14_4731" x="87.2517" y="239.26" width="68.28" height="27.519" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter8_b_14_4731" x="173.802" y="213.482" width="55.2745" height="25.3263" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter9_b_14_4731" x="173.802" y="212.699" width="55.2745" height="24.2294" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter10_b_14_4731" x="197.296" y="242.088" width="64.3686" height="27.8411" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter11_b_14_4731" x="197.296" y="241" width="64.3686" height="27.049" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter12_b_14_4731" x="245.681" y="222.92" width="55.7129" height="26.1293" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter13_b_14_4731" x="245.681" y="222" width="55.7002" height="25.1693" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter14_b_14_4731" x="276.282" y="241.424" width="62.3676" height="23.1256" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter15_b_14_4731" x="276.282" y="235.544" width="62.3676" height="27.1265" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter16_b_14_4731" x="331.386" y="208.895" width="53.5659" height="25.684" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter17_b_14_4731" x="331.386" y="208" width="53.5659" height="24.6994" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter18_b_14_4731" x="357.135" y="248.847" width="68.3446" height="29.6792" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter19_b_14_4731" x="357.135" y="247.718" width="68.3446" height="28.9288" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter20_b_14_4731" x="395.897" y="243.073" width="45.3585" height="9.53638" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="0.5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter21_b_14_4731" x="386.896" y="233.15" width="63.3585" height="26.5791" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter22_b_14_4731" x="411.033" y="222.569" width="58.1932" height="26.3517" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter23_b_14_4731" x="411.033" y="221.872" width="58.1931" height="25.1693" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter24_b_14_4731" x="125.615" y="223.423" width="58.1932" height="26.3517" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter25_b_14_4731" x="125.615" y="222.725" width="58.1932" height="25.1693" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter26_b_14_4731" x="157" y="154" width="287" height="26" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter27_b_14_4731" x="157" y="156" width="287" height="40" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter28_b_14_4731" x="157" y="128" width="287" height="26" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter29_b_14_4731" x="157" y="130" width="287" height="40" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter30_b_14_4731" x="182" y="70" width="60" height="26" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter31_b_14_4731" x="178" y="68" width="68" height="68" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="7"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter32_b_14_4731" x="226" y="70" width="60" height="26" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter33_b_14_4731" x="233" y="77" width="46" height="12" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="1.5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter34_b_14_4731" x="222" y="68" width="68" height="68" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="7"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter35_b_14_4731" x="270" y="70" width="60" height="26" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter36_b_14_4731" x="277" y="77" width="46" height="12" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="1.5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter37_b_14_4731" x="266" y="68" width="68" height="68" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="7"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter38_b_14_4731" x="314" y="70" width="60" height="26" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter39_b_14_4731" x="321" y="77" width="46" height="12" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="1.5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter40_b_14_4731" x="310" y="68" width="68" height="68" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="7"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter41_b_14_4731" x="358" y="70" width="60" height="26" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter42_b_14_4731" x="365" y="77" width="46" height="12" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="1.5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter43_b_14_4731" x="354" y="68" width="68" height="68" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="7"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter44_b_14_4731" x="270" y="20" width="60" height="24" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter45_b_14_4731" x="270" y="22" width="60" height="28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter46_i_14_4731" x="283" y="34.5" width="2" height="2.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="-0.5"/>
-<feGaussianBlur stdDeviation="0.25"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.239407 0 0 0 0 0.360092 0 0 0 0 0.670426 0 0 0 0.1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_14_4731"/>
-</filter>
-<filter id="filter47_i_14_4731" x="287" y="34.5" width="2" height="2.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="-0.5"/>
-<feGaussianBlur stdDeviation="0.25"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.239407 0 0 0 0 0.360092 0 0 0 0 0.670426 0 0 0 0.1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_14_4731"/>
-</filter>
-<filter id="filter48_b_14_4731" x="270" y="32" width="60" height="24" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter49_b_14_4731" x="270" y="34" width="60" height="28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter50_i_14_4731" x="283" y="46.5" width="2" height="2.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="-0.5"/>
-<feGaussianBlur stdDeviation="0.25"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.239407 0 0 0 0 0.360092 0 0 0 0 0.670426 0 0 0 0.1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_14_4731"/>
-</filter>
-<filter id="filter51_i_14_4731" x="287" y="46.5" width="2" height="2.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="-0.5"/>
-<feGaussianBlur stdDeviation="0.25"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.239407 0 0 0 0 0.360092 0 0 0 0 0.670426 0 0 0 0.1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_14_4731"/>
-</filter>
-<filter id="filter52_b_14_4731" x="270" y="44" width="60" height="24" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter53_b_14_4731" x="270" y="46" width="60" height="28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14_4731"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14_4731" result="shape"/>
-</filter>
-<filter id="filter54_i_14_4731" x="283" y="58.5" width="2" height="2.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="-0.5"/>
-<feGaussianBlur stdDeviation="0.25"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.239407 0 0 0 0 0.360092 0 0 0 0 0.670426 0 0 0 0.1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_14_4731"/>
-</filter>
-<filter id="filter55_i_14_4731" x="287" y="58.5" width="2" height="2.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="-0.5"/>
-<feGaussianBlur stdDeviation="0.25"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.239407 0 0 0 0 0.360092 0 0 0 0 0.670426 0 0 0 0.1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_14_4731"/>
-</filter>
-<linearGradient id="paint0_linear_14_4731" x1="84.9538" y1="220.244" x2="88.7193" y2="280.065" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint1_linear_14_4731" x1="99.8511" y1="251.668" x2="100.441" y2="259.151" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint2_linear_14_4731" x1="201.724" y1="223.512" x2="201.738" y2="222.97" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.02"/>
-</linearGradient>
-<linearGradient id="paint3_linear_14_4731" x1="185.702" y1="224.309" x2="186.036" y2="229.133" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint4_linear_14_4731" x1="209.685" y1="253.305" x2="210.261" y2="260.393" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint5_linear_14_4731" x1="257.604" y1="233.871" x2="258.042" y2="239.414" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint6_linear_14_4731" x1="288.563" y1="251.91" x2="288.66" y2="254.75" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint7_linear_14_4731" x1="343.193" y1="219.777" x2="343.594" y2="224.919" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint8_linear_14_4731" x1="369.738" y1="260.35" x2="370.542" y2="269.084" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint9_linear_14_4731" x1="399.231" y1="245.243" x2="399.776" y2="252.057" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint10_linear_14_4731" x1="423.089" y1="233.555" x2="423.528" y2="239.301" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint11_linear_14_4731" x1="171.752" y1="234.409" x2="171.313" y2="240.155" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint12_linear_14_4731" x1="181.377" y1="164.931" x2="181.433" y2="170.39" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint13_linear_14_4731" x1="181.377" y1="169.104" x2="182.003" y2="187.282" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint14_linear_14_4731" x1="181.377" y1="138.931" x2="181.433" y2="144.39" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint15_linear_14_4731" x1="181.377" y1="143.104" x2="182.003" y2="161.282" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint16_linear_14_4731" x1="194.154" y1="80.9313" x2="194.529" y2="86.3652" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint17_linear_14_4731" x1="194.154" y1="88.2085" x2="207.967" y2="118.257" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint18_linear_14_4731" x1="238.154" y1="80.9313" x2="238.529" y2="86.3652" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint19_linear_14_4731" x1="238.154" y1="88.2085" x2="251.967" y2="118.257" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint20_linear_14_4731" x1="282.154" y1="80.9313" x2="282.529" y2="86.3652" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint21_linear_14_4731" x1="282.154" y1="88.2085" x2="295.967" y2="118.257" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint22_linear_14_4731" x1="326.154" y1="80.9313" x2="326.529" y2="86.3652" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint23_linear_14_4731" x1="326.154" y1="88.2085" x2="339.967" y2="118.257" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint24_linear_14_4731" x1="370.154" y1="80.9313" x2="370.529" y2="86.3652" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint25_linear_14_4731" x1="370.154" y1="88.2085" x2="383.967" y2="118.257" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint26_linear_14_4731" x1="282.154" y1="30.6209" x2="282.321" y2="34.253" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint27_linear_14_4731" x1="282.154" y1="33.2417" x2="282.818" y2="40.4604" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint28_linear_14_4731" x1="282.154" y1="42.6209" x2="282.321" y2="46.253" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint29_linear_14_4731" x1="282.154" y1="45.2417" x2="282.818" y2="52.4604" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint30_linear_14_4731" x1="282.154" y1="54.6209" x2="282.321" y2="58.253" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-<linearGradient id="paint31_linear_14_4731" x1="282.154" y1="57.2417" x2="282.818" y2="64.4604" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="0.352567" stop-color="white" stop-opacity="0"/>
-<stop offset="0.646925" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.54"/>
-</linearGradient>
-</defs>
-</svg>
diff --git a/nx-dev/nx-dev/public/images/illustrations/nxdev-light.webp b/nx-dev/nx-dev/public/images/illustrations/nxdev-light.webp
deleted file mode 100644
index 1f94a5c0d8d6b..0000000000000
Binary files a/nx-dev/nx-dev/public/images/illustrations/nxdev-light.webp and /dev/null differ
diff --git a/nx-dev/nx-dev/public/images/lerna-logo.svg b/nx-dev/nx-dev/public/images/lerna-logo.svg
deleted file mode 100644
index d3f445ad7cf63..0000000000000
--- a/nx-dev/nx-dev/public/images/lerna-logo.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-  <path d="M499.2 277.5c-1.7 1.8.8 3.8 3.1 3-4.7 6.8-10.7 7-14.4 4.4-2-2.2 2-.8 5.3-.8 3.7 0 6.6-1.9 6.2-2.8-1.6-.4-3.4 1.6-5.9 1.3-5.4-.4-12.3-1.7-12.4-3.8 0-1 1.1-4.3 2-4 1.3 1 1.5 2.7 2.4 2.8.6.2 1-1.2 2.6-2.6.6-.5.7-.2.7.2 0 .2.4.1 1.2-1.1 1.5-2.6-.5-8.2-3-10.7-2.5-1.6.4-4.3 3-4.4 5.8-.5 1.2-5.8-5-3.4-5 1.7-6.4 4.6-9.8 6-4.3 1.9-5.8 1-8 1.8-6 2.4-9.5 6-15.8 3-4.6-2-2.3.6-.6 2.8 1.3 1.6 2.3 2.7-.1 3.7-8.2 3.8-6-3-9.4-3.2-7.1-7.5-2-38.3-32.6-46.9-15.3-6.7-25.1-6-30-9.8 13.8-11.8 31 12.2 59.2 13.7 16 .3 8.2 8.2 25 12.1 12 11.2 14.7 12.2 11.4-4-.5-4-5.3-.7-7.3-4-1.2-2.3 3.2-2.7 8.2 2.2 9.3 9 14-1 16.2 2.5 1.6 2.4 4.2-2 9.5-3.9 3.3-1 6.8-3 6.5-3.7 0-2.7-10.7-1.8-14.4-4.4-3.8-3.4 1.2 4.2-2.6 5.7-6.3 3-10.3-.4-15.4-5 5.5-3.6 6.9-4.7 6-1.8-1.1 6 6.7-2 8.4-7.7 0-3.4 7.5-3.4 8.8-5.6-.3-1.5-14.1-3.8-15.9-3.3-8 1.3-11.3 3.3-13.4.2-2.3-3.5-11-5.9-17.4-2.8-4.8 2-10.5 1.8-13 2.3-1.4.3-1.8 2-.7 2.4 4.6 3.3-11.5 3-18.4-.9-4-3-8.3-.9-9.6-8.4-2.1-8.6-3.2-1.3-7.3-6.1-3.2-5-2-7.3 4.7-2.4 2.3 1.5 5.7 3.8 7.5 5.2 5 4 1.4 3.7 2.1 6.4.7.7 3.2-.3 7.2-1.4 4.8-1.3 11.3-3 12-4.2-.6-1.5-4.7-1.7-8.3-3.2-2.5-1-4.8-1.5-6.1-1.6-2 .4-.8 3.3-4.6-.8.8-1.6 8.4-.3 15.8-3.7 4.4-2.7 27.6-3.2 30.9-.2 8.1 3.9 7.4 1.8 5.7-2.7-1.9-4.9-2.9-7.3-5.7-7.4-3 .3 5.3 4 3.8 9.6-.6.9-1.1-5.4-5-5.1-3.9.1-.3-2.2-1-6.3-.8-2.6 5.2 1 13.1-7.5 3-3.4 5.6.8 5.3-5.7 0-4.7 2.8-10 4.4-13-3.5-2.2-9 6.5-14.4 9-3.7 1.7-2.3 3.6 1.7 4.6 1 2-4.8 6.3-10 6-5.5-.4-10.2-1.4-10.2-3.9-.6-3.7 7.2-.4 7.6.5 1.9 2.9 4.5-1-1-8.7-5-6.9-4.9-3.1-5.5-6 .3-2.4 3-4.8 4.4-7.7-1.2-1.6-3.7-.6-8.5 4.5-8.7 8.7-8.6 15-18.9 20-14-4.9-13.6-3.8-3.2 5.5-7.2 3.4-9.2 1.4-11 2.2-2.7 1.2-.7 2.1 7 5.3-12.6-1.2-17.6-.1-17.8-2 0-2 1.6-6 1.9-4.6 1.5 3.5 7 .3 2.8-11.3-1.3-4-3.1-4.6 6.7-10.4 1.4-.5 1.7-.4 1.7-1-.8-1.6-5-1.5-9-.2-3.4 1-5.4 3.3-9 3.4-7.2 1.8-17.2 11-20.5 10.4a32.2 32.2 0 0 1-5.3-7.6c-.7 2.7-1.3 5.4-2.3 6-2.8-1.8-5.8-6.7-7.4-6.3-3.3 8.7 2 12.2 1.2 15-1 3.3 5.8 2.7-.6 6.8-8.7 6.4-14.5 7.6-13.3 1.2 1-7.1 1.7 6.8 5.2-.3 1.5-8.8-4.9-17.4.8-18.6 7.8-3.8-7.9-4.3-13.8-1-4.6 2-6.1 2.4-12.4 2.2 5-4 12.9-5.6 22.3-9 4-1.3 8.3-4.9 11.4-5.6 5.2-1.6 25 10.2 25 5.7 0-1.5-1.9-3.5-2.7-6-1-2.5 0-4.4-1.8-6.8-2.1-2.6 1.4.6 5.7-4 7.4-8.3 2 5.7 7.6-1.6 1.6-4 .8-6.8 1.6-10 .7-2.7 4-3.6 5-5.9-6.5-3.1-11 4.6-17.3 9.3-2.3 1.6-.1 1.6.2 2.3.4 1 1 1.8-5.8 2-6.6-.4-8.1.4-8.8-4 .4-3 1.5-3.4 2.2-1.1.4 1.1-.3 2.8 1.8.2 2.4-3.2.2-6.2 1.7-5.5 1.7 1.5.4 4.7 2.1 4.4 3.3-4.5 3.6-9.7-.4-16.9-2.1-2.7 6.5-6 3.7-7.7-6.6-2.4-14.4 9.7-22.8 15.3-1.7-.2-2.2-2.5-4.3-1.8-5.1 6.7-1.3 15.7-16 12.7-1.8.1 6.2 5.2.3 6.6-1.7 0-6 3.5-4.3 2.8.8-.3 1.8-.4 4.8 1.2 1.6 1 4.1 1.3 4.1 1.7 0 .5-.8.9-1.6 1.5-21.6 4.5-26.6 19.1-33.6 21-2.6-.2.2-1.7-3-2.7-4-1 1 3.6-2.2 4.8-5 .3-11.5-5.2-15-11.4 1.8-6 3-1 7.7-.3 2.9.3 3.6 3.7 6.2 4.4 5-.9 4.7-10.7 3.4-14.6-1.4-2.7-2.8.1-3.1-2.5 0-1.4.5-1.6 2.5-1.2 3.8.7 4.8-1.8 7.6-2.6.5 0 .8.8.8 1.8s.1 1.4.6 1c5-5.4 14.3-5 13.9-9a64 64 0 0 0-19.6-2c-4.8 1.4 4.7 3.1.3 4.4-5.5.8-8.3-.3-7-6 0-.6.3-1.3.8-1.7.6-.4 1 0 1 .7 0 1 .7.8 2-.4 3.8-5.8-.5-13 5-14.9 3.6-1.8 3.9-2.8.7-3.8-9.5-1-10.8 4.4-13.9 4.7-3 .2-8 3-12.7 7.2-.5.3-.6 0-.6-1-.9-6.5-12 7.5-17 2.5-1.7-1.8-2.6-1.1-2.7.2 0 1.5.8 3.8-.3 3.6-1.7-1.3-6.6 4.2-3 3.6 5.2-.4 6.8.5-2.8 5-10.2 5.2-15.4 5-14.6 6.6 1.2 1.3 3.7 1.2 6.7 1.7 1.8.4 2.9 2.8 5.8 1.5 2.4-1 5.6-.8 9 0-.6 5.1-.9 12.7 0 13.3 2 .9.4-1.4 2.1-1.6 1.4.3 3 5.1 1.2 7.2-2.1 2.1 1.7 2 2.9.5 1.8-2.6 2.7 0 3.8 2.1 2.2 5 3.1 2.1 4.7 4.8 2 2.5 7 4.7 12.4 6.4 1.8.4 1.7.6-.9 1.9-4.9 2.7-1.9 4.2-4.5 5.8-11 11.8-8 30.3 4.3 39.9 11.2 8.7 13 6 23.6 8.7 9.7 3.3 29.8 3.9 33.3 7.8 4.8 6.4 2.1 17.7-4.1 20.5a64.7 64.7 0 0 1-70.8-46c-2-3 1.5-5.9.2-13-3.2-7.4-4 .4-7.4 4.8-12.6-8-22.8-13-22.8-15.3.4-2.9 4 4.5 7.3 2.4 5.5-4.9 3-13-8.5-25.8C215.2 136.9 136.5 86 96.7 74.7c-2.2 0-3.2.5-3 1.3 9.5 8.5 21 10.5 31.6 24.7-1 2.2-7.2 3.2-7.7 5 .8 1.2 3.4.8 4.5 1 10 3 16.6 11.7 14 14.7-3.1 2.9-10-.3-11 4 .6 1.5 2.8 0 9.7 3.5 15.9 9.4 17.7 20.5-2.8 12.5-24.1-8.2-49-14.4-60.3-8.6-10.2 4.6 8.8 2 19 7.4 4.6 3.1 4.6 3.6 1.2 5.5-10 2.4-26.2 1.5-37.5 3.6-6 1.8-9.6-.2-13.3 5.4 0 3.7 13.1-.6 21.7 1.3 4.5 1.5-.2 5.6-6.7 7.3-21.2 6-41.3 9.5-45.6 14-5.6 4.7-9.4 4.7-10.2 7-.5 1.3-3 1 20.3-4.4a122 122 0 0 1 34-1.4c-.2 1.3-4.2 2.7-4.4 5.1 0 1 .3 1.2 2 .8 17.7-5.3 45.7-3.5 55.9.3 3.2 1.2 3.5 5.3 3.3 7.7.8 8.5-12.4 13.3-11.7 18.5.9 3.4 2-.4 12.5-2.6 7.8-1.7 26.6 3.1 33.6 11 18.9 21 2.5 23.8-3 30.8-.7 1.5-1 3.1.2 4.7 1.6.9 5-4.6 16.8-5a75.8 75.8 0 0 1 29.4 15.4c-40 20-75.3 34.4-90 32-18-7.9-48.8-17.1-61.8-30.3-.2-1.7 13.8 2 20.5 8.7-2-18-23-16.3-30-29.6-3.5-6.4-2.5-21.8-4.6-32-.7-1-1.5-1.7-1.9-1.2-2.6 3.4-6.2 26-6.4 36.6-.3 10.3 5 24.1 9.8 36.7 1.9-1.4 3.7-8.2 3.3-15.3 23.3 26 36.8 25.6 43.9 32.5-39 12.5-50.3 31.4-51.9 54-5.4 24.3 22.9 55.2 76.7 42.2 7.5-2.6 11.3 11.7 23.1 11.4 1.7 0 4.3-5 4.4.8-.3 3.8 4.2 3.3 4.5.7.4-5.5-1.4-6.7 2.7-6 5.9 1.3 4.9-6.6 7 .1 1.2 3.7 2.8 3.7 4.7-.8.8-4-3.4-8.9-5-17.1 6 4 6 4.3 6 1.2-.3-3.6-4.4-8.5-12.7-6.8-3.7.7-5.3 3.3-10.3 5-1.2 0-1 1-1.3 1.3-1.3.8-3.9-.3-4.2-1.2 1.8-3 15.6-9 19.2-33.4 5.7-1 13.5 0 19.2-.4 7.2-.5 9.3-2.8 12.8-3.4 3.5 1.4-1.2 6.1-.4 8.5 2.1.4 10.8-2.9 10.5-11.5.6-2.9 2.2-1.8 3.3-1.3 4.7 2.3 16 .6 20.7 7.6 2 2.5 1 4.1-.4 4.4-4.6.4-5.2 6.7-.5 8 6.7 2 9.8 1.2 10.9 6.5.3 4.5 7.3.1 7.6 3-.5 3.4 1.2 4.3 1.5 6.4.1 1.4-2.6 0-2.7 7.3-.6 6.7 5.9 9.1 7.3 9.3 1.4 0 2.5-1.4.2-2.5-1.5-1.2 4 .3 7.4-3.1 4.6-5.9 13.7 1.3 25.3 8 3.8 1.6 5.5 1.6 13.4 6.6 9.4 6.7 10.8-8.2 13 3.4.7 3.1 2.7 1.7 3.2-4.2.6-8.8-3.2-6.3-.3-11.5.7-1.7 1.6-2.9 2.5-2.7 1.3.2 3.4 1.7 4.3 3.2 2.5 4.7 3.8-2.7.3-7.5-8.6-8.5-11.8-5-13.7-7.4-.7-1.3 1.8-1.6 5 0 3 1.4 2.6 0 .2-3.2-13.9-10.4-19.3 4.6-27.2 2.8-19.3-8.3-30.9-18.4-24.3-42.7 1.5-4.4 6 1.2 7 1.3 2.4-.3.3-9-4.2-11.3-5-2.5-8.1-8.3-12.7-10-1.8-.7-4.6-.5-11.3-1.7 4.3-4 17.5-9.8 40-6.5 6.3.9 12.1 13.7 12.7 22.7.5 9.8 3.2 13.5 4.6 13 5-4.7-.7-14.9 12.8-22.4 13.5 9.8 23.2 18.6 42.7 20.4 2.3.4 2.5 1 2 4.6-3.6 17-.9 8 2.7 11.7 2.5 3.6-2.3 18.8 2.6 14.8 1.9-2 2.3-1.1 3.7 2.3 2 5.4.3 10.6 2.9 10.8 2 0 2.5 6-.1 4.8-4.7.3-8.2 4.8-6.8 11.1.8 3.3 3 5.3 6.1 8.9-.5-3.8-1.3-8.5-.8-9.1 1 .1 2.2 2.1 5 2.7 3 .7 7-.4 10.8 2.2 4.6 4.5 6.3 9.3 13.3 14.5 2.5 1.9 6.8 5.5 10 8.7 3.4 3.5 8.6-3.5 11.4-1.2 1.7 1.4-1 5-.7 6 .3 1.2 1.6.9 4.3-2.1 2.7-4 3-6.2 1.3-10.3-1-1.9-.8-2 2.5-1.5 4.2.7 5-.1 7.4-4 1-1.7 4-.3 4.2 3 .2 4 1.2 2.9 3.7.2 4.7-5.8-1-12.3-5.7-13.2-5.7-1.5-.5-3.5-10-6.9-8.4-3.4-8.4 1.2-16.3 1.7-15.6-4.7-20-16.9-19.4-46.5.6-7 4.4-5.5 4.4-1 .2 6.8 4.7-1 4.4 8.1-.7 9.3 4.6 1.1 6.6 8.5 2.2 5.7 2.6 1.7 6 5 2.6 2.6 3-.4 5 1.7.8 2.8-8-2.1-11 8.5-1.4 4 3 6.4 6.5 6.9 3.6 0-.1-1.6-.3-3.4.7-1.3 3 1 6-1 2.4-2.2 7 3.5 11.1 4.4.8 0 1.5.8 1.9 1.5 8.3 8 19.3 19.3 24 18 5.1-.4 6.4-2.4 7 1.1 1 5 6.5 1.3 5.4-3.8-.7-5.7-3.3-9.6.3-9.1 2.3-.2 4-2.4 6.5-6 1 2.8 2 5.2 3.1 7.2 1.5 0 2-2 2.4-6.2.5-5.3-13.3-16-16-15.7-4.6-.3-6.6 4.1-12.4 3.3a36 36 0 0 1-18.1-13c-9.3-21-20.2-41.4-17.1-47.8 3.6-15.5 8.3-15.6 9.1-20.5 1.5-8.8-2-12.3 2.1-17.2 14.4-10 22.1-18.9 25-28 2.8 4.6 7.3 17.6 14 28.7-3.2.8-11.4 1.4-11.3 2.5 0 .9 9.4 1.7 16.5.6 5.6-1 2 1.2 5.1 1.6 5 .4-2.4 4.6-6.3 9.5-1.1 1.9 4.2 1.5 10.4-3.2 3-2.4 5-3 5.7-2.7.8.2 1.4.6 2.3-2.1.4-7 14.6 1 29.6 9.6 1.7 1.2 2.6 3.4 4.2 2.9 2.8-10.1-1.8-17.4 4.2-18.2 5.4-2 8.2-6.8 9.1-4.6.4 2 3.5 0 3.6-4 .4-4.6 2.3-7 3.3-9.8-1.1-1.2-9.5 5.2-12.8 8.2zm-172.4-61.7c-9.7-1.8-26.3-4.7-28.5-15.2.5-3.2 6-9.3 7.1-8.5 1 1.4-1.8 6.5-1.1 8.4 1.8 0 4.7-2.8 7.7-4.3 1 .7-.3 5.1 2.2 5.5.8 0 1.6.7 1.6 1.6.6 2.4 4.3 6.6 10.5 11.4 1.6.9 1.7 1.3.5 1.1zM77 357.7c2.1-.1 7.2-.1 3.2 5.7-2 3.5-2.6 6 .8 5.3 3-1.6.5 8.4-1 9.6-8 3.7-38-7.9-38.2-13.7 1.4-10.1 23.7-28.1 39.9-30.5 1-.3 3.5 12.7-3 17.4-3.1 3.2-6 7.3-1.7 6.2z"/>
-</svg>
diff --git a/nx-dev/nx-dev/public/images/nrwlio-channel.webp b/nx-dev/nx-dev/public/images/nrwlio-channel.webp
deleted file mode 100644
index a0dd84f11c584..0000000000000
Binary files a/nx-dev/nx-dev/public/images/nrwlio-channel.webp and /dev/null differ
diff --git a/nx-dev/nx-dev/public/images/nx-affected-dep-graph.webp b/nx-dev/nx-dev/public/images/nx-affected-dep-graph.webp
deleted file mode 100644
index 8e639032c7edb..0000000000000
Binary files a/nx-dev/nx-dev/public/images/nx-affected-dep-graph.webp and /dev/null differ
diff --git a/nx-dev/nx-dev/public/images/nx-affected.webp b/nx-dev/nx-dev/public/images/nx-affected.webp
deleted file mode 100644
index f24fa50d75d96..0000000000000
Binary files a/nx-dev/nx-dev/public/images/nx-affected.webp and /dev/null differ
diff --git a/nx-dev/nx-dev/public/images/nx-cloud.webp b/nx-dev/nx-dev/public/images/nx-cloud.webp
deleted file mode 100644
index b37b34720a19d..0000000000000
Binary files a/nx-dev/nx-dev/public/images/nx-cloud.webp and /dev/null differ
diff --git a/nx-dev/nx-dev/public/images/nx-console-dark.webp b/nx-dev/nx-dev/public/images/nx-console-dark.webp
deleted file mode 100644
index f2f6de35903cb..0000000000000
Binary files a/nx-dev/nx-dev/public/images/nx-console-dark.webp and /dev/null differ
diff --git a/nx-dev/nx-dev/public/images/nx-console-light.webp b/nx-dev/nx-dev/public/images/nx-console-light.webp
deleted file mode 100644
index a61d83b779552..0000000000000
Binary files a/nx-dev/nx-dev/public/images/nx-console-light.webp and /dev/null differ
diff --git a/nx-dev/nx-dev/public/images/nx-dep-graph.webp b/nx-dev/nx-dev/public/images/nx-dep-graph.webp
deleted file mode 100644
index 5d363b57c2de1..0000000000000
Binary files a/nx-dev/nx-dev/public/images/nx-dep-graph.webp and /dev/null differ
diff --git a/nx-dev/nx-dev/public/images/nx-egghead-course.webp b/nx-dev/nx-dev/public/images/nx-egghead-course.webp
deleted file mode 100644
index cfbc9d4654f8d..0000000000000
Binary files a/nx-dev/nx-dev/public/images/nx-egghead-course.webp and /dev/null differ
diff --git a/nx-dev/nx-dev/public/images/nx-on-egghead.webp b/nx-dev/nx-dev/public/images/nx-on-egghead.webp
deleted file mode 100644
index ba74f24652487..0000000000000
Binary files a/nx-dev/nx-dev/public/images/nx-on-egghead.webp and /dev/null differ
diff --git a/nx-dev/nx-dev/public/images/nx-playbook.webp b/nx-dev/nx-dev/public/images/nx-playbook.webp
deleted file mode 100644
index 575fcc4e20eb6..0000000000000
Binary files a/nx-dev/nx-dev/public/images/nx-playbook.webp and /dev/null differ
diff --git a/nx-dev/nx-dev/public/images/testimonials/akira-tsuboi.jpg b/nx-dev/nx-dev/public/images/testimonials/akira-tsuboi.jpg
deleted file mode 100644
index 480c841b83e57..0000000000000
Binary files a/nx-dev/nx-dev/public/images/testimonials/akira-tsuboi.jpg and /dev/null differ
diff --git a/nx-dev/nx-dev/public/images/testimonials/alan-montgomery.jpg b/nx-dev/nx-dev/public/images/testimonials/alan-montgomery.jpg
deleted file mode 100644
index 6945433ab0984..0000000000000
Binary files a/nx-dev/nx-dev/public/images/testimonials/alan-montgomery.jpg and /dev/null differ
diff --git a/nx-dev/nx-dev/public/images/testimonials/antoine-pairet.jpg b/nx-dev/nx-dev/public/images/testimonials/antoine-pairet.jpg
deleted file mode 100644
index c1d07375323a8..0000000000000
Binary files a/nx-dev/nx-dev/public/images/testimonials/antoine-pairet.jpg and /dev/null differ
diff --git a/nx-dev/nx-dev/public/images/testimonials/daniel-marin.jpg b/nx-dev/nx-dev/public/images/testimonials/daniel-marin.jpg
deleted file mode 100644
index 5365241bd2335..0000000000000
Binary files a/nx-dev/nx-dev/public/images/testimonials/daniel-marin.jpg and /dev/null differ
diff --git a/nx-dev/nx-dev/public/images/testimonials/kent-c-dodds.jpg b/nx-dev/nx-dev/public/images/testimonials/kent-c-dodds.jpg
deleted file mode 100644
index 0b2b3c9fface2..0000000000000
Binary files a/nx-dev/nx-dev/public/images/testimonials/kent-c-dodds.jpg and /dev/null differ
diff --git a/nx-dev/nx-dev/public/images/testimonials/michael-bromley.jpg b/nx-dev/nx-dev/public/images/testimonials/michael-bromley.jpg
deleted file mode 100644
index d0b4700eba4f4..0000000000000
Binary files a/nx-dev/nx-dev/public/images/testimonials/michael-bromley.jpg and /dev/null differ
diff --git a/nx-dev/nx-dev/public/images/testimonials/tejas-kumar.jpg b/nx-dev/nx-dev/public/images/testimonials/tejas-kumar.jpg
deleted file mode 100644
index 29ac62e6006fc..0000000000000
Binary files a/nx-dev/nx-dev/public/images/testimonials/tejas-kumar.jpg and /dev/null differ
diff --git a/nx-dev/nx-dev/public/images/testimonials/tomek-sulkowski.jpg b/nx-dev/nx-dev/public/images/testimonials/tomek-sulkowski.jpg
deleted file mode 100644
index 570e1cfa2055a..0000000000000
Binary files a/nx-dev/nx-dev/public/images/testimonials/tomek-sulkowski.jpg and /dev/null differ
diff --git a/nx-dev/nx-dev/tailwind.config.js b/nx-dev/nx-dev/tailwind.config.js
index 9304f5a1b5e60..876ca005986b9 100644
--- a/nx-dev/nx-dev/tailwind.config.js
+++ b/nx-dev/nx-dev/tailwind.config.js
@@ -3,6 +3,9 @@ const path = require('path');
 // nx-ignore-next-line
 const { createGlobPatternsForDependencies } = require('@nx/next/tailwind');
 const plugin = require('tailwindcss/plugin');
+const {
+  default: flattenColorPalette,
+} = require('tailwindcss/lib/util/flattenColorPalette');
 
 if (!createGlobPatternsForDependencies(__dirname).length)
   throw Error('GRAPH ISSUE: No dependency found when many are expected.');
@@ -24,6 +27,18 @@ const FlipAnimation = plugin(function ({ addUtilities }) {
   });
 });
 
+// This plugin adds each Tailwind color as a global CSS variable, e.g. var(--gray-200).
+function addVariablesForColors({ addBase, theme }) {
+  let allColors = flattenColorPalette(theme('colors'));
+  let newVars = Object.fromEntries(
+    Object.entries(allColors).map(([key, val]) => [`--${key}`, val])
+  );
+
+  addBase({
+    ':root': newVars,
+  });
+}
+
 module.exports = {
   experimental: {
     optimizeUniversalDefaults: true,
@@ -36,6 +51,20 @@ module.exports = {
   ],
   theme: {
     extend: {
+      animation: {
+        marquee: 'marquee var(--duration) linear infinite',
+        'marquee-vertical': 'marquee-vertical var(--duration) linear infinite',
+      },
+      keyframes: {
+        marquee: {
+          from: { transform: 'translateX(0)' },
+          to: { transform: 'translateX(calc(-100% - var(--gap)))' },
+        },
+        'marquee-vertical': {
+          from: { transform: 'translateY(0)' },
+          to: { transform: 'translateY(calc(-100% - var(--gap)))' },
+        },
+      },
       typography: {
         DEFAULT: {
           css: {
@@ -61,5 +90,6 @@ module.exports = {
     require('@tailwindcss/typography'),
     require('@tailwindcss/forms'),
     FlipAnimation,
+    addVariablesForColors,
   ],
 };
diff --git a/nx-dev/ui-animations/.babelrc b/nx-dev/ui-animations/.babelrc
new file mode 100644
index 0000000000000..1ea870ead410c
--- /dev/null
+++ b/nx-dev/ui-animations/.babelrc
@@ -0,0 +1,12 @@
+{
+  "presets": [
+    [
+      "@nx/react/babel",
+      {
+        "runtime": "automatic",
+        "useBuiltIns": "usage"
+      }
+    ]
+  ],
+  "plugins": []
+}
diff --git a/nx-dev/ui-animations/.eslintrc.json b/nx-dev/ui-animations/.eslintrc.json
new file mode 100644
index 0000000000000..a39ac5d057803
--- /dev/null
+++ b/nx-dev/ui-animations/.eslintrc.json
@@ -0,0 +1,18 @@
+{
+  "extends": ["plugin:@nx/react", "../../.eslintrc.json"],
+  "ignorePatterns": ["!**/*"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.ts", "*.tsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "rules": {}
+    }
+  ]
+}
diff --git a/nx-dev/ui-animations/README.md b/nx-dev/ui-animations/README.md
new file mode 100644
index 0000000000000..a900f34abae3c
--- /dev/null
+++ b/nx-dev/ui-animations/README.md
@@ -0,0 +1,7 @@
+# nx-dev-ui-animations
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test nx-dev-ui-animations` to execute the unit tests via [Jest](https://jestjs.io).
diff --git a/nx-dev/ui-animations/jest.config.ts b/nx-dev/ui-animations/jest.config.ts
new file mode 100644
index 0000000000000..cf5dc2ccf17b9
--- /dev/null
+++ b/nx-dev/ui-animations/jest.config.ts
@@ -0,0 +1,10 @@
+/* eslint-disable */
+export default {
+  displayName: 'nx-dev-ui-animations',
+  preset: '../../jest.preset.js',
+  transform: {
+    '^.+\\.[tj]sx?$': 'babel-jest',
+  },
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
+  coverageDirectory: '../../coverage/nx-dev/ui-animations',
+};
diff --git a/nx-dev/ui-animations/project.json b/nx-dev/ui-animations/project.json
new file mode 100644
index 0000000000000..870a6e6175c0b
--- /dev/null
+++ b/nx-dev/ui-animations/project.json
@@ -0,0 +1,8 @@
+{
+  "name": "nx-dev-ui-animations",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "nx-dev/ui-animations/src",
+  "projectType": "library",
+  "tags": [],
+  "targets": {}
+}
diff --git a/nx-dev/ui-animations/src/index.ts b/nx-dev/ui-animations/src/index.ts
new file mode 100644
index 0000000000000..1979101c04141
--- /dev/null
+++ b/nx-dev/ui-animations/src/index.ts
@@ -0,0 +1,6 @@
+export * from './lib/animate-value';
+export * from './lib/blur-fade';
+export * from './lib/fit-text';
+export * from './lib/marquee';
+export * from './lib/moving-border';
+export * from './lib/shine-border';
diff --git a/nx-dev/ui-animations/src/lib/animate-value.tsx b/nx-dev/ui-animations/src/lib/animate-value.tsx
new file mode 100644
index 0000000000000..2646e00c1c038
--- /dev/null
+++ b/nx-dev/ui-animations/src/lib/animate-value.tsx
@@ -0,0 +1,51 @@
+import { animate, useInView } from 'framer-motion';
+import { useEffect, useRef, useState } from 'react';
+
+/**
+ * Animates a value and renders it with a specified suffix.
+ *
+ * @param {Object} params - The parameters for animating the value.
+ * @param {number} params.num - The number to animate.
+ * @param {boolean} [params.once=false] - Flag indicating if the animation should only run once.
+ * @param {string} params.suffix - The suffix to append to the animated value.
+ * @param {number} [params.decimals=0] - The number of decimal places to display for the animated value.
+ *
+ * @return {JSX.Element} - The JSX element representing the animated value with suffix.
+ */
+export function AnimateValue({
+  num,
+  once = false,
+  suffix,
+  decimals = 0,
+}: {
+  num: number;
+  once?: boolean;
+  suffix: string;
+  decimals?: number;
+}) {
+  const ref = useRef<HTMLSpanElement | null>(null);
+  const [isComplete, setIsComplete] = useState<boolean>(false);
+  const isInView = useInView(ref);
+
+  useEffect(() => {
+    if (!isInView) return;
+    if (isComplete && once) return;
+
+    animate(0, num, {
+      duration: 2.5,
+      onUpdate(value) {
+        if (!ref.current) return;
+
+        ref.current.textContent = value.toFixed(decimals);
+      },
+    });
+    setIsComplete(true);
+  }, [num, decimals, isInView, once]);
+
+  return (
+    <span>
+      <span ref={ref}></span>
+      <span>{suffix}</span>
+    </span>
+  );
+}
diff --git a/nx-dev/ui-animations/src/lib/blur-fade.tsx b/nx-dev/ui-animations/src/lib/blur-fade.tsx
new file mode 100644
index 0000000000000..43ea7b8be13f0
--- /dev/null
+++ b/nx-dev/ui-animations/src/lib/blur-fade.tsx
@@ -0,0 +1,85 @@
+'use client';
+import {
+  AnimatePresence,
+  motion,
+  useInView,
+  useWillChange,
+  Variants,
+} from 'framer-motion';
+import { ReactNode, useRef } from 'react';
+
+interface BlurFadeProps {
+  children: ReactNode;
+  className?: string;
+  variant?: {
+    hidden: { y: number };
+    visible: { y: number };
+  };
+  duration?: number;
+  delay?: number;
+  yOffset?: number;
+  inView?: boolean;
+  inViewMargin?: string;
+  blur?: string;
+  once?: boolean;
+}
+
+/**
+ * Applies a blur fade effect to its children based on the scroll position.
+ *
+ * @param {Object} props - The component props.
+ * @param {React.ReactNode} props.children - The child elements to apply the effect to.
+ * @param {string} [props.className] - The CSS class to apply to the component.
+ * @param {Object} [props.variant] - The animation variants to apply.
+ * @param {number} [props.duration=0.4] - The duration of the animation in seconds.
+ * @param {number} [props.delay=0] - The delay before starting the animation in seconds.
+ * @param {number} [props.yOffset=6] - The distance the element moves on the Y-axis during the animation.
+ * @param {boolean} [props.inView=false] - Specifies whether the animation should trigger when the element is in view.
+ * @param {string} [props.inViewMargin='-50px'] - The margin to consider when checking if the element is in view.
+ * @param {string} [props.blur='5px'] - The amount of blur to apply to the element during the animation.
+ * @param {boolean} [props.once=false] - Specifies whether the animation should only trigger once.
+ *
+ * @return {React.ReactNode} The component with the blur fade effect applied.
+ */
+export function BlurFade({
+  children,
+  className,
+  variant,
+  duration = 0.4,
+  delay = 0,
+  yOffset = 6,
+  inView = false,
+  inViewMargin = '-50px',
+  blur = '5px',
+  once = false,
+}: BlurFadeProps) {
+  const willChange = useWillChange();
+  const ref = useRef(null);
+  const inViewResult = useInView(ref, { once, margin: inViewMargin });
+  const isInView = !inView || inViewResult;
+  const defaultVariants: Variants = {
+    hidden: { y: yOffset, opacity: 0, filter: `blur(${blur})` },
+    visible: { y: -yOffset, opacity: 1, filter: `blur(0px)` },
+  };
+  const combinedVariants = variant || defaultVariants;
+  return (
+    <AnimatePresence>
+      <motion.div
+        ref={ref}
+        initial="hidden"
+        animate={isInView ? 'visible' : 'hidden'}
+        exit="hidden"
+        variants={combinedVariants}
+        style={{ willChange }}
+        transition={{
+          delay: 0.04 + delay,
+          duration,
+          ease: 'easeOut',
+        }}
+        className={className}
+      >
+        {children}
+      </motion.div>
+    </AnimatePresence>
+  );
+}
diff --git a/nx-dev/ui-animations/src/lib/fit-text.tsx b/nx-dev/ui-animations/src/lib/fit-text.tsx
new file mode 100644
index 0000000000000..9978f4fb394a4
--- /dev/null
+++ b/nx-dev/ui-animations/src/lib/fit-text.tsx
@@ -0,0 +1,76 @@
+import { useInView } from 'framer-motion';
+import { ComponentRef, ReactNode, useEffect, useRef } from 'react';
+import { cx } from '@nx/nx-dev/ui-primitives';
+
+/**
+ * Resizes the text to fit within its container.
+ *
+ * @param {Object} props - The component's properties.
+ * @param {ReactNode} props.children - The content to be displayed within the component.
+ * @param {string} [props.className=''] - The additional className to be applied to the component.
+ *
+ * @return {JSX.Element} - The rendered component.
+ */
+export function FitText({
+  children,
+  className = '',
+}: {
+  children: ReactNode;
+  className?: string;
+}): JSX.Element {
+  const containerRef = useRef<ComponentRef<'div'>>(null);
+  const textRef = useRef<ComponentRef<'span'>>(null);
+  const isInView = useInView(containerRef);
+
+  useEffect(() => {
+    if (!isInView) return;
+    resizeText();
+    window.addEventListener('resize', resizeText);
+    return () => {
+      window.removeEventListener('resize', resizeText);
+    };
+  }, [isInView, children]);
+
+  const resizeText = () => {
+    const container = containerRef.current;
+    const text = textRef.current;
+
+    if (!container || !text) {
+      return;
+    }
+
+    const containerWidth = container.offsetWidth;
+    let min = 1;
+    let max = 2500;
+
+    while (min <= max) {
+      const mid = Math.floor((min + max) / 2);
+      text.style.fontSize = mid + 'px';
+
+      if (text.offsetWidth <= containerWidth) {
+        min = mid + 1;
+      } else {
+        max = mid - 1;
+      }
+    }
+
+    text.style.fontSize = max + 'px';
+  };
+
+  return (
+    <span
+      className="relative grid h-full w-full grid-cols-1 place-items-center"
+      ref={containerRef}
+    >
+      <span
+        className={cx(
+          'transform whitespace-nowrap text-center font-bold',
+          className
+        )}
+        ref={textRef}
+      >
+        {children}
+      </span>
+    </span>
+  );
+}
diff --git a/nx-dev/ui-animations/src/lib/marquee.tsx b/nx-dev/ui-animations/src/lib/marquee.tsx
new file mode 100644
index 0000000000000..87120e55d271f
--- /dev/null
+++ b/nx-dev/ui-animations/src/lib/marquee.tsx
@@ -0,0 +1,65 @@
+import { cx } from '@nx/nx-dev/ui-primitives';
+
+interface MarqueeProps {
+  className?: string;
+  reverse?: boolean;
+  pauseOnHover?: boolean;
+  children?: React.ReactNode;
+  vertical?: boolean;
+  repeat?: number;
+  [key: string]: any;
+}
+
+/**
+ * Creates a marquee component that animates its children horizontally or vertically.
+ *
+ * @param {Object} props - The props for the marquee component.
+ * @param {string} [props.className] - Additional class name(s) to be added to the component.
+ * @param {boolean} [props.reverse=false] - Whether to reverse the marquee animation.
+ * @param {boolean} [props.pauseOnHover=false] - Whether to pause the marquee animation on hover.
+ * @param {ReactNode} props.children - The content to be displayed within the marquee.
+ * @param {boolean} [props.vertical=false] - Whether to animate the marquee vertically.
+ * @param {number} [props.repeat=4] - The number of times to repeat the marquee animation.
+ * @param {any} props... - Additional props to be passed to the underlying div element.
+ *
+ * @return {ReactElement} The marquee component.
+ */
+export function Marquee({
+  className,
+  reverse,
+  pauseOnHover = false,
+  children,
+  vertical = false,
+  repeat = 4,
+  ...props
+}: MarqueeProps) {
+  return (
+    <div
+      {...props}
+      className={cx(
+        'group flex overflow-hidden p-2 [--duration:40s] [--gap:1rem] [gap:var(--gap)]',
+        {
+          'flex-row': !vertical,
+          'flex-col': vertical,
+        },
+        className
+      )}
+    >
+      {Array(repeat)
+        .fill(0)
+        .map((_, i) => (
+          <div
+            key={i}
+            className={cx('flex shrink-0 justify-around [gap:var(--gap)]', {
+              'animate-marquee flex-row': !vertical,
+              'animate-marquee-vertical flex-col': vertical,
+              'group-hover:[animation-play-state:paused]': pauseOnHover,
+              '[animation-direction:reverse]': reverse,
+            })}
+          >
+            {children}
+          </div>
+        ))}
+    </div>
+  );
+}
diff --git a/nx-dev/ui-animations/src/lib/moving-border.tsx b/nx-dev/ui-animations/src/lib/moving-border.tsx
new file mode 100644
index 0000000000000..9d7e4ce586213
--- /dev/null
+++ b/nx-dev/ui-animations/src/lib/moving-border.tsx
@@ -0,0 +1,89 @@
+import {
+  motion,
+  useAnimationFrame,
+  useMotionTemplate,
+  useMotionValue,
+  useTransform,
+} from 'framer-motion';
+import { ReactNode, useRef } from 'react';
+
+/**
+ * Creates a moving border effect around the specified component by animating a rectangular SVG element.
+ *
+ * @param {object} options - The options for the MovingBorder effect.
+ * @param {ReactNode} options.children - The content to be displayed within the moving border.
+ * @param {number} [options.duration=2000] - The duration of the animation in milliseconds.
+ * @param {string} [options.rx] - The x-axis radius of the border corners.
+ * @param {string} [options.ry] - The y-axis radius of the border corners.
+ * @param {any} [options.otherProps] - Additional properties to be applied to the SVG element.
+ *
+ * @return {ReactNode} - The MovingBorder component.
+ */
+export function MovingBorder({
+  children,
+  duration = 2000,
+  rx,
+  ry,
+  ...otherProps
+}: {
+  children: ReactNode;
+  duration?: number;
+  rx?: string;
+  ry?: string;
+  [key: string]: any;
+}) {
+  const pathRef = useRef<any>();
+  const progress = useMotionValue<number>(0);
+
+  useAnimationFrame((time) => {
+    const length = pathRef.current?.getTotalLength();
+    if (length) {
+      const pxPerMillisecond = length / duration;
+      progress.set((time * pxPerMillisecond) % length);
+    }
+  });
+
+  const x = useTransform(
+    progress,
+    (val) => pathRef.current?.getPointAtLength(val).x
+  );
+  const y = useTransform(
+    progress,
+    (val) => pathRef.current?.getPointAtLength(val).y
+  );
+
+  const transform = useMotionTemplate`translateX(${x}px) translateY(${y}px) translateX(-50%) translateY(-50%)`;
+
+  return (
+    <>
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        preserveAspectRatio="none"
+        className="absolute h-full w-full"
+        width="100%"
+        height="100%"
+        {...otherProps}
+      >
+        <rect
+          fill="none"
+          width="100%"
+          height="100%"
+          rx={rx}
+          ry={ry}
+          ref={pathRef}
+        />
+      </svg>
+      <motion.div
+        style={{
+          position: 'absolute',
+          top: 0,
+          left: 0,
+          display: 'inline-block',
+          transform,
+        }}
+      >
+        {children}
+      </motion.div>
+    </>
+  );
+}
diff --git a/nx-dev/ui-animations/src/lib/shine-border.tsx b/nx-dev/ui-animations/src/lib/shine-border.tsx
new file mode 100644
index 0000000000000..501c526f3fdb2
--- /dev/null
+++ b/nx-dev/ui-animations/src/lib/shine-border.tsx
@@ -0,0 +1,67 @@
+'use client';
+import { cx } from '@nx/nx-dev/ui-primitives';
+import { CSSProperties, ReactNode } from 'react';
+
+type TColorProp = `#${string}` | `#${string}`[];
+interface ShineBorderProps {
+  borderRadius?: number;
+  borderWidth?: number;
+  duration?: number;
+  color?: TColorProp;
+  className?: string;
+  children: ReactNode;
+}
+
+/**
+ * Shines a border around a container element.
+ *
+ * @param borderRadius - The radius of the border corners in pixels. Defaults to 8.
+ * @param borderWidth - The width of the border in pixels. Defaults to 1.
+ * @param duration - The duration of the shine animation in seconds. Defaults to 14.
+ * @param color - The color of the shine. Can be a single color (string) or an array of colors. Defaults to '#fff'.
+ * @param className - Additional CSS classes to apply to the container element.
+ * @param children - The content to display inside the container element.
+ *
+ * @return The container element with a shining border.
+ */
+export function ShineBorder({
+  borderRadius = 8,
+  borderWidth = 1,
+  duration = 14,
+  color = '#fff',
+  className,
+  children,
+}: ShineBorderProps) {
+  return (
+    <div
+      style={
+        {
+          '--border-radius': `${borderRadius}px`,
+        } as CSSProperties
+      }
+      className={cx(
+        'relative grid min-h-[60px] w-fit min-w-[300px] place-items-center rounded-[--border-radius] bg-white p-3 text-black dark:bg-black dark:text-white',
+        className
+      )}
+    >
+      <div
+        style={
+          {
+            '--border-width': `${borderWidth}px`,
+            '--border-radius': `${borderRadius}px`,
+            '--border-radius-child': `${borderRadius * 0.2}px`,
+            '--shine-pulse-duration': `${duration}s`,
+            '--mask-linear-gradient': `linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)`,
+            '--background-radial-gradient': `radial-gradient(transparent,transparent, ${
+              !(color instanceof Array) ? color : color.join(',')
+            },transparent,transparent)`,
+          } as CSSProperties
+        }
+        className={`before:bg-shine-size before:absolute before:inset-[0] before:aspect-square before:h-full before:w-full before:rounded-[--border-radius] before:p-[--border-width] before:will-change-[background-position] before:content-[""] before:![-webkit-mask-composite:xor] before:[background-image:var(--background-radial-gradient)] before:[background-size:300%_300%] before:![mask-composite:exclude] before:[mask:var(--mask-linear-gradient)] motion-safe:before:animate-[shine-pulse_var(--shine-pulse-duration)_infinite_linear]`}
+      ></div>
+      <div className={'z-[1] h-full w-full rounded-[--border-radius-child]'}>
+        {children}
+      </div>
+    </div>
+  );
+}
diff --git a/nx-dev/ui-animations/tsconfig.json b/nx-dev/ui-animations/tsconfig.json
new file mode 100644
index 0000000000000..4c089585ed6b0
--- /dev/null
+++ b/nx-dev/ui-animations/tsconfig.json
@@ -0,0 +1,25 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "allowJs": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "noImplicitOverride": true,
+    "noPropertyAccessFromIndexSignature": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ]
+}
diff --git a/nx-dev/ui-animations/tsconfig.lib.json b/nx-dev/ui-animations/tsconfig.lib.json
new file mode 100644
index 0000000000000..3e8e485c662b4
--- /dev/null
+++ b/nx-dev/ui-animations/tsconfig.lib.json
@@ -0,0 +1,24 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "types": ["node"],
+    "lib": ["dom"]
+  },
+  "files": [
+    "../../node_modules/@nx/react/typings/cssmodule.d.ts",
+    "../../node_modules/@nx/react/typings/image.d.ts"
+  ],
+  "exclude": [
+    "jest.config.ts",
+    "**/*.spec.ts",
+    "**/*.test.ts",
+    "**/*.spec.tsx",
+    "**/*.test.tsx",
+    "**/*.spec.js",
+    "**/*.test.js",
+    "**/*.spec.jsx",
+    "**/*.test.jsx"
+  ],
+  "include": ["**/*.js", "**/*.jsx", "**/*.ts", "**/*.tsx"]
+}
diff --git a/nx-dev/ui-animations/tsconfig.spec.json b/nx-dev/ui-animations/tsconfig.spec.json
new file mode 100644
index 0000000000000..ff08addd60ff5
--- /dev/null
+++ b/nx-dev/ui-animations/tsconfig.spec.json
@@ -0,0 +1,20 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "module": "commonjs",
+    "types": ["jest", "node"]
+  },
+  "include": [
+    "jest.config.ts",
+    "**/*.test.ts",
+    "**/*.spec.ts",
+    "**/*.test.tsx",
+    "**/*.spec.tsx",
+    "**/*.test.js",
+    "**/*.spec.js",
+    "**/*.test.jsx",
+    "**/*.spec.jsx",
+    "**/*.d.ts"
+  ]
+}
diff --git a/nx-dev/ui-common/src/index.ts b/nx-dev/ui-common/src/index.ts
index 6185b28453e6f..b7bc14f0eb5ce 100644
--- a/nx-dev/ui-common/src/index.ts
+++ b/nx-dev/ui-common/src/index.ts
@@ -2,14 +2,12 @@ export * from './lib/announcement-banner';
 export * from './lib/headers/documentation-header';
 export * from './lib/breadcrumbs';
 export * from './lib/button';
+export * from './lib/call-to-action';
 export * from './lib/champion-card';
 export * from './lib/champion-perks';
 export * from './lib/default-layout';
 export * from './lib/headers/header';
 export * from './lib/flip-card';
-export * from './lib/nx-agents-icon';
-export * from './lib/nx-cloud-icon';
-export * from './lib/nx-replay-icon';
 export * from './lib/footer';
 export * from './lib/sidebar-container';
 export * from './lib/sidebar';
@@ -21,7 +19,6 @@ export * from './lib/github-star-widget';
 export * from './lib/youtube.component';
 export * from './lib/x-icon';
 export * from './lib/discord-icon';
-export * from './lib/logos';
 
 export { resourceMenuItems } from './lib/headers/menu-items';
 export { solutionsMenuItems } from './lib/headers/menu-items';
diff --git a/nx-dev/ui-common/src/lib/button.tsx b/nx-dev/ui-common/src/lib/button.tsx
index 796d97da4c29e..512380212d916 100644
--- a/nx-dev/ui-common/src/lib/button.tsx
+++ b/nx-dev/ui-common/src/lib/button.tsx
@@ -7,7 +7,7 @@ import {
   ReactNode,
 } from 'react';
 
-type AllowedVariants = 'primary' | 'secondary';
+type AllowedVariants = 'primary' | 'secondary' | 'contrast';
 type AllowedSizes = 'large' | 'default' | 'small';
 
 interface ButtonProps {
@@ -22,6 +22,8 @@ const variantStyles: Record<AllowedVariants, string> = {
     'bg-blue-500 dark:bg-sky-500 text-white group-hover:bg-blue-600 dark:group-hover:bg-sky-600 group-focus:ring-2 group-focus:ring-blue-500 dark:group-focus:ring-sky-500 focus:group-ring-offset-2',
   secondary:
     'border border-slate-300 dark:border-slate-700 bg-white dark:bg-slate-800 text-slate-700 dark:text-slate-200 group-hover:bg-slate-50 dark:group-hover:bg-slate-700 group-focus:ring-2 group-focus:ring-blue-500 dark:group-focus:ring-sky-500 focus:ring-offset-2',
+  contrast:
+    'bg-slate-950 dark:bg-white text-slate-100 dark:text-slate-950 group-hover:bg-slate-800 dark:group-hover:bg-slate-100 group-focus:ring-2 group-focus:ring-blue-500 dark:group-focus:ring-sky-500 focus:ring-offset-2',
 };
 const sizes: Record<AllowedSizes, string> = {
   large: 'space-x-4 px-4 py-2 text-lg',
diff --git a/nx-dev/ui-common/src/lib/call-to-action.tsx b/nx-dev/ui-common/src/lib/call-to-action.tsx
new file mode 100644
index 0000000000000..8b39e9daf5291
--- /dev/null
+++ b/nx-dev/ui-common/src/lib/call-to-action.tsx
@@ -0,0 +1,87 @@
+import Link from 'next/link';
+
+export function CallToAction(): JSX.Element {
+  return (
+    <section className="relative isolate px-6 py-32 sm:py-40 lg:px-8">
+      <svg
+        className="absolute inset-0 -z-10 h-full w-full stroke-black/10 [mask-image:radial-gradient(100%_100%_at_top_right,white,transparent)] dark:stroke-white/10"
+        aria-hidden="true"
+      >
+        <defs>
+          <pattern
+            id="1d4240dd-898f-445f-932d-e2872fd12de3"
+            width={200}
+            height={200}
+            x="50%"
+            y={0}
+            patternUnits="userSpaceOnUse"
+          >
+            <path d="M.5 200V.5H200" fill="none" />
+          </pattern>
+        </defs>
+        <svg
+          x="50%"
+          y={0}
+          className="overflow-visible fill-slate-200/20 dark:fill-slate-800/20"
+        >
+          <path
+            d="M-200 0h201v201h-201Z M600 0h201v201h-201Z M-400 600h201v201h-201Z M200 800h201v201h-201Z"
+            strokeWidth={0}
+          />
+        </svg>
+        <rect
+          width="100%"
+          height="100%"
+          strokeWidth={0}
+          fill="url(#1d4240dd-898f-445f-932d-e2872fd12de3)"
+        />
+      </svg>
+      <div
+        className="absolute inset-x-0 top-10 -z-10 flex transform-gpu justify-center overflow-hidden blur-3xl"
+        aria-hidden="true"
+      >
+        <div
+          className="aspect-[1108/632] w-[69.25rem] flex-none bg-gradient-to-r from-[#80caff] to-[#4f46e5] opacity-20"
+          style={{
+            clipPath:
+              'polygon(73.6% 51.7%, 91.7% 11.8%, 100% 46.4%, 97.4% 82.2%, 92.5% 84.9%, 75.7% 64%, 55.3% 47.5%, 46.5% 49.4%, 45% 62.9%, 50.3% 87.2%, 21.3% 64.1%, 0.1% 100%, 5.4% 51.1%, 21.4% 63.9%, 58.9% 0.2%, 73.6% 51.7%)',
+          }}
+        />
+      </div>
+      <div className="mx-auto max-w-2xl text-center">
+        <h2
+          id="cta"
+          className="text-3xl font-medium tracking-tight text-slate-950 sm:text-5xl dark:text-white"
+        >
+          Ready to
+          <br />
+          build smarter and ship faster?
+        </h2>
+        <div className="mt-10 flex items-center justify-center gap-x-6">
+          <Link
+            href="/getting-started/intro"
+            title="Get started with Nx"
+            prefetch={false}
+            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"
+          >
+            Get started
+          </Link>
+          <Link
+            href="/contact"
+            title="Get in touch"
+            prefetch={false}
+            className="group text-sm font-semibold leading-6 text-slate-950 dark:text-white"
+          >
+            Contact us{' '}
+            <span
+              aria-hidden="true"
+              className="inline-block transition group-hover:translate-x-1"
+            >
+              →
+            </span>
+          </Link>
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/nx-dev/ui-common/src/lib/champion-perks.tsx b/nx-dev/ui-common/src/lib/champion-perks.tsx
index 2f6145695eaf2..0553cc227c6ae 100644
--- a/nx-dev/ui-common/src/lib/champion-perks.tsx
+++ b/nx-dev/ui-common/src/lib/champion-perks.tsx
@@ -33,12 +33,12 @@ export function ChampionPerks(): JSX.Element {
       <div className="mx-auto max-w-7xl px-4 sm:grid sm:grid-cols-2 sm:gap-8 sm:px-6 lg:px-8">
         <div>
           <header>
-            <SectionHeading as="h1" variant="title" id="nx-is-fast">
+            <SectionHeading as="h1" variant="subtitle" id="nx-is-fast">
               Interested in joining the Nx Champions program yourself?
             </SectionHeading>
             <SectionHeading
               as="p"
-              variant="display"
+              variant="title"
               id="nx-is-fast"
               className="mt-4"
             >
diff --git a/nx-dev/ui-common/src/lib/default-layout.tsx b/nx-dev/ui-common/src/lib/default-layout.tsx
index 0c8d1f0088302..c8c5cd40bba0e 100644
--- a/nx-dev/ui-common/src/lib/default-layout.tsx
+++ b/nx-dev/ui-common/src/lib/default-layout.tsx
@@ -1,12 +1,16 @@
 import { Footer } from './footer';
 import { Header } from './headers/header';
 import { PropsWithChildren } from 'react';
+import cx from 'classnames';
 
-export function DefaultLayout({ children }: PropsWithChildren): JSX.Element {
+export function DefaultLayout({
+  isHome = false,
+  children,
+}: { isHome?: boolean } & PropsWithChildren): JSX.Element {
   return (
     <div className="dark:bg-slate-950">
       <Header />
-      <div className="relative isolate pt-14">
+      <div className="relative isolate">
         <div
           className="absolute inset-x-0 -top-40 -z-10 h-full transform-gpu overflow-hidden blur-3xl sm:-top-80"
           aria-hidden="true"
@@ -19,7 +23,7 @@ export function DefaultLayout({ children }: PropsWithChildren): JSX.Element {
             }}
           />
         </div>
-        <main className="py-24 sm:py-32">{children}</main>
+        <main className={isHome ? '' : 'py-24 sm:py-32'}>{children}</main>
       </div>
       <Footer />
     </div>
diff --git a/nx-dev/ui-common/src/lib/footer.tsx b/nx-dev/ui-common/src/lib/footer.tsx
index 3be04b6ec8914..ba810468eb133 100644
--- a/nx-dev/ui-common/src/lib/footer.tsx
+++ b/nx-dev/ui-common/src/lib/footer.tsx
@@ -138,7 +138,7 @@ export function Footer(): JSX.Element {
   };
   return (
     <footer
-      className="bg-slate-50 dark:bg-slate-900"
+      className="bg-white dark:bg-slate-950"
       aria-labelledby="footer-heading"
     >
       <h2 id="footer-heading" className="sr-only">
@@ -164,8 +164,8 @@ export function Footer(): JSX.Element {
                   key={item.name}
                   href={item.href}
                   title={item.label}
-                  className="text-sm text-slate-500 hover:text-slate-600 dark:hover:text-slate-400"
                   prefetch={false}
+                  className="text-sm text-slate-500 hover:text-slate-600 dark:hover:text-slate-400"
                 >
                   <span className="sr-only">{item.name}</span>
                   <item.icon className="h-6 w-6" aria-hidden="true" />
@@ -187,8 +187,8 @@ export function Footer(): JSX.Element {
                     <li key={item.name}>
                       <Link
                         href={item.href}
-                        className="text-sm text-slate-500 hover:text-slate-600 dark:hover:text-slate-400"
                         prefetch={false}
+                        className="text-sm text-slate-500 hover:text-slate-600 dark:hover:text-slate-400"
                       >
                         {item.name}
                       </Link>
@@ -205,8 +205,8 @@ export function Footer(): JSX.Element {
                     <li key={item.name}>
                       <Link
                         href={item.href}
-                        className="text-sm text-slate-500 hover:text-slate-600 dark:hover:text-slate-400"
                         prefetch={false}
+                        className="text-sm text-slate-500 hover:text-slate-600 dark:hover:text-slate-400"
                       >
                         {item.name}
                       </Link>
@@ -225,8 +225,8 @@ export function Footer(): JSX.Element {
                     <li key={item.name}>
                       <Link
                         href={item.href}
-                        className="text-sm text-slate-500 hover:text-slate-600 dark:hover:text-slate-400"
                         prefetch={false}
+                        className="text-sm text-slate-500 hover:text-slate-600 dark:hover:text-slate-400"
                       >
                         {item.name}
                       </Link>
@@ -243,8 +243,8 @@ export function Footer(): JSX.Element {
                     <li key={item.name}>
                       <Link
                         href={item.href}
-                        className="text-sm text-slate-500 hover:text-slate-600 dark:hover:text-slate-400"
                         prefetch={false}
+                        className="text-sm text-slate-500 hover:text-slate-600 dark:hover:text-slate-400"
                       >
                         {item.name}
                       </Link>
@@ -259,7 +259,7 @@ export function Footer(): JSX.Element {
           <p className="text-sm text-slate-400 xl:text-center">
             &copy; 2024 made with{' '}
             <HeartIcon className="-mt-0.5 inline h-4 w-4" /> by{' '}
-            <Link
+            <a
               href="https://nx.app/company/?utm_source=nx.dev"
               target="_blank"
               rel="noreferrer"
@@ -273,7 +273,7 @@ export function Footer(): JSX.Element {
               >
                 <path d="m12 14.1-3.1 5-5.2-8.5v8.9H0v-15h3.7l5.2 8.9v-4l3 4.7zm.6-5.7V4.5H8.9v3.9h3.7zm5.6 4.1a2 2 0 0 0-2 1.3 2 2 0 0 1 2.4-.7c.4.2 1 .4 1.3.3a2.1 2.1 0 0 0-1.7-.9zm3.4 1c-.4 0-.8-.2-1.1-.6l-.2-.3a2.1 2.1 0 0 0-.5-.6 2 2 0 0 0-1.2-.3 2.5 2.5 0 0 0-2.3 1.5 2.3 2.3 0 0 1 4 .4.8.8 0 0 0 .9.3c.5 0 .4.4 1.2.5v-.1c0-.4-.3-.5-.8-.7zm2 1.3a.7.7 0 0 0 .4-.6c0-3-2.4-5.5-5.4-5.5a5.4 5.4 0 0 0-4.5 2.4l-1.5-2.4H8.9l3.5 5.4L9 19.5h3.6L14 17l1.6 2.4h3.5l-3.1-5a.7.7 0 0 1 0-.3 2.7 2.7 0 0 1 2.6-2.7c1.5 0 1.7.9 2 1.3.7.8 2 .5 2 1.5a.7.7 0 0 0 1 .6zm.4.2c-.2.3-.6.3-.8.6-.1.3.1.4.1.4s.4.2.6-.3V15z" />
               </svg>
-            </Link>
+            </a>
           </p>
         </div>
       </div>
diff --git a/nx-dev/ui-common/src/lib/headers/documentation-header.tsx b/nx-dev/ui-common/src/lib/headers/documentation-header.tsx
index 529ec40a5713a..a6923208251a2 100644
--- a/nx-dev/ui-common/src/lib/headers/documentation-header.tsx
+++ b/nx-dev/ui-common/src/lib/headers/documentation-header.tsx
@@ -11,7 +11,6 @@ import cx from 'classnames';
 import Link from 'next/link';
 import { useRouter } from 'next/router';
 import { ButtonLink } from '../button';
-import { NxIcon } from '../nx-icon';
 import { Popover, Transition } from '@headlessui/react';
 import { TwoColumnsMenu } from './two-columns-menu';
 import {
@@ -20,9 +19,9 @@ import {
   solutionsMenuItems,
 } from './menu-items';
 import { SectionsMenu } from './sections-menu';
-import { NxCloudIcon } from '../nx-cloud-icon';
 import { AnnouncementBanner } from '../announcement-banner';
 import { DiscordIcon } from '../discord-icon';
+import { NxCloudIcon, NxIcon } from '@nx/nx-dev/ui-icons';
 
 function Menu({ tabs }: { tabs: any[] }): JSX.Element {
   return (
diff --git a/nx-dev/ui-common/src/lib/headers/header.tsx b/nx-dev/ui-common/src/lib/headers/header.tsx
index 57122048a3afe..090975b24fdd0 100644
--- a/nx-dev/ui-common/src/lib/headers/header.tsx
+++ b/nx-dev/ui-common/src/lib/headers/header.tsx
@@ -19,13 +19,11 @@ import {
   resourceMenuItems,
   solutionsMenuItems,
 } from './menu-items';
-import { NxIcon } from '../nx-icon';
-import { GitHubIcon } from '../github-icon';
 import { MobileMenuItem } from './mobile-menu-item';
 import { SectionsMenu } from './sections-menu';
 import { TwoColumnsMenu } from './two-columns-menu';
 import { AlgoliaSearch } from '@nx/nx-dev/feature-search';
-import { NxCloudIcon } from '../nx-cloud-icon';
+import { GitHubIcon, NxCloudIcon, NxIcon } from '@nx/nx-dev/ui-icons';
 
 export function Header(): JSX.Element {
   let [isOpen, setIsOpen] = useState(false);
@@ -46,9 +44,16 @@ export function Header(): JSX.Element {
   }, []);
 
   return (
-    <div className="relative inset-x-0 top-0 z-[5] flex print:hidden">
+    <div className="fixed inset-x-0 top-0 isolate z-[5] flex px-4 print:hidden">
+      <div
+        className="absolute inset-x-0 top-0 mx-auto h-20 max-w-7xl backdrop-blur"
+        style={{
+          maskImage:
+            'linear-gradient(to bottom, #000000 20%, transparent calc(100% - 20%))',
+        }}
+      />
       {/*DESKTOP*/}
-      <div className="mx-auto hidden w-full max-w-7xl items-center justify-between space-x-10 p-4 px-8 lg:flex">
+      <div className="mx-auto mt-2 hidden w-full max-w-7xl items-center justify-between space-x-10 rounded-xl border border-slate-200/40 bg-white/70 px-4 py-2 shadow-lg backdrop-blur-xl backdrop-saturate-150 lg:flex dark:border-slate-800/60 dark:bg-slate-950/40">
         {/*PRIMARY NAVIGATION*/}
         <div className="flex flex-shrink-0 text-sm">
           {/*LOGO*/}
@@ -243,7 +248,7 @@ export function Header(): JSX.Element {
               title="Log in to your Nx Cloud Account"
             >
               <NxCloudIcon className="h-4 w-4" aria-hidden="true" />
-              <span>Go to App</span>
+              <span>Go to app</span>
             </ButtonLink>
             <a
               title="Nx is open source, check the code on GitHub"
@@ -363,7 +368,7 @@ export function Header(): JSX.Element {
                           title="Log in to your Nx Cloud Account"
                           className="w-full"
                         >
-                          Go to App
+                          Go to app
                         </ButtonLink>
 
                         <div className="mt-4 divide-y divide-slate-200 border-b border-slate-200 dark:divide-slate-800 dark:border-slate-800">
diff --git a/nx-dev/ui-common/src/lib/headers/menu-items.ts b/nx-dev/ui-common/src/lib/headers/menu-items.ts
index 2358e73d05faf..0dd1a0933b6a3 100644
--- a/nx-dev/ui-common/src/lib/headers/menu-items.ts
+++ b/nx-dev/ui-common/src/lib/headers/menu-items.ts
@@ -15,10 +15,9 @@ import {
   GlobeAltIcon,
 } from '@heroicons/react/24/outline';
 import { FC, SVGProps } from 'react';
-import { NxAgentsIcon } from '../nx-agents-icon';
-import { NxReplayIcon } from '../nx-replay-icon';
 import { DiscordIcon } from '../discord-icon';
 import { BuildingOfficeIcon } from '@heroicons/react/24/solid';
+import { NxAgentsIcon, NxReplayIcon } from '@nx/nx-dev/ui-icons';
 
 export interface MenuItem {
   name: string;
diff --git a/nx-dev/ui-common/src/lib/logos/index.ts b/nx-dev/ui-common/src/lib/logos/index.ts
deleted file mode 100644
index 2c2927a5cd91d..0000000000000
--- a/nx-dev/ui-common/src/lib/logos/index.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-export * from './tanstack';
-export * from './lerna';
-export * from './angular';
-export * from './epic-web';
-export * from './7eleven';
-export * from './american-airlines';
-export * from './aws-amplify';
-export * from './bill';
-export * from './capital-one';
-export * from './caterpillar';
-export * from './cisco';
-export * from './fico';
-export * from './hilton';
-export * from './man';
-export * from './react-query';
-export * from './redwood-js';
-export * from './royal-bank-of-canada';
-export * from './shopify';
-export * from './storybook';
-export * from './vmware';
-export * from './wallmart';
-export * from './fedex';
-export * from './rxjs';
-export * from './sentry';
-export * from './mui';
-export * from './tide';
-export * from './adobe';
-export * from './intel';
-export * from './addidas';
-export * from './ikea';
-export * from './paramount';
-export * from './deloitte';
-export * from './vodafone';
-export * from './t-mobile';
-export * from './mail-chimp';
-export * from './moderna';
-export * from './click-up';
-export * from './sharp';
-export * from './red-bull';
-export * from './lego';
-export * from './philips';
-export * from './bloomberg';
-export * from './sainsburys';
-export * from './ukg';
-export * from './splice';
-export * from './dnb';
-export * from './hetzner-cloud';
-export * from './ghost';
-export * from './hasura';
-export * from './paylocity';
-export * from './varian';
-export * from './payfit';
-export * from './caseware';
-export * from './three-kit';
-export * from './cais-group';
-export * from './milliennium';
-export * from './entain';
-export * from './microsoft';
-export * from './strapi';
-export * from './cypress';
-export * from './builder-mitosis';
-export * from './electron';
-export * from './typescript-eslint';
-export * from './zipari';
diff --git a/nx-dev/ui-common/src/lib/nx-agents-icon.tsx b/nx-dev/ui-common/src/lib/nx-agents-icon.tsx
deleted file mode 100644
index aa0fb0e289eba..0000000000000
--- a/nx-dev/ui-common/src/lib/nx-agents-icon.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { FC, SVGProps } from 'react';
-
-export const NxAgentsIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
-  <svg
-    role="img"
-    viewBox="0 0 24 24"
-    xmlns="http://www.w3.org/2000/svg"
-    stroke="currentColor"
-    fill="none"
-    {...props}
-  >
-    <path
-      strokeLinejoin="round"
-      d="M21 12.5h-4m4 0a1 1 0 1 0 2 0 1 1 0 0 0-2 0Zm-2 8h-5v-3m5 3a1 1 0 1 0 2 0 1 1 0 0 0-2 0Zm-16-8h4m-4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2 8h5v-3m-5 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm0-17h5v4m-5-4a1 1 0 1 0-2 0 1 1 0 0 0 2 0Zm14 0h-5v4m5-4a1 1 0 1 1 2 0 1 1 0 0 1-2 0Zm-3 14H8a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1Zm-5-8h2l-.667 1.875L14 11.346 11.333 15.5l.334-2.77H10l1-3.23Z"
-    />
-  </svg>
-);
diff --git a/nx-dev/ui-common/src/lib/nx-cloud-icon.tsx b/nx-dev/ui-common/src/lib/nx-cloud-icon.tsx
deleted file mode 100644
index 805e0fb0cff41..0000000000000
--- a/nx-dev/ui-common/src/lib/nx-cloud-icon.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { FC, SVGProps } from 'react';
-
-export const NxCloudIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
-  <svg
-    role="img"
-    xmlns="http://www.w3.org/2000/svg"
-    stroke="currentColor"
-    fill="transparent"
-    viewBox="0 0 24 24"
-    {...props}
-  >
-    <path
-      d="M22.167 7.167v-2.5a2.5 2.5 0 0 0-2.5-2.5h-15a2.5 2.5 0 0 0-2.5 2.5v15a2.5 2.5 0 0 0 2.5 2.5h2.5m15-15c-2.76 0-5 2.24-5 5s-2.24 5-5 5-5 2.24-5 5m15-15V19.59a2.577 2.577 0 0 1-2.576 2.576H7.167"
-      strokeWidth="2"
-    />
-  </svg>
-);
diff --git a/nx-dev/ui-common/src/lib/nx-icon.tsx b/nx-dev/ui-common/src/lib/nx-icon.tsx
deleted file mode 100644
index 82016c53cd873..0000000000000
--- a/nx-dev/ui-common/src/lib/nx-icon.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { FC, SVGProps } from 'react';
-
-export const NxIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
-  <svg
-    role="img"
-    viewBox="0 0 24 24"
-    xmlns="http://www.w3.org/2000/svg"
-    fill="currentColor"
-    {...props}
-  >
-    <title>Nx</title>
-    <path d="m12 14.1-3.1 5-5.2-8.5v8.9H0v-15h3.7l5.2 8.9v-4l3 4.7zm.6-5.7V4.5H8.9v3.9h3.7zm5.6 4.1a2 2 0 0 0-2 1.3 2 2 0 0 1 2.4-.7c.4.2 1 .4 1.3.3a2.1 2.1 0 0 0-1.7-.9zm3.4 1c-.4 0-.8-.2-1.1-.6l-.2-.3a2.1 2.1 0 0 0-.5-.6 2 2 0 0 0-1.2-.3 2.5 2.5 0 0 0-2.3 1.5 2.3 2.3 0 0 1 4 .4.8.8 0 0 0 .9.3c.5 0 .4.4 1.2.5v-.1c0-.4-.3-.5-.8-.7zm2 1.3a.7.7 0 0 0 .4-.6c0-3-2.4-5.5-5.4-5.5a5.4 5.4 0 0 0-4.5 2.4l-1.5-2.4H8.9l3.5 5.4L9 19.5h3.6L14 17l1.6 2.4h3.5l-3.1-5a.7.7 0 0 1 0-.3 2.7 2.7 0 0 1 2.6-2.7c1.5 0 1.7.9 2 1.3.7.8 2 .5 2 1.5a.7.7 0 0 0 1 .6zm.4.2c-.2.3-.6.3-.8.6-.1.3.1.4.1.4s.4.2.6-.3V15z" />
-  </svg>
-);
diff --git a/nx-dev/ui-common/src/lib/nx-replay-icon.tsx b/nx-dev/ui-common/src/lib/nx-replay-icon.tsx
deleted file mode 100644
index 097ac26e8a184..0000000000000
--- a/nx-dev/ui-common/src/lib/nx-replay-icon.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { FC, SVGProps } from 'react';
-
-export const NxReplayIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
-  <svg
-    role="img"
-    viewBox="0 0 24 24"
-    xmlns="http://www.w3.org/2000/svg"
-    stroke="currentColor"
-    fill="none"
-    {...props}
-  >
-    <path
-      strokeLinecap="round"
-      d="m8.625 2.621-.014.004c-.317.09-.622.22-.907.387m4.796-.965-.014-.002a3.958 3.958 0 0 0-.986.002m3.875.574.014.004c.317.09.622.22.907.387m-.92 18.367.013-.004c.317-.09.622-.22.907-.387m-4.796.965.014.002c.328.04.659.04.986-.002m-3.875-.574-.014-.004a3.96 3.96 0 0 1-.907-.387M21.38 8.625l-.004-.014a3.96 3.96 0 0 0-.387-.907m.965 4.796.002-.014c.04-.328.04-.659-.002-.986m-.574 3.875-.004.014a3.96 3.96 0 0 1-.387.907m-18.367-.92.004.013c.09.317.22.622.387.907M2.047 11.5l-.002.014c-.04.328-.04.659.002.986m.574-3.875.004-.014c.09-.317.22-.622.387-.907M7.5 10.516h9m-9 0a1.5 1.5 0 0 1 0-3h9a1.5 1.5 0 0 1 0 3m-9 0a1.5 1.5 0 0 0 0 3m9-3a1.5 1.5 0 0 1 0 3m-6.412-4.5h.01m-1.883 0h.01m-.725 4.5h9m-9 0a1.5 1.5 0 0 0 0 3h9a1.5 1.5 0 0 0 0-3m-6.412-1.5h.01m-1.883 0h.01m1.863 3h.01m-1.883 0h.01M3 4.516a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Zm15 0a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Zm-15 15a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Zm15 0a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Z"
-    />
-  </svg>
-);
diff --git a/nx-dev/ui-common/src/lib/section-tags.tsx b/nx-dev/ui-common/src/lib/section-tags.tsx
deleted file mode 100644
index a66160563b4a2..0000000000000
--- a/nx-dev/ui-common/src/lib/section-tags.tsx
+++ /dev/null
@@ -1,61 +0,0 @@
-import { cx } from '@nx/nx-dev/ui-primitives';
-import { ElementType, ReactNode } from 'react';
-
-type AllowedVariants = 'title' | 'display' | 'subtitle';
-
-type Headings = {
-  as: ElementType;
-  className?: string;
-  children: ReactNode | ReactNode[];
-  id?: string;
-  variant: AllowedVariants;
-};
-
-type Description = {
-  as: ElementType;
-  className?: string;
-  children: ReactNode | ReactNode[];
-  id?: string;
-};
-
-const variants: Record<AllowedVariants, string> = {
-  title:
-    'text-3xl font-medium tracking-tight text-slate-950 dark:text-white sm:text-5xl',
-  display:
-    'text-4xl font-medium tracking-tight text-slate-950 dark:text-white sm:text-7xl',
-  subtitle: 'text-lg leading-8 text-slate-700 dark:text-slate-300 sm:text-2xl',
-};
-
-// TODO(nicholas): Replace `typography.tsx` with this file after ensuring all components are using the new `SectionHeading` and `SectionDescription` components.
-// Also remove the entry from tsconfig.base.json for this file.
-export function SectionHeading({
-  as = 'div',
-  children,
-  className,
-  variant,
-  ...rest
-}: Headings): JSX.Element {
-  const Tag = as;
-  return (
-    <Tag className={cx(variants[variant], className)} {...rest}>
-      {children}
-    </Tag>
-  );
-}
-
-export function SectionDescription({
-  as = 'div',
-  children,
-  className,
-  ...rest
-}: Description): JSX.Element {
-  const Tag = as;
-  return (
-    <Tag
-      className={cx('text-slate-700 dark:text-slate-400', className)}
-      {...rest}
-    >
-      {children}
-    </Tag>
-  );
-}
diff --git a/nx-dev/ui-common/src/lib/sidebar.tsx b/nx-dev/ui-common/src/lib/sidebar.tsx
index 8c1aa82f969ca..c09b7819d43d7 100644
--- a/nx-dev/ui-common/src/lib/sidebar.tsx
+++ b/nx-dev/ui-common/src/lib/sidebar.tsx
@@ -7,7 +7,7 @@ import cx from 'classnames';
 import Link from 'next/link';
 import { useRouter } from 'next/router';
 import { createRef, Fragment, useCallback, useEffect, useState } from 'react';
-import { NxIcon } from './nx-icon';
+import { NxIcon } from '@nx/nx-dev/ui-icons';
 
 export interface SidebarProps {
   menu: Menu;
diff --git a/nx-dev/ui-common/src/lib/typography.tsx b/nx-dev/ui-common/src/lib/typography.tsx
index ac9404413f7b5..99bfb1c8c20a9 100644
--- a/nx-dev/ui-common/src/lib/typography.tsx
+++ b/nx-dev/ui-common/src/lib/typography.tsx
@@ -1,20 +1,30 @@
-import cx from 'classnames';
-import { ElementType, ReactNode } from 'react';
+import { cx } from '@nx/nx-dev/ui-primitives';
+import Link from 'next/link';
+import { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';
 
-type AllowedVariants = 'title' | 'display';
+type AllowedVariants = 'title' | 'display' | 'subtitle';
 
 type Headings = {
   as: ElementType;
   className?: string;
   children: ReactNode | ReactNode[];
   id?: string;
-  variant: 'title' | 'display';
+  variant: AllowedVariants;
+};
+
+type Description = {
+  as: ElementType;
+  className?: string;
+  children: ReactNode | ReactNode[];
+  id?: string;
 };
 
 const variants: Record<AllowedVariants, string> = {
-  title: 'text-lg font-semibold tracking-tight text-blue-500 dark:text-sky-500',
+  title:
+    'text-3xl font-bold tracking-tight text-slate-950 dark:text-white sm:text-5xl',
   display:
-    'text-3xl font-semibold tracking-tight text-slate-900 dark:text-slate-100 sm:text-5xl',
+    'text-4xl font-medium tracking-tight text-slate-950 dark:text-white sm:text-8xl',
+  subtitle: 'text-lg leading-8 text-slate-700 dark:text-slate-300 sm:text-2xl',
 };
 
 export function SectionHeading({
@@ -31,3 +41,84 @@ export function SectionHeading({
     </Tag>
   );
 }
+
+export function SectionDescription({
+  as = 'div',
+  children,
+  className,
+  ...rest
+}: Description): JSX.Element {
+  const Tag = as;
+  return (
+    <Tag
+      className={cx('text-slate-700 dark:text-slate-400', className)}
+      {...rest}
+    >
+      {children}
+    </Tag>
+  );
+}
+
+// TODO: add external link support with `<a>` only.
+/**
+ * Use `<Link>` from NextJs to create an internal link between screens.
+ * Set `prefetch` to `false` by default.
+ * @param className
+ * @param props
+ */
+export function TextLink({
+  className,
+  ...props
+}: ComponentPropsWithoutRef<typeof Link>) {
+  return (
+    <Link
+      prefetch={false}
+      {...props}
+      className={cx(
+        className,
+        'font-bold text-blue-600 underline decoration-blue-600/50 transition hover:text-black hover:decoration-blue-600 dark:text-sky-500 dark:decoration-sky-500/50 dark:hover:text-white dark:hover:decoration-sky-500'
+      )}
+    />
+  );
+}
+export function TextLinkHighlight({
+  className,
+  ...props
+}: ComponentPropsWithoutRef<typeof Link>) {
+  return (
+    <Link
+      {...props}
+      className={cx(
+        className,
+        'rounded bg-black px-1 py-0.5 font-bold text-white transition hover:bg-blue-600 dark:bg-white dark:text-black dark:hover:bg-sky-500'
+      )}
+    />
+  );
+}
+
+export function Strong({
+  className,
+  ...props
+}: ComponentPropsWithoutRef<'strong'>) {
+  return (
+    <strong
+      {...props}
+      className={cx(className, 'font-bold text-slate-950 dark:text-slate-100')}
+    />
+  );
+}
+
+export function Code({
+  className,
+  ...props
+}: React.ComponentPropsWithoutRef<'code'>) {
+  return (
+    <code
+      {...props}
+      className={cx(
+        className,
+        'rounded border border-slate-950/10 bg-slate-950/[2.5%] px-0.5 text-sm font-medium text-slate-950 sm:text-[0.8125rem] dark:border-white/20 dark:bg-white/5 dark:text-white'
+      )}
+    />
+  );
+}
diff --git a/nx-dev/ui-community/src/lib/connect-with-us.tsx b/nx-dev/ui-community/src/lib/connect-with-us.tsx
index f7a42efb28777..6301ea9a48726 100644
--- a/nx-dev/ui-community/src/lib/connect-with-us.tsx
+++ b/nx-dev/ui-community/src/lib/connect-with-us.tsx
@@ -10,7 +10,7 @@ export function ConnectWithUs(): JSX.Element {
     >
       <header className="space-y-10 md:py-12 lg:w-5/12 xl:w-5/12">
         <div>
-          <SectionHeading as="h1" variant="display" id="connect-with-us">
+          <SectionHeading as="h1" variant="title" id="connect-with-us">
             Let's connect together!
           </SectionHeading>
           <p className="mt-4">
diff --git a/nx-dev/ui-company/src/lib/co-founders.tsx b/nx-dev/ui-company/src/lib/co-founders.tsx
index 1a17dcbf107bd..a0a33f9caa4a7 100644
--- a/nx-dev/ui-company/src/lib/co-founders.tsx
+++ b/nx-dev/ui-company/src/lib/co-founders.tsx
@@ -1,4 +1,4 @@
-import { SectionHeading } from '@nx/nx-dev/ui-common/src/lib/section-tags';
+import { SectionHeading } from '@nx/nx-dev/ui-common';
 import { XIcon } from '@nx/nx-dev/ui-common';
 
 const coFounders = [
diff --git a/nx-dev/ui-company/src/lib/hero.tsx b/nx-dev/ui-company/src/lib/hero.tsx
index 048101b57068c..2adb9869b52d3 100644
--- a/nx-dev/ui-company/src/lib/hero.tsx
+++ b/nx-dev/ui-company/src/lib/hero.tsx
@@ -1,4 +1,4 @@
-import { SectionHeading } from '@nx/nx-dev/ui-common/src/lib/section-tags';
+import { SectionHeading } from '@nx/nx-dev/ui-common';
 import {
   GlobeAltIcon,
   TrophyIcon,
diff --git a/nx-dev/ui-company/src/lib/the-team.tsx b/nx-dev/ui-company/src/lib/the-team.tsx
index 8b58035183348..ffa514e93ca6e 100644
--- a/nx-dev/ui-company/src/lib/the-team.tsx
+++ b/nx-dev/ui-company/src/lib/the-team.tsx
@@ -1,4 +1,4 @@
-import { SectionHeading } from '@nx/nx-dev/ui-common/src/lib/section-tags';
+import { SectionHeading } from '@nx/nx-dev/ui-common';
 
 const teamMembers = [
   {
diff --git a/nx-dev/ui-customers/src/lib/enterprise-customers.tsx b/nx-dev/ui-customers/src/lib/enterprise-customers.tsx
index 0df793eb2a635..b2763c037e12f 100644
--- a/nx-dev/ui-customers/src/lib/enterprise-customers.tsx
+++ b/nx-dev/ui-customers/src/lib/enterprise-customers.tsx
@@ -1,52 +1,49 @@
 import {
-  ManIcon,
-  VmwareIcon,
-  SevenElevenIcon,
-  AwsAmplifyIcon,
-  CapitalOneIcon,
-  ShopifyIcon,
+  AdidasIcon,
+  AdobeIcon,
   AmericanAirlinesIcon,
-  CiscoIcon,
+  BillIcon,
+  BloombergIcon,
+  CaisGroupIcon,
+  CapitalOneIcon,
+  CasewareIcon,
   CaterpillarIcon,
+  CiscoIcon,
+  ClickUpIcon,
+  DeloitteIcon,
+  DnbIcon,
+  EntainIcon,
+  FedExIcon,
   FicoIcon,
+  HasuraIcon,
+  HetznerCloudIcon,
   HiltonIcon,
-  FedExIcon,
-  ParamountIcon,
-  AdobeIcon,
-  AddidasIcon,
-  IntelIcon,
   IkeaIcon,
-  DeloitteIcon,
-  VodafoneIcon,
-  TMobileIcon,
+  IntelIcon,
+  LegoIcon,
   MailChimpIcon,
+  ManIcon,
+  MillienniumIcon,
   ModernaIcon,
-  ClickUpIcon,
-  SharpIcon,
-  RedBullIcon,
-  LegoIcon,
+  ParamountIcon,
+  PayfitIcon,
+  PaylocityIcon,
   PhilipsIcon,
-  BloombergIcon,
+  RedBullIcon,
+  RoyalBankOfCanadaIcon,
   SainsburysIcon,
+  SevenElevenIcon,
+  SharpIcon,
+  SpliceIcon,
+  ThreeKitIcon,
   TideIcon,
+  TMobileIcon,
   UkgIcon,
-  SpliceIcon,
-  DnbIcon,
-  HetznerCloudIcon,
-  GhostIcon,
-  HasuraIcon,
-  PaylocityIcon,
   VarianIcon,
-  PayfitIcon,
-  CasewareIcon,
-  ThreeKitIcon,
-  CaisGroupIcon,
-  MillienniumIcon,
-  EntainIcon,
+  VmwareIcon,
+  VodafoneIcon,
   ZipariIcon,
-  BillIcon,
-  RoyalBankOfCanadaIcon,
-} from '@nx/nx-dev/ui-common';
+} from '@nx/nx-dev/ui-icons';
 
 export function EnterpriseCustomers(): JSX.Element {
   return (
@@ -173,7 +170,7 @@ export function EnterpriseCustomers(): JSX.Element {
               target="_blank"
               className="flex items-center justify-center border-x border-b border-slate-200/20 p-12 transition hover:bg-slate-100/20 hover:text-slate-950 dark:border-slate-800/20 dark:hover:border-slate-600/20 dark:hover:bg-slate-600/10 dark:hover:text-white"
             >
-              <AddidasIcon aria-hidden="true" className="h-14 w-14" />
+              <AdidasIcon aria-hidden="true" className="h-14 w-14" />
             </a>
             <a
               href="https://www.intel.com"
diff --git a/nx-dev/ui-customers/src/lib/hero.tsx b/nx-dev/ui-customers/src/lib/hero.tsx
index 0e10759394081..208fee8d81fc7 100644
--- a/nx-dev/ui-customers/src/lib/hero.tsx
+++ b/nx-dev/ui-customers/src/lib/hero.tsx
@@ -1,5 +1,4 @@
-import { SectionHeading } from '@nx/nx-dev/ui-common/src/lib/section-tags';
-import { ButtonLink } from '@nx/nx-dev/ui-common';
+import { ButtonLink, SectionHeading } from '@nx/nx-dev/ui-common';
 
 export function Hero(): JSX.Element {
   return (
@@ -19,8 +18,8 @@ export function Hero(): JSX.Element {
           <div className="mt-16 flex items-center justify-center gap-x-6">
             <ButtonLink
               href="/contact"
-              variant="primary"
-              size="large"
+              variant="contrast"
+              size="default"
               title="Join us"
             >
               Reach out
@@ -29,7 +28,7 @@ export function Hero(): JSX.Element {
             <a
               title="Live demo"
               href="https://staging.nx.app/orgs/62d013d4d26f260059f7765e/workspaces/62d013ea0852fe0a2df74438/overview"
-              className="group text-sm font-semibold leading-6 text-slate-950 dark:text-white"
+              className="group font-semibold leading-6 text-slate-950 dark:text-white"
             >
               Live demo{' '}
               <span
diff --git a/nx-dev/ui-customers/src/lib/oss-projects.tsx b/nx-dev/ui-customers/src/lib/oss-projects.tsx
index 801004ca98e34..aa03f35ee87c0 100644
--- a/nx-dev/ui-customers/src/lib/oss-projects.tsx
+++ b/nx-dev/ui-customers/src/lib/oss-projects.tsx
@@ -1,28 +1,28 @@
-import { SectionHeading } from '@nx/nx-dev/ui-common/src/lib/section-tags';
+import { SectionHeading } from '@nx/nx-dev/ui-common';
 import {
-  TanstackIcon,
-  LernaIcon,
+  AwsAmplifyIcon,
+  CypressIcon,
+  ElectronIcon,
   EpicWebIcon,
+  GhostIcon,
+  LernaIcon,
+  MicrosoftIcon,
+  MuiIcon,
   RedwoodJsIcon,
-  StorybookIcon,
   RxJSIcon,
   SentryIcon,
-  MuiIcon,
-  AwsAmplifyIcon,
   ShopifyIcon,
-  GhostIcon,
-  TypescriptEslintIcon,
-  CypressIcon,
-  MicrosoftIcon,
-  ElectronIcon,
+  StorybookIcon,
   StrapiIcon,
-} from '@nx/nx-dev/ui-common';
+  TanstackIcon,
+  TypescriptEslintIcon,
+} from '@nx/nx-dev/ui-icons';
 
 export function OssProjects(): JSX.Element {
   return (
     <section>
       <div className="mx-auto max-w-7xl text-center">
-        <SectionHeading as="h2" variant="subtitle">
+        <SectionHeading as="h2" variant="subtitle" id="popular-oss">
           Popular OSS projects using Nx
         </SectionHeading>
 
@@ -74,7 +74,6 @@ export function OssProjects(): JSX.Element {
               target="_blank"
               className="flex items-center justify-center border-b border-slate-200/20 p-12 transition hover:bg-slate-100/25 hover:text-slate-950 dark:border-slate-800/20 dark:hover:border-slate-600/20 dark:hover:bg-slate-600/10 dark:hover:text-white"
             >
-              {' '}
               <RxJSIcon aria-hidden="true" className="h-12 w-12" />
             </a>
             <a
@@ -110,7 +109,6 @@ export function OssProjects(): JSX.Element {
             >
               <ShopifyIcon aria-hidden="true" className="h-12 w-12" />
             </a>
-
             <a
               href="https://github.com/electron/forge"
               rel="noreferrer"
diff --git a/nx-dev/ui-enterprise/src/lib/metrics-and-customers.tsx b/nx-dev/ui-enterprise/src/lib/metrics-and-customers.tsx
index 295aa9fe41283..c56dc3b82a251 100644
--- a/nx-dev/ui-enterprise/src/lib/metrics-and-customers.tsx
+++ b/nx-dev/ui-enterprise/src/lib/metrics-and-customers.tsx
@@ -13,7 +13,7 @@ import {
   ShopifyIcon,
   StorybookIcon,
   VmwareIcon,
-} from '@nx/nx-dev/ui-common';
+} from '@nx/nx-dev/ui-icons';
 
 export function MetricsAndCustomers(): JSX.Element {
   const downloadElement: Variants = {
diff --git a/nx-dev/ui-enterprise/src/lib/scale-ci-and-teams.tsx b/nx-dev/ui-enterprise/src/lib/scale-ci-and-teams.tsx
index 41bb8fc30ebdc..12d332d8fcc35 100644
--- a/nx-dev/ui-enterprise/src/lib/scale-ci-and-teams.tsx
+++ b/nx-dev/ui-enterprise/src/lib/scale-ci-and-teams.tsx
@@ -1,9 +1,6 @@
-import { BoltIcon, UserGroupIcon } from '@heroicons/react/24/outline';
-import {
-  NxAgentsIcon,
-  NxReplayIcon,
-  SectionHeading,
-} from '@nx/nx-dev/ui-common';
+import { BoltIcon } from '@heroicons/react/24/outline';
+import { SectionHeading } from '@nx/nx-dev/ui-common';
+import { NxAgentsIcon, NxReplayIcon } from '@nx/nx-dev/ui-icons';
 
 const features = [
   {
diff --git a/nx-dev/ui-enterprise/src/lib/trusted-by.tsx b/nx-dev/ui-enterprise/src/lib/trusted-by.tsx
index 5a8e2f3a92456..d44d0d6c9cacd 100644
--- a/nx-dev/ui-enterprise/src/lib/trusted-by.tsx
+++ b/nx-dev/ui-enterprise/src/lib/trusted-by.tsx
@@ -14,7 +14,7 @@ import {
   ShopifyIcon,
   StorybookIcon,
   VmwareIcon,
-} from '@nx/nx-dev/ui-common';
+} from '@nx/nx-dev/ui-icons';
 import { motion } from 'framer-motion';
 
 export function TrustedBy(): JSX.Element {
diff --git a/nx-dev/ui-fence/src/lib/fence.tsx b/nx-dev/ui-fence/src/lib/fence.tsx
index bdf7187121593..8f75a26b1a0ed 100644
--- a/nx-dev/ui-fence/src/lib/fence.tsx
+++ b/nx-dev/ui-fence/src/lib/fence.tsx
@@ -28,18 +28,25 @@ function resolveLanguage(lang: string) {
 function CodeWrapper(options: {
   fileName: string;
   command: string;
+  title: string;
   path: string;
   language: string;
   children: string; // intentionally typed as such
 }): ({ children }: { children: ReactNode }) => JSX.Element {
   return ({ children }: { children: ReactNode }) =>
     options.language === 'shell' ? (
-      <TerminalOutput command={options.children} path="" content={null} />
+      <TerminalOutput
+        command={options.children}
+        path=""
+        title={options.title}
+        content={null}
+      />
     ) : options.command ? (
       <TerminalOutput
         content={children}
         command={options.command}
         path={options.path}
+        title={options.title}
       />
     ) : (
       <CodeOutput content={children} fileName={options.fileName} />
@@ -75,6 +82,7 @@ function processHighlightLines(highlightLines: any): number[] {
 export interface FenceProps {
   children: string;
   command: string;
+  title: string;
   path: string;
   fileName: string;
   highlightLines: number[];
@@ -89,6 +97,7 @@ export interface FenceProps {
 export function Fence({
   children,
   command,
+  title,
   path,
   fileName,
   lineGroups,
@@ -206,6 +215,7 @@ export function Fence({
           PreTag={CodeWrapper({
             fileName,
             command,
+            title,
             path,
             language,
             children,
diff --git a/nx-dev/ui-fence/src/lib/fences/terminal-output.tsx b/nx-dev/ui-fence/src/lib/fences/terminal-output.tsx
index d001690788d42..4c90a08d9e321 100644
--- a/nx-dev/ui-fence/src/lib/fences/terminal-output.tsx
+++ b/nx-dev/ui-fence/src/lib/fences/terminal-output.tsx
@@ -4,17 +4,19 @@ import { TerminalShellWrapper } from './terminal-shell';
 export function TerminalOutput({
   content,
   command,
+  title,
   path,
   actionElement,
 }: {
   content: ReactNode;
   command: string;
+  title?: string;
   path: string;
   actionElement?: ReactNode;
 }): JSX.Element {
   const commandLines = command.split('\n').filter(Boolean);
   return (
-    <TerminalShellWrapper>
+    <TerminalShellWrapper title={title}>
       <div className="overflow-x-auto p-4 pt-2">
         <div className="items-left relative flex flex-col">
           {commandLines.map((line, index) => {
diff --git a/nx-dev/ui-fence/src/lib/fences/terminal-shell.tsx b/nx-dev/ui-fence/src/lib/fences/terminal-shell.tsx
index bc52795e5e1ce..b7b15fbd0177f 100644
--- a/nx-dev/ui-fence/src/lib/fences/terminal-shell.tsx
+++ b/nx-dev/ui-fence/src/lib/fences/terminal-shell.tsx
@@ -1,8 +1,10 @@
 import { JSX, ReactNode } from 'react';
 
 export function TerminalShellWrapper({
+  title,
   children,
 }: {
+  title?: string;
   children: ReactNode;
 }): JSX.Element {
   return (
@@ -13,7 +15,7 @@ export function TerminalShellWrapper({
           <span className="h-2 w-2 rounded-full bg-yellow-400 dark:bg-yellow-600" />
           <span className="h-2 w-2 rounded-full bg-green-400 dark:bg-green-600" />
         </div>
-        <span className="h-5"></span>
+        <span className="h-5">{title}</span>
       </div>
       {children}
     </div>
diff --git a/nx-dev/ui-home/src/index.ts b/nx-dev/ui-home/src/index.ts
index cfc8fee3fb23e..7f7e9205d9ae8 100644
--- a/nx-dev/ui-home/src/index.ts
+++ b/nx-dev/ui-home/src/index.ts
@@ -1,13 +1,7 @@
-export * from './lib/extensible-and-integrated';
-export * from './lib/getting-started';
+export * from './lib/ci-for-monorepos';
 export * from './lib/hero';
-export * from './lib/improve-worst-ci-case';
-export * from './lib/logo-cloud';
-export * from './lib/migrate';
-export * from './lib/migrations-and-code-generation';
-export * from './lib/monorepo-styles';
-export * from './lib/newsletter';
-export * from './lib/nx-statistics';
-export * from './lib/nx-with-ci';
-export * from './lib/testimonials';
-export * from './lib/why-is-nx-fast';
+export * from './lib/smarter-tools-for-monorepos';
+export * from './lib/statistics';
+export * from './lib/team-and-community';
+export * from './lib/trusted-by';
+export * from './lib/work-better-achieve-more-ship-quicker';
diff --git a/nx-dev/ui-home/src/lib/ci-for-monorepos.tsx b/nx-dev/ui-home/src/lib/ci-for-monorepos.tsx
new file mode 100644
index 0000000000000..10566a827768f
--- /dev/null
+++ b/nx-dev/ui-home/src/lib/ci-for-monorepos.tsx
@@ -0,0 +1,464 @@
+import { Dialog, Transition } from '@headlessui/react';
+import { PlayIcon } from '@heroicons/react/24/outline';
+import { cx } from '@nx/nx-dev/ui-primitives';
+import { motion } from 'framer-motion';
+import Image from 'next/image';
+import Link from 'next/link';
+import { ComponentProps, Fragment, ReactNode, useState } from 'react';
+import {
+  ButtonLink,
+  SectionHeading,
+  Strong,
+  TextLink,
+} from '@nx/nx-dev/ui-common';
+import { AnimateValue, Marquee } from '@nx/nx-dev/ui-animations';
+import {
+  AzureDevOpsIcon,
+  BitbucketIcon,
+  GitHubIcon,
+  GitlabIcon,
+  JenkinsIcon,
+  TravisCiIcon,
+} from '@nx/nx-dev/ui-icons';
+
+export function CiForMonorepos(): JSX.Element {
+  return (
+    <section className="bg-slate-50 py-32 shadow-inner sm:py-40 dark:bg-slate-900">
+      <article className="mx-auto max-w-7xl px-6 lg:px-8">
+        <div className="max-w-5xl">
+          <SectionHeading
+            as="h2"
+            variant="title"
+            id="ci-for-monorepos"
+            className="scroll-mt-24"
+          >
+            Finally! CI that works for monorepos.
+          </SectionHeading>
+          <SectionHeading as="p" variant="subtitle" className="mt-6">
+            Current CI systems are <Strong>slow</Strong>,{' '}
+            <Strong>hard to maintain and unreliable</Strong>. With Nx Cloud, we
+            introduce an{' '}
+            <TextLink
+              href="/blog/reliable-ci-a-new-execution-model-fixing-both-flakiness-and-slowness?utm_source=homepage&utm_medium=website&utm_campaign=homepage_links&utm_content=cta_ci_for_monorepos"
+              title="Task-based CI by Nx"
+            >
+              innovative task-based approach
+            </TextLink>{' '}
+            to making CI for monorepos not just <Strong>fast</Strong>, but also{' '}
+            <Strong>cost-efficient</Strong>. It plugs right into your existing
+            CI setup, enabling features such as{' '}
+            <TextLink
+              href="/ci/features/remote-cache?utm_source=homepage&utm_medium=website&utm_campaign=homepage_links&utm_content=cta_ci_for_monorepos"
+              title="Remote caching with Nx Replay"
+            >
+              remote caching
+            </TextLink>
+            ,{' '}
+            <TextLink
+              href="/ci/features/distribute-task-execution?utm_source=homepage&utm_medium=website&utm_campaign=homepage_links&utm_content=cta_ci_for_monorepos"
+              title="Distribute task execution with Nx Agents "
+            >
+              dynamically allocating machines to distribute tasks
+            </TextLink>
+            , providing{' '}
+            <TextLink
+              href="/ci/features/split-e2e-tasks?utm_source=homepage&utm_medium=website&utm_campaign=homepage_links&utm_content=cta_ci_for_monorepos"
+              title="E2E test splitting with Atomizer"
+            >
+              fine-grained e2e test splitting
+            </TextLink>{' '}
+            and{' '}
+            <TextLink
+              href="/ci/features/flaky-tasks?utm_source=homepage&utm_medium=website&utm_campaign=homepage_links&utm_content=cta_ci_for_monorepos"
+              title="Flakiness detection with Nx"
+            >
+              automated flakiness detection
+            </TextLink>
+            . <Strong>All with a single line of code!</Strong>
+          </SectionHeading>
+        </div>
+        <div className="mt-24 grid grid-cols-1 gap-4 lg:grid-cols-12">
+          <ApplicationCard />
+          <div className="col-span-1 grid grid-cols-2 gap-4 lg:col-span-8 lg:grid-cols-2">
+            <ProjectsCreatedEveryMonth />
+            <HalveYouBill />
+            <IntegratesToYouCurrentCiProvider />
+          </div>
+        </div>
+      </article>
+    </section>
+  );
+}
+
+export const Card = ({
+  className,
+  children,
+}: {
+  className?: string;
+  children?: ReactNode;
+}) => {
+  return (
+    <div
+      className={cx(
+        'relative h-full w-full overflow-hidden rounded-2xl border border-slate-100 bg-white p-6 dark:border-slate-800/60 dark:bg-slate-950',
+        className
+      )}
+    >
+      {children}
+    </div>
+  );
+};
+
+export const PulseLine = () => {
+  return (
+    <span className="absolute left-0 top-1/2 h-48 w-[1px] -translate-y-1/2 animate-pulse bg-gradient-to-b from-blue-500/0 via-blue-400 to-blue-500/0" />
+  );
+};
+
+export const CornerBlur = () => (
+  <div className="absolute bottom-0 left-0 z-0 size-72 -translate-x-1/2 translate-y-1/2 rounded-full bg-slate-50 blur-2xl dark:bg-slate-900" />
+);
+
+export const ApplicationCard = () => {
+  const [isOpen, setIsOpen] = useState(false);
+  return (
+    <div className="col-span-1 h-[600px] lg:col-span-4 lg:h-[600px]">
+      <Card>
+        <PulseLine />
+        <CornerBlur />
+        <p className="text-2xl text-slate-900 dark:text-slate-100">
+          Powerful and elegant UI
+        </p>
+        <p className="mt-2 text-slate-600 dark:text-slate-400">
+          CI application build for monorepos, so you can quickly find what
+          failed, debug and move on.
+        </p>
+        <div className="mt-10 flex items-center justify-center gap-x-6">
+          <a
+            href="https://staging.nx.app/orgs/62d013d4d26f260059f7765e/workspaces/62d013ea0852fe0a2df74438/overview??utm_source=homepage&utm_medium=website&utm_campaign=homepage_links&utm_content=cta_ci_for_monorepos_live_demo"
+            target="_blank"
+            rel="noopener"
+            title="See Nx Cloud live demo"
+            className="group font-semibold leading-6 text-slate-950 dark:text-white"
+          >
+            View a live demo{' '}
+            <span
+              aria-hidden="true"
+              className="inline-block transition group-hover:translate-x-1"
+            >
+              →
+            </span>
+          </a>
+        </div>
+        <picture className="absolute bottom-0 left-4 h-[345px] w-full overflow-hidden rounded-xl border border-slate-200 dark:bg-slate-800">
+          <Image
+            src="/images/home/nx-app-dashboard.avif"
+            alt="App screenshot: overview"
+            width={534}
+            height={370}
+            loading={'eager'}
+            priority={true}
+            unoptimized
+            className="h-full w-full object-cover object-left-top"
+          />
+          <div className="absolute inset-0 z-10 grid h-full w-full items-center justify-center">
+            <PlayButton onClick={() => setIsOpen(true)} />
+          </div>
+        </picture>
+      </Card>
+      {/*MODAL*/}
+      <Transition appear show={isOpen} as={Fragment}>
+        <Dialog
+          as="div"
+          open={isOpen}
+          onClose={() => setIsOpen(false)}
+          className="relative z-10"
+        >
+          <Transition.Child
+            as={Fragment}
+            enter="ease-out duration-300"
+            enterFrom="opacity-0"
+            enterTo="opacity-100"
+            leave="ease-in duration-200"
+            leaveFrom="opacity-100"
+            leaveTo="opacity-0"
+          >
+            <div className="fixed inset-0 bg-black/25 backdrop-blur-sm" />
+          </Transition.Child>
+          <div className="fixed inset-0 overflow-y-auto">
+            <div className="flex min-h-full items-center justify-center p-4 text-center">
+              <Transition.Child
+                as={Fragment}
+                enter="ease-out duration-300"
+                enterFrom="opacity-0 scale-95"
+                enterTo="opacity-100 scale-100"
+                leave="ease-in duration-200"
+                leaveFrom="opacity-100 scale-100"
+                leaveTo="opacity-0 scale-95"
+              >
+                <Dialog.Panel className="relative w-auto transform overflow-hidden rounded-2xl border border-slate-600 text-left align-middle shadow-xl transition-all focus:outline-none dark:border-slate-800">
+                  <iframe
+                    width="812"
+                    height="468"
+                    src="https://www.youtube.com/embed/4VI-q943J3o?si=3tR-EkCKLfLvHYzL"
+                    title="YouTube video player"
+                    frameBorder="0"
+                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                    allowFullScreen
+                    className="max-w-full"
+                  />
+                </Dialog.Panel>
+              </Transition.Child>
+            </div>
+          </div>
+        </Dialog>
+      </Transition>
+    </div>
+  );
+};
+
+//
+function PlayButton({
+  className,
+  ...props
+}: ComponentProps<'div'>): JSX.Element {
+  const parent = {
+    initial: {
+      width: 82,
+      transition: {
+        when: 'afterChildren',
+      },
+    },
+    hover: {
+      width: 296,
+      transition: {
+        duration: 0.125,
+        type: 'tween',
+        ease: 'easeOut',
+      },
+    },
+  };
+  const child = {
+    initial: {
+      opacity: 0,
+      x: -6,
+    },
+    hover: {
+      x: 0,
+      opacity: 1,
+      transition: {
+        duration: 0.015,
+        type: 'tween',
+        ease: 'easeOut',
+      },
+    },
+  };
+
+  return (
+    <div
+      className={cx(
+        'group relative overflow-hidden rounded-full bg-transparent p-[1px] shadow-md',
+        className
+      )}
+      {...props}
+    >
+      <div className="absolute inset-0">
+        <span className="absolute inset-[-1000%] animate-[spin_2s_linear_infinite] bg-[conic-gradient(from_90deg_at_50%_50%,#FFFFFF_0%,#3B82F6_50%,#FFFFFF_100%)] dark:bg-[conic-gradient(from_90deg_at_50%_50%,#FFFFFF_0%,#0EA5E9_50%,#FFFFFF_100%)]" />
+      </div>
+      <motion.div
+        initial="initial"
+        whileHover="hover"
+        variants={parent}
+        className="relative isolate flex h-20 w-20 cursor-pointer items-center justify-center gap-6 rounded-full border border-slate-100 bg-white/70 p-6 text-sm text-slate-950 antialiased backdrop-blur-xl"
+      >
+        <PlayIcon
+          aria-hidden="true"
+          className="absolute left-6 top-6 h-8 w-8"
+        />
+        <motion.div variants={child} className="absolute left-20 top-4 w-48">
+          <p className="text-base font-medium">See how Nx Cloud works</p>
+          <p className="text-slate-700">In under 9 minutes</p>
+        </motion.div>
+      </motion.div>
+    </div>
+  );
+}
+
+//
+export const ProjectsCreatedEveryMonth = () => {
+  return (
+    <div className="relative col-span-2 h-[360px] md:col-span-1">
+      <Card className="relative">
+        <div className="flex flex-col justify-between text-center drop-shadow">
+          <div>
+            <span className="text-9xl font-bold text-slate-950 dark:text-white">
+              <AnimateValue num={10} suffix="k" once />
+            </span>
+            <br />
+            <span className="text-4xl font-semibold text-slate-950 dark:text-white">
+              new projects
+            </span>
+          </div>
+          <span className="text-2xl font-semibold text-slate-600 dark:text-slate-400">
+            every month
+          </span>
+        </div>
+        <div className="mt-8 text-center">
+          <ButtonLink
+            href="https://cloud.nx.app?utm_source=homepage&utm_medium=website&utm_campaign=homepage_links&utm_content=cta_ci_for_monorepos_connect_now"
+            title="Get started"
+            variant="primary"
+            size="large"
+            target="_blank"
+            rel="nofollow"
+          >
+            Connect your Nx repository now!
+          </ButtonLink>
+        </div>
+      </Card>
+    </div>
+  );
+};
+//
+
+//
+export const HalveYouBill = () => {
+  return (
+    <div className="col-span-2 h-[415px] sm:h-[360px] md:col-span-1">
+      <Card>
+        <p className="text-2xl text-slate-900 dark:text-slate-100">
+          Halve your CI bill
+        </p>
+        <p className="mt-2 text-slate-600 dark:text-slate-400">
+          Nx Cloud doesn't only makes your runs{' '}
+          <span className="font-semibold text-slate-800 dark:text-slate-200">
+            30% to 70% faster
+          </span>
+          , but also significantly cheaper.
+        </p>
+        <div className="mt-6">
+          <div className="flex items-center">
+            <div className="w-28 shrink-0 border-r-2 border-slate-200 py-3 pr-2 text-right text-slate-700 transition duration-200 dark:border-slate-800 dark:text-slate-300">
+              CI
+            </div>
+            <div className="flex-grow py-1.5 font-semibold">
+              <div className="w-full flex-grow items-center justify-end rounded-r-lg border border-l-0 border-slate-200 bg-slate-100 px-4 py-2 text-right text-slate-900 transition duration-200 dark:border-slate-800 dark:bg-slate-700 dark:text-white">
+                <span className="drop-shadow-sm">$6k</span>
+              </div>
+            </div>
+          </div>
+          <div className="flex items-center">
+            <div className="w-28 shrink-0 border-r-2 border-slate-200 py-3 pr-2 text-right font-medium text-slate-700 transition duration-200 dark:border-slate-800 dark:text-slate-300">
+              CI + Nx Cloud
+            </div>
+            <div className="flex-grow py-1.5 font-semibold">
+              <div className="w-1/2 rounded-r-lg border border-l-0 border-slate-200 bg-gradient-to-r from-emerald-500 to-green-500 px-4 py-2 text-right text-white transition duration-200 dark:border-slate-800">
+                <span className="drop-shadow-sm">$3.2k</span>
+              </div>
+            </div>
+          </div>
+        </div>
+        <p className="z-10 mt-6 text-xs text-slate-400 transition duration-200 dark:text-slate-600">
+          <span className="underline">Cost per month for CI compute.</span> Data
+          collected based on a typical month of CI runs measured on the Nx OSS
+          monorepo.
+        </p>
+      </Card>
+    </div>
+  );
+};
+//
+
+//
+export const IntegratesToYouCurrentCiProvider = () => {
+  return (
+    <div className="col-span-2 h-fit sm:h-[225px]">
+      <Card>
+        <div className="relative z-20">
+          <p className="text-2xl text-slate-900 dark:text-slate-100">
+            Works with your current CI
+          </p>
+          <p className="mt-2 max-w-md text-slate-600 dark:text-slate-400">
+            Use your current CI provider, export your compute and slash your CI
+            bill by using Nx engines to save time, better performance and proper
+            developer experience.
+          </p>
+          <div className="mt-4 flex items-center">
+            <Link
+              href="/ci/intro/connect-to-cloud?utm_source=homepage&utm_medium=website&utm_campaign=homepage_links&utm_content=cta_ci_for_monorepos"
+              title="Add Nx Cloud to your CI workflow"
+              prefetch={false}
+              className="group font-semibold leading-6 text-slate-950 dark:text-white"
+            >
+              Enable speed with a single line{' '}
+              <span
+                aria-hidden="true"
+                className="inline-block transition group-hover:translate-x-1"
+              >
+                →
+              </span>
+            </Link>
+          </div>
+        </div>
+        <div className="hidden sm:block">
+          <CiProviderVerticalMarquees />
+        </div>
+      </Card>
+    </div>
+  );
+};
+
+export function CiProviderVerticalMarquees() {
+  const ICON_DATA = [
+    {
+      Icon: GitHubIcon,
+    },
+    {
+      Icon: JenkinsIcon,
+    },
+    {
+      Icon: BitbucketIcon,
+    },
+    {
+      Icon: AzureDevOpsIcon,
+    },
+    {
+      Icon: TravisCiIcon,
+    },
+    {
+      Icon: GitlabIcon,
+    },
+  ];
+  const ICON_DATA_REVERSED = ICON_DATA.reverse();
+  return (
+    <div className="bg-background absolute inset-y-0 right-0 flex h-full w-40 flex-col items-center justify-center gap-4 overflow-hidden">
+      <div className="flex flex-row gap-6 [perspective:300px]">
+        <Marquee
+          className="h-96 justify-center overflow-hidden [--duration:60s] [--gap:1rem]"
+          vertical
+        >
+          {ICON_DATA.map((data, idx) => (
+            <data.Icon
+              key={'ci-provider-icon-1-' + idx}
+              aria-hidden="true"
+              className="mx-auto size-8"
+            />
+          ))}
+        </Marquee>
+        <Marquee
+          className="hidden h-96 justify-center overflow-hidden [--duration:60s] [--gap:1rem] md:flex"
+          vertical
+          reverse
+        >
+          {ICON_DATA_REVERSED.map((data, idx) => (
+            <data.Icon
+              key={'ci-provider-icon-2-' + idx}
+              aria-hidden="true"
+              className="mx-auto size-8"
+            />
+          ))}
+        </Marquee>
+      </div>
+    </div>
+  );
+}
diff --git a/nx-dev/ui-home/src/lib/extensible-and-integrated.tsx b/nx-dev/ui-home/src/lib/extensible-and-integrated.tsx
deleted file mode 100644
index 3fe12ed62a0c8..0000000000000
--- a/nx-dev/ui-home/src/lib/extensible-and-integrated.tsx
+++ /dev/null
@@ -1,114 +0,0 @@
-import { Tab } from '@headlessui/react';
-import { Button, SectionHeading } from '@nx/nx-dev/ui-common';
-import Link from 'next/link';
-import { Fragment } from 'react';
-import { tabs } from './extensible-and-integrated/tabs';
-
-export function ExtensibleAndIntegrated(): JSX.Element {
-  return (
-    <article
-      id="extensible-and-integrated"
-      className="overflow-hidden bg-slate-50 pt-28 dark:bg-slate-800/40"
-    >
-      <div className="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8 lg:py-16">
-        <header className="max-w-2xl">
-          <SectionHeading
-            as="h1"
-            variant="title"
-            id="extensible-and-integrated"
-          >
-            Integrated developer experience
-          </SectionHeading>
-          <SectionHeading
-            as="p"
-            variant="display"
-            id="nx-is-fast"
-            className="mt-4"
-          >
-            Everything is just a click away
-          </SectionHeading>
-        </header>
-        <div className="mt-8 flex flex-col gap-16 font-normal md:flex-row">
-          <p className="max-w-xl text-lg text-slate-700 dark:text-slate-400">
-            No need to browse the docs to find the right commands to run.{' '}
-            <span className="font-medium">Stay in the flow!</span> Augment your
-            editor with Nx Console, a dedicated extension available for{' '}
-            <Link
-              href="/getting-started/editor-setup"
-              title="Install VSCode's native extension for Nx"
-              className="font-medium text-blue-500 dark:text-sky-500"
-              prefetch={false}
-            >
-              VSCode
-            </Link>{' '}
-            ,{' '}
-            <Link
-              href="/getting-started/editor-setup"
-              className="font-medium text-blue-500 dark:text-sky-500"
-              title="Install JetBrains' native plugin for Nx"
-              prefetch={false}
-            >
-              JetBrains
-            </Link>{' '}
-            and{' '}
-            <Link
-              href="/getting-started/editor-setup#neovim"
-              className="font-medium text-blue-500 dark:text-sky-500"
-              prefetch={false}
-            >
-              Neovim
-            </Link>
-            . Generating a new library, running e2e tests, building your app -
-            everything just a click away.
-          </p>
-          <p className="max-w-xl text-lg text-slate-700 dark:text-slate-400">
-            Debug and understand your workspace with the built-in{' '}
-            <code>nx graph</code> capabilities! Also,{' '}
-            <span className="font-medium">
-              give yourself a treat by enabling the Nx Cloud GitHub integration
-            </span>
-            . Most CI interfaces are a struggle to work with and they are not
-            made for monorepos. The{' '}
-            <Link
-              href="https://nx.app/?utm_source=nx.dev"
-              title="Nx Cloud: Distributed Task execution & Caching"
-              className="font-medium text-blue-500 dark:text-sky-500"
-              prefetch={false}
-              target="_blank"
-              rel="noreferrer"
-            >
-              Nx Cloud
-            </Link>{' '}
-            integration takes care of that, presenting what matters most in an
-            awesome visual way.
-          </p>
-        </div>
-      </div>
-      <div className="relative mx-auto max-w-7xl px-4 pb-12 pt-6 sm:px-6 lg:px-8 lg:pb-4 lg:pt-6">
-        <Tab.Group>
-          <Tab.List>
-            <div className="flex justify-between space-x-4 md:justify-start">
-              {tabs.map((tab) => (
-                <Tab as={Fragment} key={'tab-' + tab.title}>
-                  {({ selected }) => (
-                    <Button
-                      variant={selected ? 'primary' : 'secondary'}
-                      size="small"
-                    >
-                      {tab.title}
-                    </Button>
-                  )}
-                </Tab>
-              ))}
-            </div>
-          </Tab.List>
-          <Tab.Panels>
-            {tabs.map((tab) => (
-              <Tab.Panel key={'panel-' + tab.title}>{tab.panel}</Tab.Panel>
-            ))}
-          </Tab.Panels>
-        </Tab.Group>
-      </div>
-    </article>
-  );
-}
diff --git a/nx-dev/ui-home/src/lib/extensible-and-integrated/github-intergration-tab.tsx b/nx-dev/ui-home/src/lib/extensible-and-integrated/github-intergration-tab.tsx
deleted file mode 100644
index cfbb9409503c7..0000000000000
--- a/nx-dev/ui-home/src/lib/extensible-and-integrated/github-intergration-tab.tsx
+++ /dev/null
@@ -1,172 +0,0 @@
-import { BuildingStorefrontIcon } from '@heroicons/react/24/solid';
-import { motion } from 'framer-motion';
-import Image from 'next/image';
-import { transition, variants } from './motion.helpers';
-
-export function GitHubIntegrationTab(): JSX.Element {
-  return (
-    <motion.div
-      initial="hidden"
-      variants={variants}
-      animate="visible"
-      transition={transition}
-      exit="hidden"
-      className="wrapper my-8 grid h-full gap-12 md:grid-cols-2 lg:grid-cols-3"
-    >
-      <div className="relative flex flex-col space-y-12 md:space-y-0">
-        <div
-          className="coding z-10 rounded-lg border border-slate-200 bg-slate-50 p-4 font-mono
-              text-xs leading-normal text-slate-800 subpixel-antialiased shadow-lg dark:border-slate-700 dark:bg-slate-800 dark:text-slate-200"
-        >
-          <div className="flex items-center">
-            <p>
-              <span className="text-base text-purple-600 dark:text-fuchsia-500">
-                →
-              </span>{' '}
-              <span className="mx-1 text-green-600 dark:text-green-400">
-                ~/workspace
-              </span>{' '}
-              <span>$</span>
-            </p>
-            <p className="typing mt-0.5 flex-1 pl-2">nx connect-to-nx-cloud</p>
-          </div>
-          <div className="mt-2 flex">
-            <p className="typing flex-1 animate-pulse items-center space-x-0.5">
-              <span className="inline-flex h-5 w-2 bg-slate-300 dark:bg-slate-700" />
-              <span className="inline-flex h-5 w-2 bg-slate-300 dark:bg-slate-700" />
-              <span className="inline-flex h-5 w-2 bg-slate-300 dark:bg-slate-700" />
-              <span className="inline-flex h-5 w-2 bg-slate-300 dark:bg-slate-700" />
-              <span className="inline-flex h-5 w-2 bg-slate-200 dark:bg-slate-700" />
-              <span className="inline-flex h-5 w-2 bg-slate-200 dark:bg-slate-700" />
-              <span className="inline-flex h-5 w-2 bg-slate-200 dark:bg-slate-700" />
-              <span className="inline-flex h-5 w-2 bg-slate-200 dark:bg-slate-700" />
-            </p>
-          </div>
-        </div>
-        {/*HORIZONTAL LINK*/}
-        <div className="absolute right-0 hidden w-48 translate-x-full translate-y-12 items-center md:flex">
-          <span className="absolute left-0 top-0 -ml-1 -mt-1 flex h-2 w-2">
-            <span className="absolute inline-flex h-full w-full animate-ping rounded-full bg-blue-500 opacity-75 dark:bg-sky-500" />
-            <span className="relative inline-flex h-2 w-2 rounded-full bg-slate-200 dark:bg-slate-700" />
-          </span>
-          <span className="absolute right-0 top-0 -mr-1 -mt-1 flex h-2 w-2">
-            <span className="absolute inline-flex h-full w-full animate-ping rounded-full bg-blue-500 opacity-75 dark:bg-sky-500" />
-            <span className="relative inline-flex h-2 w-2 rounded-full bg-slate-200 dark:bg-slate-700" />
-          </span>
-          <div className="-m-0.5 h-0.5 w-full bg-slate-200 dark:bg-slate-700" />
-        </div>
-        {/*VERTICAL LINK*/}
-        <div className="relative hidden grow flex-col justify-center md:flex">
-          <span className="relative m-auto flex h-2 w-2">
-            <span className="absolute inline-flex h-full w-full animate-ping rounded-full bg-blue-500 opacity-75 dark:bg-sky-500" />
-            <span className="relative inline-flex h-2 w-2 rounded-full bg-slate-200 dark:bg-slate-700" />
-          </span>
-          <div className="m-auto h-32 w-0.5 bg-slate-200 dark:bg-slate-700" />
-          <span className="relative m-auto flex h-2 w-2">
-            <span className="absolute inline-flex h-full w-full animate-ping rounded-full bg-blue-500 opacity-75 dark:bg-sky-500" />
-            <span className="relative inline-flex h-2 w-2 rounded-full bg-slate-200 dark:bg-slate-700" />
-          </span>
-          <div className="absolute inset-x-0 bottom-0 flex items-center justify-between px-2 text-slate-500 opacity-80">
-            <div className="flex">
-              <BuildingStorefrontIcon className="h-4 w-4" />
-              <span className="ml-2 text-xs font-medium">
-                GitHub Marketplace
-              </span>
-            </div>
-            <svg
-              className="h-10 w-10 translate-x-6 translate-y-2 rotate-12 text-slate-400"
-              role="img"
-              viewBox="0 0 24 24"
-              xmlns="http://www.w3.org/2000/svg"
-              fill="currentColor"
-            >
-              <title>GitHub</title>
-              <path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" />
-            </svg>
-          </div>
-        </div>
-        <div className="relative z-10 flex space-x-4 overflow-hidden rounded-lg rounded-t-none border border-slate-200 bg-white py-5 shadow-sm focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:shadow-md dark:border-slate-700 dark:bg-slate-800">
-          <div className="absolute inset-x-0 top-0 h-1 w-full bg-blue-500 dark:bg-sky-500"></div>
-          <div className="flex-shrink-0">
-            <svg
-              id="nx-cloud-header-logo"
-              role="img"
-              xmlns="http://www.w3.org/2000/svg"
-              stroke="currentColor"
-              fill="transparent"
-              viewBox="0 0 24 24"
-              className="h-10 w-10"
-            >
-              <path
-                strokeWidth="2"
-                d="M23 3.75V6.5c-3.036 0-5.5 2.464-5.5 5.5s-2.464 5.5-5.5 5.5-5.5 2.464-5.5 5.5H3.75C2.232 23 1 21.768 1 20.25V3.75C1 2.232 2.232 1 3.75 1h16.5C21.768 1 23 2.232 23 3.75Z"
-                id="nx-cloud-header-logo-stroke-1"
-              />
-              <path
-                strokeWidth="2"
-                d="M23 6v14.1667C23 21.7307 21.7307 23 20.1667 23H6c0-3.128 2.53867-5.6667 5.6667-5.6667 3.128 0 5.6666-2.5386 5.6666-5.6666C17.3333 8.53867 19.872 6 23 6Z"
-                id="nx-cloud-header-logo-stroke-2"
-              />
-            </svg>
-          </div>
-          <div className="min-w-0 flex-1">
-            <a
-              href="https://github.com/marketplace/official-nx-cloud-app"
-              target="_blank"
-              rel="noreferrer"
-              className="focus:outline-none"
-            >
-              <span className="absolute inset-0" aria-hidden="true"></span>
-              <p className="text-sm font-medium text-slate-900 dark:text-slate-300">
-                Official Nx Cloud App
-              </p>
-              <p className="text-sm text-slate-700 dark:text-slate-400">
-                By nrwl
-              </p>
-              <p className="mt-2 text-sm text-slate-700 dark:text-slate-400">
-                The Nx Cloud GitHub App lets you access the result of every run
-                — with all its logs and build insights — straight from your PR.
-              </p>
-            </a>
-          </div>
-        </div>
-        {/*HORIZONTAL LINK*/}
-        <div className="absolute bottom-80 right-0 hidden w-24 translate-x-full translate-y-12 items-center md:flex">
-          <span className="absolute left-0 top-0 -ml-1 -mt-1 flex h-2 w-2">
-            <span className="absolute inline-flex h-full w-full animate-ping rounded-full bg-blue-500 opacity-75 dark:bg-sky-500" />
-            <span className="relative inline-flex h-2 w-2 rounded-full bg-slate-200 dark:bg-slate-700" />
-          </span>
-          <span className="absolute right-0 top-0 -mr-1 -mt-1 flex h-2 w-2">
-            <span className="absolute inline-flex h-full w-full animate-ping rounded-full bg-blue-500 opacity-75 dark:bg-sky-500" />
-            <span className="relative inline-flex h-2 w-2 rounded-full bg-slate-200 dark:bg-slate-700" />
-          </span>
-          <div className="-m-0.5 h-0.5 w-full bg-slate-200 dark:bg-slate-700" />
-        </div>
-        <div className="spacer h-56" />
-      </div>
-      <div
-        aria-hidden="true"
-        className="relative hidden px-4 pr-6 md:flex lg:col-span-2 lg:h-full lg:px-0"
-      >
-        <div className="absolute -top-28 left-36 mx-auto h-[510px] w-auto w-full max-w-none overflow-hidden rounded-xl border border-slate-200 shadow-xl dark:border-slate-700">
-          <Image
-            src="/images/nx-cloud.webp"
-            alt="Nx Cloud app"
-            loading="lazy"
-            width={715}
-            height={510}
-          />
-        </div>
-        <div className="absolute -bottom-2 left-12 mx-auto flex w-auto w-full max-w-none overflow-hidden rounded-xl border border-slate-200 shadow-xl">
-          <Image
-            src="/images/github-nxcloud.webp"
-            alt="Nx Cloud GitHub app"
-            loading="lazy"
-            width={715}
-            height={510}
-          />
-        </div>
-      </div>
-    </motion.div>
-  );
-}
diff --git a/nx-dev/ui-home/src/lib/extensible-and-integrated/graph-tab.tsx b/nx-dev/ui-home/src/lib/extensible-and-integrated/graph-tab.tsx
deleted file mode 100644
index 64a20060ecc36..0000000000000
--- a/nx-dev/ui-home/src/lib/extensible-and-integrated/graph-tab.tsx
+++ /dev/null
@@ -1,73 +0,0 @@
-import { motion } from 'framer-motion';
-import { transition, variants } from './motion.helpers';
-
-export function GraphTab(): JSX.Element {
-  return (
-    <motion.div
-      initial="hidden"
-      variants={variants}
-      animate="visible"
-      transition={transition}
-      exit="hidden"
-      className="wrapper relative my-8 flex h-full flex-col items-center space-y-12 overflow-hidden lg:flex-row"
-    >
-      <div
-        className="coding z-10 w-96 shrink-0 grow-0 overflow-hidden rounded-lg border border-slate-200 bg-slate-50 p-4 font-mono
-              text-xs leading-normal text-slate-800 subpixel-antialiased shadow-lg dark:border-slate-700 dark:bg-slate-800 dark:text-slate-200"
-      >
-        <div className="flex items-center">
-          <p>
-            <span className="text-base text-purple-600 dark:text-fuchsia-500">
-              →
-            </span>{' '}
-            <span className="mx-1 text-green-600 dark:text-green-400">
-              ~/workspace
-            </span>{' '}
-            <span>$</span>
-          </p>
-          <p className="typing mt-0.5 flex-1 pl-2">nx graph</p>
-        </div>
-        <div className="mt-2 flex">
-          <p className="typing flex-1 items-center">
-            <span className="bg-yellow-300 px-1 py-0.5 dark:bg-yellow-600">
-              Nx
-            </span>{' '}
-            Project graph started at{' '}
-            <span className="underline">http://127.0.0.1:4211</span>
-            <br />
-          </p>
-        </div>
-      </div>
-      <div className="relative -top-5 mr-0.5 hidden grow items-center lg:flex">
-        <span className="absolute left-0 top-0 -ml-1 -mt-1 flex h-2 w-2">
-          <span className="absolute inline-flex h-full w-full animate-ping rounded-full bg-blue-500 opacity-75 dark:bg-sky-500" />
-          <span className="relative inline-flex h-2 w-2 rounded-full bg-slate-200 dark:bg-slate-700" />
-        </span>
-        <span className="absolute right-0 top-0 -mr-1 -mt-1 flex h-2 w-2">
-          <span className="absolute inline-flex h-full w-full animate-ping rounded-full bg-blue-500 opacity-75 dark:bg-sky-500" />
-          <span className="relative inline-flex h-2 w-2 rounded-full bg-slate-200 dark:bg-slate-700" />
-        </span>
-        <div className="-m-0.5 h-0.5 w-full bg-slate-200 dark:bg-slate-700" />
-      </div>
-      <div className="z-10 h-auto overflow-hidden rounded-lg border border-slate-200 shadow lg:min-h-[485px] lg:w-[690px] dark:border-slate-700">
-        <div className="flex h-7 w-full items-center justify-start space-x-1.5 bg-slate-200 px-3 dark:bg-slate-700">
-          <span className="h-2 w-2 rounded-full bg-red-400"></span>
-          <span className="h-2 w-2 rounded-full bg-yellow-400"></span>
-          <span className="h-2 w-2 rounded-full bg-green-400"></span>
-        </div>
-        <div className="w-full bg-transparent dark:hidden">
-          <video preload="true" autoPlay={true} loop muted playsInline={true}>
-            <source src="/videos/light.webm" type="video/webm" />
-            <source src="/videos/light.mp4" type="video/mp4" />
-          </video>
-        </div>
-        <div className="hidden w-full bg-slate-700 dark:flex">
-          <video preload="true" autoPlay={true} loop muted playsInline={true}>
-            <source src="/videos/dark.webm" type="video/webm" />
-            <source src="/videos/dark.mp4" type="video/mp4" />
-          </video>
-        </div>
-      </div>
-    </motion.div>
-  );
-}
diff --git a/nx-dev/ui-home/src/lib/extensible-and-integrated/ide-integration-tab.tsx b/nx-dev/ui-home/src/lib/extensible-and-integrated/ide-integration-tab.tsx
deleted file mode 100644
index 9bea6dbcdff8a..0000000000000
--- a/nx-dev/ui-home/src/lib/extensible-and-integrated/ide-integration-tab.tsx
+++ /dev/null
@@ -1,107 +0,0 @@
-import {
-  CogIcon,
-  CommandLineIcon,
-  SparklesIcon,
-} from '@heroicons/react/24/outline';
-import cx from 'classnames';
-import { motion } from 'framer-motion';
-import Image from 'next/image';
-import Link from 'next/link';
-import { transition, variants } from './motion.helpers';
-
-export function IdeIntegrationTab(): JSX.Element {
-  const features = [
-    {
-      connectionWidth: 'w-96',
-      name: 'Generate anything',
-      icon: <CogIcon className="h-5 w-5" />,
-      description:
-        'No need to remember the commands and options available. See everything at a glance. Great for exploring.',
-      link: '/recipes/nx-console/console-generate-command',
-    },
-    {
-      connectionWidth: 'w-[668px]',
-      name: 'Run anything',
-      icon: <CommandLineIcon className="h-5 w-5" />,
-      description:
-        'Easy access to your projects and scripts from the context menu, command palette and augmented config files. Perfectly integrated into your flow.',
-      link: '/recipes/nx-console/console-run-command',
-    },
-    {
-      connectionWidth: 'w-48',
-      name: 'The best companion for Nx',
-      icon: <SparklesIcon className="h-5 w-5" />,
-      description:
-        'The Nx team is obsessed with providing the best possible DX. Nx Console is the culmination of that. Carefully crafted, in constant evolution, always in search of making the life of developers easier.',
-      link: '/getting-started/editor-setup',
-    },
-  ];
-  return (
-    <motion.div
-      initial="hidden"
-      variants={variants}
-      animate="visible"
-      transition={transition}
-      exit="hidden"
-      className="wrapper my-8 grid h-full items-center gap-16 md:grid-cols-2 lg:grid-cols-3"
-    >
-      <div className="lg:col-span-2">
-        <div className="w-full overflow-hidden overflow-hidden rounded-lg rounded-lg border border-slate-200 shadow shadow-lg dark:hidden dark:border-slate-700">
-          <Image
-            src="/images/nx-console/vscode-light.webp"
-            alt="Nx Console app screenshot"
-            loading="lazy"
-            width={800}
-            height={800}
-          />
-        </div>
-        <div className="hidden w-full overflow-hidden overflow-hidden rounded-lg rounded-lg border border-slate-200 shadow shadow-lg dark:block dark:border-slate-700">
-          <Image
-            src="/images/nx-console/vscode-dark.webp"
-            alt="Nx Console app screenshot"
-            loading="lazy"
-            width={800}
-            height={800}
-          />
-        </div>
-      </div>
-      <div className="relative flex flex-col gap-8">
-        {features.map((feature) => (
-          <div
-            key={feature.name}
-            className="group relative rounded-lg px-4 py-2 transition hover:bg-slate-100 sm:flex dark:hover:bg-slate-800/40"
-          >
-            <div
-              className={cx(
-                'absolute -left-4 hidden -translate-x-full translate-y-12 items-center xl:flex',
-                feature.connectionWidth
-              )}
-            >
-              <span className="absolute left-0 top-0 -ml-1 -mt-1 flex h-2 w-2">
-                <span className="absolute inline-flex h-full w-full animate-ping rounded-full bg-blue-500 opacity-75 transition dark:bg-sky-500" />
-                <span className="relative inline-flex h-2 w-2 rounded-full bg-slate-200 transition group-hover:bg-blue-600 group-hover:bg-sky-600 dark:bg-slate-700" />
-              </span>
-              <span className="absolute right-0 top-0 -mr-1 -mt-1 flex h-2 w-2">
-                <span className="absolute inline-flex h-full w-full animate-ping rounded-full bg-blue-500 opacity-75 transition dark:bg-sky-500" />
-                <span className="relative inline-flex h-2 w-2 rounded-full bg-slate-200 transition group-hover:bg-blue-600 group-hover:bg-sky-600 dark:bg-slate-700" />
-              </span>
-              <div className="-m-0.5 h-0.5 w-full bg-slate-200 transition group-hover:bg-blue-500 dark:bg-slate-700 dark:group-hover:bg-sky-500" />
-            </div>
-            <div className="sm:flex-shrink-0">
-              <div className="flow-root">{feature.icon}</div>
-            </div>
-            <div className="mt-3 sm:ml-3 sm:mt-0">
-              <h3 className="text-sm font-medium">{feature.name}</h3>
-              <Link href={feature.link} prefetch={false}>
-                <span className="absolute inset-0" aria-hidden="true" />
-                <p className="mt-2 text-sm text-slate-500">
-                  {feature.description}
-                </p>
-              </Link>
-            </div>
-          </div>
-        ))}
-      </div>
-    </motion.div>
-  );
-}
diff --git a/nx-dev/ui-home/src/lib/extensible-and-integrated/motion.helpers.ts b/nx-dev/ui-home/src/lib/extensible-and-integrated/motion.helpers.ts
deleted file mode 100644
index 9f50c025542fe..0000000000000
--- a/nx-dev/ui-home/src/lib/extensible-and-integrated/motion.helpers.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-export const variants = {
-  hidden: { opacity: 0 },
-  visible: {
-    opacity: 1,
-    transition: {
-      when: 'beforeChildren',
-      staggerChildren: 0.12,
-      ease: 'linear',
-      duration: 0.24,
-      type: 'tween',
-    },
-  },
-};
-export const transition = {
-  when: 'beforeChildren',
-  staggerChildren: 0.12,
-  ease: 'linear',
-  duration: 0.24,
-  type: 'tween',
-};
diff --git a/nx-dev/ui-home/src/lib/extensible-and-integrated/plugins-tab.tsx b/nx-dev/ui-home/src/lib/extensible-and-integrated/plugins-tab.tsx
deleted file mode 100644
index 0169e3a891397..0000000000000
--- a/nx-dev/ui-home/src/lib/extensible-and-integrated/plugins-tab.tsx
+++ /dev/null
@@ -1,364 +0,0 @@
-import { motion } from 'framer-motion';
-
-const pluginList = [
-  {
-    logo: (
-      <svg
-        className="mr-3 h-8 w-8 text-[#17202C] dark:text-slate-200"
-        fill="currentColor"
-        role="img"
-        viewBox="0 0 24 24"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <title>Cypress</title>
-        <path d="M11.998 0C5.366 0 0 5.367 0 12a11.992 11.992 0 0 0 12 12c6.633 0 12-5.367 12-12-.001-6.633-5.412-12-12.002-12zM6.37 14.575c.392.523.916.742 1.657.742.35 0 .699-.044 1.004-.175.306-.13.655-.306 1.09-.567l1.223 1.745c-1.003.83-2.138 1.222-3.447 1.222-1.048 0-1.92-.218-2.705-.654a4.393 4.393 0 0 1-1.746-1.92c-.392-.83-.611-1.79-.611-2.925 0-1.09.219-2.094.61-2.923a4.623 4.623 0 0 1 1.748-2.007c.741-.48 1.657-.698 2.661-.698.699 0 1.353.087 1.877.305a5.64 5.64 0 0 1 1.614.96l-1.222 1.658A4.786 4.786 0 0 0 9.12 8.77c-.305-.13-.698-.174-1.048-.174-1.483 0-2.225 1.134-2.225 3.446-.043 1.18.175 2.008.524 2.532H6.37zm12 2.705c-.436 1.353-1.091 2.357-2.008 3.098-.916.743-2.138 1.135-3.665 1.266l-.305-2.05c1.003-.132 1.745-.35 2.225-.7.174-.13.524-.523.524-.523L11.519 6.764h3.01l2.095 8.683 2.226-8.683h2.923L18.37 17.28z" />
-      </svg>
-    ),
-    name: '@nx/cypress',
-    url: '/nx-api/cypress',
-    description: 'Cypress is an e2e test runner built for modern web.',
-    isOfficial: true,
-  },
-  {
-    logo: (
-      <svg
-        className="mr-3 h-8 w-8 text-[#646CFF]"
-        fill="currentColor"
-        role="img"
-        viewBox="0 0 24 24"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <title>Vite</title>
-        <path d="m8.286 10.578.512-8.657a.306.306 0 0 1 .247-.282L17.377.006a.306.306 0 0 1 .353.385l-1.558 5.403a.306.306 0 0 0 .352.385l2.388-.46a.306.306 0 0 1 .332.438l-6.79 13.55-.123.19a.294.294 0 0 1-.252.14c-.177 0-.35-.152-.305-.369l1.095-5.301a.306.306 0 0 0-.388-.355l-1.433.435a.306.306 0 0 1-.389-.354l.69-3.375a.306.306 0 0 0-.37-.36l-2.32.536a.306.306 0 0 1-.374-.316zm14.976-7.926L17.284 3.74l-.544 1.887 2.077-.4a.8.8 0 0 1 .84.369.8.8 0 0 1 .034.783L12.9 19.93l-.013.025-.015.023-.122.19a.801.801 0 0 1-.672.37.826.826 0 0 1-.634-.302.8.8 0 0 1-.16-.67l1.029-4.981-1.12.34a.81.81 0 0 1-.86-.262.802.802 0 0 1-.165-.67l.63-3.08-2.027.468a.808.808 0 0 1-.768-.233.81.81 0 0 1-.217-.6l.389-6.57-7.44-1.33a.612.612 0 0 0-.64.906L11.58 23.691a.612.612 0 0 0 1.066-.004l11.26-20.135a.612.612 0 0 0-.644-.9z" />
-      </svg>
-    ),
-    name: '@nx/vite',
-    url: '/nx-api/vite',
-    description:
-      'The Nx Plugin for building and testing applications using Vite.',
-    isOfficial: true,
-  },
-  {
-    logo: (
-      <svg
-        className="mr-3 h-8 w-8 text-[#61DAFB]"
-        fill="currentColor"
-        role="img"
-        viewBox="0 0 24 24"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <title>React</title>
-        <path d="M14.23 12.004a2.236 2.236 0 0 1-2.235 2.236 2.236 2.236 0 0 1-2.236-2.236 2.236 2.236 0 0 1 2.235-2.236 2.236 2.236 0 0 1 2.236 2.236zm2.648-10.69c-1.346 0-3.107.96-4.888 2.622-1.78-1.653-3.542-2.602-4.887-2.602-.41 0-.783.093-1.106.278-1.375.793-1.683 3.264-.973 6.365C1.98 8.917 0 10.42 0 12.004c0 1.59 1.99 3.097 5.043 4.03-.704 3.113-.39 5.588.988 6.38.32.187.69.275 1.102.275 1.345 0 3.107-.96 4.888-2.624 1.78 1.654 3.542 2.603 4.887 2.603.41 0 .783-.09 1.106-.275 1.374-.792 1.683-3.263.973-6.365C22.02 15.096 24 13.59 24 12.004c0-1.59-1.99-3.097-5.043-4.032.704-3.11.39-5.587-.988-6.38-.318-.184-.688-.277-1.092-.278zm-.005 1.09v.006c.225 0 .406.044.558.127.666.382.955 1.835.73 3.704-.054.46-.142.945-.25 1.44-.96-.236-2.006-.417-3.107-.534-.66-.905-1.345-1.727-2.035-2.447 1.592-1.48 3.087-2.292 4.105-2.295zm-9.77.02c1.012 0 2.514.808 4.11 2.28-.686.72-1.37 1.537-2.02 2.442-1.107.117-2.154.298-3.113.538-.112-.49-.195-.964-.254-1.42-.23-1.868.054-3.32.714-3.707.19-.09.4-.127.563-.132zm4.882 3.05c.455.468.91.992 1.36 1.564-.44-.02-.89-.034-1.345-.034-.46 0-.915.01-1.36.034.44-.572.895-1.096 1.345-1.565zM12 8.1c.74 0 1.477.034 2.202.093.406.582.802 1.203 1.183 1.86.372.64.71 1.29 1.018 1.946-.308.655-.646 1.31-1.013 1.95-.38.66-.773 1.288-1.18 1.87-.728.063-1.466.098-2.21.098-.74 0-1.477-.035-2.202-.093-.406-.582-.802-1.204-1.183-1.86-.372-.64-.71-1.29-1.018-1.946.303-.657.646-1.313 1.013-1.954.38-.66.773-1.286 1.18-1.868.728-.064 1.466-.098 2.21-.098zm-3.635.254c-.24.377-.48.763-.704 1.16-.225.39-.435.782-.635 1.174-.265-.656-.49-1.31-.676-1.947.64-.15 1.315-.283 2.015-.386zm7.26 0c.695.103 1.365.23 2.006.387-.18.632-.405 1.282-.66 1.933-.2-.39-.41-.783-.64-1.174-.225-.392-.465-.774-.705-1.146zm3.063.675c.484.15.944.317 1.375.498 1.732.74 2.852 1.708 2.852 2.476-.005.768-1.125 1.74-2.857 2.475-.42.18-.88.342-1.355.493-.28-.958-.646-1.956-1.1-2.98.45-1.017.81-2.01 1.085-2.964zm-13.395.004c.278.96.645 1.957 1.1 2.98-.45 1.017-.812 2.01-1.086 2.964-.484-.15-.944-.318-1.37-.5-1.732-.737-2.852-1.706-2.852-2.474 0-.768 1.12-1.742 2.852-2.476.42-.18.88-.342 1.356-.494zm11.678 4.28c.265.657.49 1.312.676 1.948-.64.157-1.316.29-2.016.39.24-.375.48-.762.705-1.158.225-.39.435-.788.636-1.18zm-9.945.02c.2.392.41.783.64 1.175.23.39.465.772.705 1.143-.695-.102-1.365-.23-2.006-.386.18-.63.406-1.282.66-1.933zM17.92 16.32c.112.493.2.968.254 1.423.23 1.868-.054 3.32-.714 3.708-.147.09-.338.128-.563.128-1.012 0-2.514-.807-4.11-2.28.686-.72 1.37-1.536 2.02-2.44 1.107-.118 2.154-.3 3.113-.54zm-11.83.01c.96.234 2.006.415 3.107.532.66.905 1.345 1.727 2.035 2.446-1.595 1.483-3.092 2.295-4.11 2.295-.22-.005-.406-.05-.553-.132-.666-.38-.955-1.834-.73-3.703.054-.46.142-.944.25-1.438zm4.56.64c.44.02.89.034 1.345.034.46 0 .915-.01 1.36-.034-.44.572-.895 1.095-1.345 1.565-.455-.47-.91-.993-1.36-1.565z" />
-      </svg>
-    ),
-    name: '@nx/react',
-    url: '/nx-api/react',
-    description:
-      'Contains executors and generators for managing React applications and libraries within an Nx workspace.',
-    isOfficial: true,
-  },
-  {
-    logo: (
-      <svg
-        className="mr-3 h-8 w-8 text-[#00ADD8]"
-        fill="currentColor"
-        role="img"
-        viewBox="0 0 24 24"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <title>Go</title>
-        <path d="M1.811 10.231c-.047 0-.058-.023-.035-.059l.246-.315c.023-.035.081-.058.128-.058h4.172c.046 0 .058.035.035.07l-.199.303c-.023.036-.082.07-.117.07zM.047 11.306c-.047 0-.059-.023-.035-.058l.245-.316c.023-.035.082-.058.129-.058h5.328c.047 0 .07.035.058.07l-.093.28c-.012.047-.058.07-.105.07zm2.828 1.075c-.047 0-.059-.035-.035-.07l.163-.292c.023-.035.07-.07.117-.07h2.337c.047 0 .07.035.07.082l-.023.28c0 .047-.047.082-.082.082zm12.129-2.36c-.736.187-1.239.327-1.963.514-.176.046-.187.058-.34-.117-.174-.199-.303-.327-.548-.444-.737-.362-1.45-.257-2.115.175-.795.514-1.204 1.274-1.192 2.22.011.935.654 1.706 1.577 1.835.795.105 1.46-.175 1.987-.77.105-.13.198-.27.315-.434H10.47c-.245 0-.304-.152-.222-.35.152-.362.432-.97.596-1.274a.315.315 0 01.292-.187h4.253c-.023.316-.023.631-.07.947a4.983 4.983 0 01-.958 2.29c-.841 1.11-1.94 1.8-3.33 1.986-1.145.152-2.209-.07-3.143-.77-.865-.655-1.356-1.52-1.484-2.595-.152-1.274.222-2.419.993-3.424.83-1.086 1.928-1.776 3.272-2.02 1.098-.2 2.15-.07 3.096.571.62.41 1.063.97 1.356 1.648.07.105.023.164-.117.2m3.868 6.461c-1.064-.024-2.034-.328-2.852-1.029a3.665 3.665 0 01-1.262-2.255c-.21-1.32.152-2.489.947-3.529.853-1.122 1.881-1.706 3.272-1.95 1.192-.21 2.314-.095 3.33.595.923.63 1.496 1.484 1.648 2.605.198 1.578-.257 2.863-1.344 3.962-.771.783-1.718 1.273-2.805 1.495-.315.06-.63.07-.934.106zm2.78-4.72c-.011-.153-.011-.27-.034-.387-.21-1.157-1.274-1.81-2.384-1.554-1.087.245-1.788.935-2.045 2.033-.21.912.234 1.835 1.075 2.21.643.28 1.285.244 1.905-.07.923-.48 1.425-1.228 1.484-2.233z" />
-      </svg>
-    ),
-    name: '@nx-go/nx-go',
-    url: 'https://github.com/nx-go/nx-go',
-    description: 'Nx plugin to use Go in a Nx workspace',
-    isOfficial: false,
-  },
-  {
-    logo: (
-      <svg
-        className="mr-3 h-8 w-8 text-[#FF4785]"
-        fill="currentColor"
-        role="img"
-        viewBox="0 0 24 24"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <title>Svelte</title>
-        <path d="M10.354 21.125a4.44 4.44 0 0 1-4.765-1.767 4.109 4.109 0 0 1-.703-3.107 3.898 3.898 0 0 1 .134-.522l.105-.321.287.21a7.21 7.21 0 0 0 2.186 1.092l.208.063-.02.208a1.253 1.253 0 0 0 .226.83 1.337 1.337 0 0 0 1.435.533 1.231 1.231 0 0 0 .343-.15l5.59-3.562a1.164 1.164 0 0 0 .524-.778 1.242 1.242 0 0 0-.211-.937 1.338 1.338 0 0 0-1.435-.533 1.23 1.23 0 0 0-.343.15l-2.133 1.36a4.078 4.078 0 0 1-1.135.499 4.44 4.44 0 0 1-4.765-1.766 4.108 4.108 0 0 1-.702-3.108 3.855 3.855 0 0 1 1.742-2.582l5.589-3.563a4.072 4.072 0 0 1 1.135-.499 4.44 4.44 0 0 1 4.765 1.767 4.109 4.109 0 0 1 .703 3.107 3.943 3.943 0 0 1-.134.522l-.105.321-.286-.21a7.204 7.204 0 0 0-2.187-1.093l-.208-.063.02-.207a1.255 1.255 0 0 0-.226-.831 1.337 1.337 0 0 0-1.435-.532 1.231 1.231 0 0 0-.343.15L8.62 9.368a1.162 1.162 0 0 0-.524.778 1.24 1.24 0 0 0 .211.937 1.338 1.338 0 0 0 1.435.533 1.235 1.235 0 0 0 .344-.151l2.132-1.36a4.067 4.067 0 0 1 1.135-.498 4.44 4.44 0 0 1 4.765 1.766 4.108 4.108 0 0 1 .702 3.108 3.857 3.857 0 0 1-1.742 2.583l-5.589 3.562a4.072 4.072 0 0 1-1.135.499m10.358-17.95C18.484-.015 14.082-.96 10.9 1.068L5.31 4.63a6.412 6.412 0 0 0-2.896 4.295 6.753 6.753 0 0 0 .666 4.336 6.43 6.43 0 0 0-.96 2.396 6.833 6.833 0 0 0 1.168 5.167c2.229 3.19 6.63 4.135 9.812 2.108l5.59-3.562a6.41 6.41 0 0 0 2.896-4.295 6.756 6.756 0 0 0-.665-4.336 6.429 6.429 0 0 0 .958-2.396 6.831 6.831 0 0 0-1.167-5.168Z" />
-      </svg>
-    ),
-    name: '@nxext/svelte',
-    url: 'https://nxext.dev/docs/svelte/overview.html',
-    description: 'Nx plugin to use Svelte within nx workspaces.',
-    isOfficial: false,
-  },
-  {
-    logo: (
-      <svg
-        className="mr-3 h-8 w-8 text-[#FF4785]"
-        fill="currentColor"
-        role="img"
-        viewBox="0 0 24 24"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <title>Storybook</title>
-        <path d="M16.71.243l-.12 2.71a.18.18 0 00.29.15l1.06-.8.9.7a.18.18 0 00.28-.14l-.1-2.76 1.33-.1a1.2 1.2 0 011.279 1.2v21.596a1.2 1.2 0 01-1.26 1.2l-16.096-.72a1.2 1.2 0 01-1.15-1.16l-.75-19.797a1.2 1.2 0 011.13-1.27L16.7.222zM13.64 9.3c0 .47 3.16.24 3.59-.08 0-3.2-1.72-4.89-4.859-4.89-3.15 0-4.899 1.72-4.899 4.29 0 4.45 5.999 4.53 5.999 6.959 0 .7-.32 1.1-1.05 1.1-.96 0-1.35-.49-1.3-2.16 0-.36-3.649-.48-3.769 0-.27 4.03 2.23 5.2 5.099 5.2 2.79 0 4.969-1.49 4.969-4.18 0-4.77-6.099-4.64-6.099-6.999 0-.97.72-1.1 1.13-1.1.45 0 1.25.07 1.19 1.87z" />
-      </svg>
-    ),
-    name: '@nx/storybook',
-    url: '/nx-api/storybook',
-    description: 'Storybook is a development environment for UI components.',
-    isOfficial: true,
-  },
-  {
-    logo: (
-      <svg
-        className="mr-3 h-8 w-8 text-[#C21325]"
-        fill="currentColor"
-        role="img"
-        viewBox="0 0 24 24"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <title>Jest</title>
-        <path d="M22.251 11.82a3.117 3.117 0 0 0-2.328-3.01L22.911 0H8.104L11.1 8.838a3.116 3.116 0 0 0-2.244 2.988c0 1.043.52 1.967 1.313 2.536a8.279 8.279 0 0 1-1.084 1.244 8.14 8.14 0 0 1-2.55 1.647c-.834-.563-1.195-1.556-.869-2.446a3.11 3.11 0 0 0-.91-6.08 3.117 3.117 0 0 0-3.113 3.113c0 .848.347 1.626.903 2.182-.048.097-.097.195-.146.299-.465.959-.993 2.043-1.195 3.259-.403 2.432.257 4.384 1.849 5.489A5.093 5.093 0 0 0 5.999 24c1.827 0 3.682-.917 5.475-1.807 1.279-.632 2.599-1.292 3.898-1.612.48-.118.98-.187 1.508-.264 1.07-.153 2.175-.312 3.168-.89a4.482 4.482 0 0 0 2.182-3.091c.174-.994 0-1.994-.444-2.87.298-.48.465-1.042.465-1.647zm-1.355 0c0 .965-.785 1.75-1.75 1.75a1.753 1.753 0 0 1-1.085-3.126l.007-.007c.056-.042.118-.084.18-.125 0 0 .008 0 .008-.007.028-.014.055-.035.083-.05.007 0 .014-.006.021-.006.028-.014.063-.028.097-.042.035-.014.07-.027.098-.041.007 0 .013-.007.02-.007.028-.007.056-.021.084-.028.007 0 .02-.007.028-.007.034-.007.062-.014.097-.02h.007l.104-.022c.007 0 .02 0 .028-.007.028 0 .055-.007.083-.007h.035c.035 0 .07-.007.111-.007h.09c.028 0 .05 0 .077.007h.014c.055.007.111.014.167.028a1.766 1.766 0 0 1 1.396 1.723zM10.043 1.39h10.93l-2.509 7.4c-.104.02-.208.055-.312.09l-2.64-5.385-2.648 5.35c-.104-.034-.216-.055-.327-.076l-2.494-7.38zm4.968 9.825a3.083 3.083 0 0 0-.938-1.668l1.438-2.904 1.452 2.967c-.43.43-.743.98-.868 1.605H15.01zm-3.481-1.098c.034-.007.062-.014.097-.02h.02c.029-.008.056-.008.084-.015h.028c.028 0 .049-.007.076-.007h.271c.028 0 .049.007.07.007.014 0 .02 0 .035.007.027.007.048.007.076.014.007 0 .014 0 .028.007l.097.02h.007c.028.008.056.015.083.029.007 0 .014.007.028.007.021.007.049.014.07.027.007 0 .014.007.02.007.028.014.056.021.084.035h.007a.374.374 0 0 1 .09.049h.007c.028.014.056.034.084.048.007 0 .007.007.013.007.028.014.05.035.077.049l.007.007c.083.062.16.132.236.201l.007.007a1.747 1.747 0 0 1 .48 1.209 1.752 1.752 0 0 1-3.502 0 1.742 1.742 0 0 1 1.32-1.695zm-6.838-.049c.966 0 1.751.786 1.751 1.751s-.785 1.751-1.75 1.751-1.752-.785-1.752-1.75.786-1.752 1.751-1.752zm16.163 6.025a3.07 3.07 0 0 1-1.508 2.133c-.758.438-1.689.577-2.669.716a17.29 17.29 0 0 0-1.64.291c-1.445.355-2.834 1.05-4.182 1.717-1.724.854-3.35 1.66-4.857 1.66a3.645 3.645 0 0 1-2.154-.688c-1.529-1.056-1.453-3.036-1.272-4.12.167-1.015.632-1.966 1.077-2.877.028-.055.049-.104.077-.16.152.056.312.098.479.126-.264 1.473.486 2.994 1.946 3.745l.264.139.284-.104c1.216-.431 2.342-1.133 3.336-2.071a9.334 9.334 0 0 0 1.445-1.716c.16.027.32.034.48.034a3.117 3.117 0 0 0 3.008-2.327h1.167a3.109 3.109 0 0 0 3.01 2.327c.576 0 1.11-.16 1.57-.43.18.52.236 1.063.139 1.605z" />
-      </svg>
-    ),
-    name: '@nx/jest',
-    url: '/nx-api/jest',
-    description: 'Jest is an open source test runner created by Facebook.',
-    isOfficial: true,
-  },
-  {
-    logo: (
-      <svg
-        className="mr-3 h-8 w-8 text-[#512BD4]"
-        fill="currentColor"
-        role="img"
-        viewBox="0 0 24 24"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <title>.NET</title>
-        <path d="M24 8.77h-2.468v7.565h-1.425V8.77h-2.462V7.53H24zm-6.852 7.565h-4.821V7.53h4.63v1.24h-3.205v2.494h2.953v1.234h-2.953v2.604h3.396zm-6.708 0H8.882L4.78 9.863a2.896 2.896 0 0 1-.258-.51h-.036c.032.189.048.592.048 1.21v5.772H3.157V7.53h1.659l3.965 6.32c.167.261.275.442.323.54h.024c-.04-.233-.06-.629-.06-1.185V7.529h1.372zm-8.703-.693a.868.829 0 0 1-.869.829.868.829 0 0 1-.868-.83.868.829 0 0 1 .868-.828.868.829 0 0 1 .869.829Z" />
-      </svg>
-    ),
-    name: 'nx-dotnet',
-    url: 'https://www.nx-dotnet.com/docs/core/',
-    description:
-      'Nx plugin for developing and housing .NET projects within an Nx workspace.',
-    isOfficial: false,
-  },
-  {
-    logo: (
-      <svg
-        className="mr-3 h-8 w-8"
-        role="img"
-        viewBox="0 0 24 24"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <title>Angular</title>
-        <path
-          fill="url(#a)"
-          d="m23.9 3.986-.862 12.805L14.786 0l9.115 3.986Zm-5.715 16.558-6.235 3.362-6.235-3.362 1.268-2.904h9.934l1.268 2.904ZM11.95 6.374l3.268 7.505H8.682l3.267-7.505ZM.854 16.79 0 3.986 9.115 0 .855 16.791Z"
-        />
-        <path
-          fill="url(#b)"
-          d="m23.9 3.986-.862 12.805L14.786 0l9.115 3.986Zm-5.715 16.558-6.235 3.362-6.235-3.362 1.268-2.904h9.934l1.268 2.904ZM11.95 6.374l3.268 7.505H8.682l3.267-7.505ZM.854 16.79 0 3.986 9.115 0 .855 16.791Z"
-        />
-        <defs>
-          <linearGradient id="a" x1="21%" x2="100%" y1="87.5%" y2="50%">
-            <stop stopColor="#E40035" />
-            <stop offset=".24" stopColor="#F60A48" />
-            <stop offset=".352" stopColor="#F20755" />
-            <stop offset=".494" stopColor="#DC087D" />
-            <stop offset=".745" stopColor="#9717E7" />
-            <stop offset="1" stopColor="#6C00F5" />
-          </linearGradient>
-          <linearGradient id="b" x1="16%" x2="67%" y1="12.5%" y2="71%">
-            <stop stopColor="#FF31D9" />
-            <stop offset="1" stopColor="#FF5BE1" stopOpacity="0" />
-          </linearGradient>
-        </defs>
-      </svg>
-    ),
-    name: '@nx/angular',
-    url: '/nx-api/angular',
-    description:
-      'Integration with libraries such as Storybook, Jest, Cypress, NgRx, Micro-frontend...',
-    isOfficial: true,
-  },
-  {
-    logo: (
-      <svg
-        className="mr-3 h-8 w-8 text-[#2496ED]"
-        fill="currentColor"
-        role="img"
-        viewBox="0 0 24 24"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <title>Docker</title>
-        <path d="M13.983 11.078h2.119a.186.186 0 00.186-.185V9.006a.186.186 0 00-.186-.186h-2.119a.185.185 0 00-.185.185v1.888c0 .102.083.185.185.185m-2.954-5.43h2.118a.186.186 0 00.186-.186V3.574a.186.186 0 00-.186-.185h-2.118a.185.185 0 00-.185.185v1.888c0 .102.082.185.185.185m0 2.716h2.118a.187.187 0 00.186-.186V6.29a.186.186 0 00-.186-.185h-2.118a.185.185 0 00-.185.185v1.887c0 .102.082.185.185.186m-2.93 0h2.12a.186.186 0 00.184-.186V6.29a.185.185 0 00-.185-.185H8.1a.185.185 0 00-.185.185v1.887c0 .102.083.185.185.186m-2.964 0h2.119a.186.186 0 00.185-.186V6.29a.185.185 0 00-.185-.185H5.136a.186.186 0 00-.186.185v1.887c0 .102.084.185.186.186m5.893 2.715h2.118a.186.186 0 00.186-.185V9.006a.186.186 0 00-.186-.186h-2.118a.185.185 0 00-.185.185v1.888c0 .102.082.185.185.185m-2.93 0h2.12a.185.185 0 00.184-.185V9.006a.185.185 0 00-.184-.186h-2.12a.185.185 0 00-.184.185v1.888c0 .102.083.185.185.185m-2.964 0h2.119a.185.185 0 00.185-.185V9.006a.185.185 0 00-.184-.186h-2.12a.186.186 0 00-.186.186v1.887c0 .102.084.185.186.185m-2.92 0h2.12a.185.185 0 00.184-.185V9.006a.185.185 0 00-.184-.186h-2.12a.185.185 0 00-.184.185v1.888c0 .102.082.185.185.185M23.763 9.89c-.065-.051-.672-.51-1.954-.51-.338.001-.676.03-1.01.087-.248-1.7-1.653-2.53-1.716-2.566l-.344-.199-.226.327c-.284.438-.49.922-.612 1.43-.23.97-.09 1.882.403 2.661-.595.332-1.55.413-1.744.42H.751a.751.751 0 00-.75.748 11.376 11.376 0 00.692 4.062c.545 1.428 1.355 2.48 2.41 3.124 1.18.723 3.1 1.137 5.275 1.137.983.003 1.963-.086 2.93-.266a12.248 12.248 0 003.823-1.389c.98-.567 1.86-1.288 2.61-2.136 1.252-1.418 1.998-2.997 2.553-4.4h.221c1.372 0 2.215-.549 2.68-1.009.309-.293.55-.65.707-1.046l.098-.288Z" />
-      </svg>
-    ),
-    name: '@nx-tools/nx-docker',
-    url: 'https://github.com/gperdomor/nx-tools',
-    description: 'Nx plugin to build docker images of your affected apps.',
-    isOfficial: false,
-  },
-];
-
-export function PluginsTab(): JSX.Element {
-  return (
-    <motion.div className="wrapper my-8 grid h-full gap-12 md:grid-cols-2 lg:grid-cols-3">
-      <div className="flex flex-col">
-        <div className="mb-8">
-          <h3 className="text-xl font-medium leading-6 text-blue-500 dark:text-sky-500">
-            Plugins available for all stacks
-          </h3>
-          <p className="mt-4 text-slate-900 dark:text-slate-400">
-            Official Nx plugins are created and maintained by the Nx team. You
-            can see all the available plugins when you run the{' '}
-            <code className="break-normal rounded-md border border-slate-200 bg-slate-50 px-2 py-1 font-mono text-xs text-slate-800 dark:border-slate-700 dark:bg-slate-800 dark:text-slate-200">
-              nx list
-            </code>{' '}
-            command in your workspace.
-          </p>
-        </div>
-        <div
-          className="coding rounded-lg border border-slate-200 bg-slate-50 p-4 font-mono
-              text-xs leading-normal text-slate-800 subpixel-antialiased shadow-lg dark:border-slate-700 dark:bg-slate-800 dark:text-slate-200"
-        >
-          <div className="flex items-center">
-            <p>
-              <span className="text-base text-purple-600 dark:text-fuchsia-500">
-                →
-              </span>{' '}
-              <span className="mx-1 text-green-600 dark:text-green-400">
-                ~/workspace
-              </span>{' '}
-              <span>$</span>
-            </p>
-            <p className="typing mt-0.5 flex-1 pl-2">nx list</p>
-          </div>
-          <div className="mt-2 flex">
-            <p className="typing flex-1 items-center">
-              <span className="bg-yellow-300 px-1 py-0.5 dark:bg-yellow-600">
-                NX
-              </span>{' '}
-              Local workspace plugins: <br />
-              <br />
-              @nx/react-native (executors,generators) <br />
-              @nx/jest (executors,generators) <br />
-              @nx/storybook (executors,generators)
-              <br />
-              <br />
-              <span className="bg-yellow-300 px-1 py-0.5 dark:bg-yellow-600">
-                NX
-              </span>{' '}
-              Installed plugins: <br />
-              <br />
-              @nx/js (executors,generators) <br />
-              @nx/eslint (executors,generators) <br />
-              @nx/next (executors,generators)
-              <br />
-              <br />
-              <span className="bg-yellow-300 px-1 py-0.5 dark:bg-yellow-600">
-                NX
-              </span>{' '}
-              Also available: <br />
-              <br />
-              @nx/nest (executors,generators) <br />
-              @nx/node (executors,generators) <br />
-              @nx/express (executors,generators)
-              <br />
-              <br />
-              <span className="bg-yellow-300 px-1 py-0.5 dark:bg-yellow-600">
-                NX
-              </span>{' '}
-              Community plugins: <br />
-              <br />
-              @nxext/svelte <br />
-              @nx-tools/nx-docker <br />
-              @nx-plus/docusaurus <br />
-            </p>
-          </div>
-        </div>
-      </div>
-      <div className="flex flex-col space-y-4">
-        {pluginList.slice(0, 5).map((plugin) => (
-          <div className="relative flex w-full overflow-hidden rounded-lg border border-slate-200 bg-white shadow-sm transition focus-within:ring-2 focus-within:ring-blue-500 focus-within:ring-offset-2 hover:shadow-md dark:border-slate-700 dark:bg-slate-800 dark:focus-within:ring-sky-500">
-            <div className="flex w-full flex-col px-4 py-3">
-              <h3 className="mb-4 flex text-lg font-semibold leading-tight dark:text-slate-300">
-                {plugin.logo}
-                {plugin.name}
-              </h3>
-              <a
-                href={plugin.url}
-                target="_blank"
-                rel="noreferrer"
-                title={plugin.name}
-                className="focus:outline-none"
-              >
-                <span className="absolute inset-0" aria-hidden="true"></span>
-                <p className="mb-8 sm:text-sm">{plugin.description}</p>
-
-                {plugin.isOfficial ? (
-                  <span
-                    title="Official plugins are maintained by the Nx Team"
-                    className="absolute bottom-3 right-4 rounded-full border border-slate-200 bg-slate-50 px-3 py-0.5 text-xs font-medium capitalize dark:border-slate-700 dark:bg-slate-800"
-                  >
-                    Nx Team
-                  </span>
-                ) : (
-                  <span
-                    title="Community plugins are maintained by their community members"
-                    className="absolute bottom-3 right-4 rounded-full border border-slate-200 bg-slate-50 px-3 py-0.5 text-xs font-medium capitalize dark:border-slate-700 dark:bg-slate-800"
-                  >
-                    Community
-                  </span>
-                )}
-              </a>
-            </div>
-          </div>
-        ))}
-      </div>
-      <div className="hidden flex-col space-y-4 lg:flex">
-        {pluginList.slice(5).map((plugin) => (
-          <div className="relative flex w-full overflow-hidden rounded-lg border border-slate-200 bg-white shadow-sm transition focus-within:ring-2 focus-within:ring-blue-500 focus-within:ring-offset-2 hover:shadow-md dark:border-slate-700 dark:bg-slate-800 dark:focus-within:ring-sky-500">
-            <div className="flex w-full flex-col px-4 py-3">
-              <h3 className="mb-4 flex text-lg font-semibold leading-tight dark:text-slate-300">
-                {plugin.logo}
-                {plugin.name}
-              </h3>
-              <a
-                href={plugin.url}
-                target="_blank"
-                rel="noreferrer"
-                title={plugin.name}
-                className="focus:outline-none"
-              >
-                <span className="absolute inset-0" aria-hidden="true"></span>
-                <p className="mb-8 sm:text-sm">{plugin.description}</p>
-                {plugin.isOfficial ? (
-                  <span
-                    title="Official plugins are maintained by the Nx Team"
-                    className="absolute bottom-3 right-4 rounded-full border border-slate-200 bg-slate-50 px-3 py-0.5 text-xs font-medium capitalize dark:border-slate-700 dark:bg-slate-800"
-                  >
-                    Nx Team
-                  </span>
-                ) : (
-                  <span
-                    title="Community plugins are maintained by their community members"
-                    className="absolute bottom-3 right-4 rounded-full border border-slate-200 bg-slate-50 px-3 py-0.5 text-xs font-medium capitalize dark:border-slate-700 dark:bg-slate-800"
-                  >
-                    Community
-                  </span>
-                )}
-              </a>
-            </div>
-          </div>
-        ))}
-      </div>
-    </motion.div>
-  );
-}
diff --git a/nx-dev/ui-home/src/lib/extensible-and-integrated/tabs.tsx b/nx-dev/ui-home/src/lib/extensible-and-integrated/tabs.tsx
deleted file mode 100644
index 558e12f428516..0000000000000
--- a/nx-dev/ui-home/src/lib/extensible-and-integrated/tabs.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { GitHubIntegrationTab } from './github-intergration-tab';
-import { GraphTab } from './graph-tab';
-import { PluginsTab } from './plugins-tab';
-import { IdeIntegrationTab } from './ide-integration-tab';
-
-export const tabs = [
-  { title: 'IDE integrations', panel: IdeIntegrationTab },
-  { title: 'Interactive graph', panel: GraphTab },
-  { title: 'GitHub integration', panel: GitHubIntegrationTab },
-  { title: 'Plugins', panel: PluginsTab },
-];
diff --git a/nx-dev/ui-home/src/lib/getting-started.tsx b/nx-dev/ui-home/src/lib/getting-started.tsx
deleted file mode 100644
index 579f706c839d5..0000000000000
--- a/nx-dev/ui-home/src/lib/getting-started.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import { ButtonLink } from '@nx/nx-dev/ui-common';
-
-export function GettingStarted(): JSX.Element {
-  return (
-    <article
-      id="getting-started"
-      className="border-b border-t border-slate-200 bg-gradient-to-r from-cyan-500 to-blue-500 shadow-inner dark:border-slate-700"
-    >
-      <div className="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:flex lg:items-center lg:justify-between lg:px-8 lg:py-24">
-        <div>
-          <h2 className="text-3xl font-bold tracking-tight text-slate-900 md:text-4xl">
-            <span className="block">Ready to dive in?</span>
-            <span className="block text-white">
-              Start your monorepo now with Nx.
-            </span>
-          </h2>
-        </div>
-        <div className="mt-8 flex lg:mt-0 lg:flex-shrink-0">
-          <div className="inline-flex rounded-md">
-            <ButtonLink
-              href="/getting-started/intro"
-              title="Start using Nx by creating a workspace"
-              variant="secondary"
-              size="large"
-            >
-              Get started now!
-            </ButtonLink>
-          </div>
-        </div>
-      </div>
-    </article>
-  );
-}
diff --git a/nx-dev/ui-home/src/lib/hero.tsx b/nx-dev/ui-home/src/lib/hero.tsx
index ad916a4fe18ae..f527fde17c33e 100644
--- a/nx-dev/ui-home/src/lib/hero.tsx
+++ b/nx-dev/ui-home/src/lib/hero.tsx
@@ -1,50 +1,27 @@
-import { ButtonLink } from '@nx/nx-dev/ui-common';
-import { Fragment, useEffect, useState } from 'react';
-import { Transition } from '@headlessui/react';
-import { cx } from '@nx/nx-dev/ui-primitives';
+'use client';
+import { ButtonLink, SectionHeading, Strong } from '@nx/nx-dev/ui-common';
+import { ShaderGradient, ShaderGradientCanvas } from 'shadergradient';
+import { BlurFade } from '@nx/nx-dev/ui-animations';
+import { Theme, useTheme } from '@nx/nx-dev/ui-theme';
+import { useEffect, useState } from 'react';
 import Link from 'next/link';
+import { useIsomorphicLayoutEffect } from '@nx/nx-dev/ui-primitives';
 
 export function Hero(): JSX.Element {
-  const [copied, setCopied] = useState(false);
-  const [displayBuildSystem, setDisplayBuildSystem] = useState(false);
-  const [displayTools, setDisplayTools] = useState(false);
-  const [displayCi, setDisplayCi] = useState(false);
-  useEffect(() => {
-    let t: NodeJS.Timeout;
-    if (copied) {
-      t = setTimeout(() => {
-        setCopied(false);
-      }, 3000);
-    }
-    return () => {
-      t && clearTimeout(t);
-    };
-  }, [copied]);
-
   return (
-    <header className="bg-contain bg-fixed bg-clip-border bg-center bg-no-repeat bg-origin-border lg:bg-local">
-      <div className="mx-auto max-w-3xl px-4 pt-20">
-        <div className="hidden sm:mb-8 sm:flex sm:justify-center">
-          <div className="relative rounded-full px-3 py-1 text-sm leading-6 ring-1 ring-slate-900/10 transition-all hover:ring-slate-900/20 dark:ring-slate-100/10 dark:hover:ring-slate-100/20">
-            Introducing{' '}
-            <span className="text-blue-500 dark:text-sky-500">Nx Agents</span>,
-            the next leap in CI.{' '}
-            <Link
-              href="/ci/features/distribute-task-execution"
-              title="Discover Nx Agents"
-              className="font-semibold text-blue-500 dark:text-sky-500"
-              prefetch={false}
-            >
-              <span className="absolute inset-0" aria-hidden="true"></span>Read
-              more <span aria-hidden="true">→</span>
-            </Link>
-          </div>
-        </div>
-        <div className="text-center">
-          <h1
-            className="text-3xl font-bold leading-none tracking-tight text-black sm:mt-6 sm:text-5xl md:text-6xl dark:text-white"
-            data-cy="primary-heading"
-          >
+    <div className="mx-auto h-screen w-full max-w-7xl px-6 lg:px-8">
+      <ShaderGradientElement />
+      <div className="absolute left-0 right-0 -z-10 mx-auto flex h-full max-h-screen w-full flex-row justify-between border-b border-dashed border-slate-200/30 px-6 lg:h-full lg:max-w-7xl lg:px-0 dark:border-slate-800/40">
+        <div className="h-full w-full border-x border-dashed border-slate-200/20 dark:border-slate-800/40" />
+        <div className="h-full w-full border-x border-dashed border-slate-200/20 dark:border-slate-800/40" />
+        <div className="h-full w-full border-x border-dashed border-slate-200/20 dark:border-slate-800/40" />
+        <div className="h-full w-full border-x border-dashed border-slate-200/20 dark:border-slate-800/40" />
+        <div className="h-full w-full border-x border-dashed border-slate-200/20 dark:border-slate-800/40" />
+        <div className="h-full w-full border-x border-dashed border-slate-200/20 dark:border-slate-800/40" />
+      </div>
+      <div className="z-20 mx-auto grid h-screen max-w-6xl grid-cols-1 place-items-center text-center">
+        <div className="container">
+          <SectionHeading as="h1" variant="display" data-cy="primary-heading">
             <span className="rounded-lg bg-gradient-to-r from-cyan-500 to-blue-500 bg-clip-text text-transparent">
               Smart
             </span>{' '}
@@ -60,150 +37,168 @@ export function Hero(): JSX.Element {
               Fast
             </span>{' '}
             CI
-          </h1>
-          <h2 className="mt-6 text-lg font-medium leading-8 dark:text-slate-100">
-            Nx is a{' '}
-            <span
-              onClick={() => setDisplayBuildSystem(!displayBuildSystem)}
-              className={cx(
-                'text-md  my-0.5 inline-flex cursor-pointer items-center rounded-md px-1.5 py-0.5 font-medium ring-1 ring-inset ring-slate-500/10 transition hover:bg-slate-50 hover:underline dark:ring-slate-400/20 hover:dark:bg-slate-400/10',
-                displayBuildSystem && 'bg-yellow-500/10 dark:bg-yellow-500/20'
-              )}
-            >
-              build system
-            </span>{' '}
-            <Transition
-              as={Fragment}
-              show={displayBuildSystem}
-              enter="transform transition duration-[400ms]"
-              enterFrom="opacity-0"
-              enterTo="opacity-100"
-              leave="transform duration-200 transition ease-in-out"
-              leaveFrom="opacity-100"
-              leaveTo="opacity-0"
-            >
-              <span className="rounded-md bg-gradient-to-r from-orange-500 to-yellow-500 bg-clip-text text-transparent">
-                optimized for monorepos
-              </span>
-            </Transition>{' '}
-            with{' '}
-            <span
-              onClick={() => setDisplayTools(!displayTools)}
-              className={cx(
-                'text-md my-0.5 inline-flex cursor-pointer items-center rounded-md px-1.5 py-0.5 font-medium ring-1 ring-inset ring-slate-500/10 transition hover:bg-slate-50 hover:underline dark:ring-slate-400/20 hover:dark:bg-slate-400/10',
-                displayTools && 'bg-cyan-500/10 dark:bg-cyan-500/20'
-              )}
-            >
-              built-in tooling
-            </span>{' '}
-            <Transition
-              as={Fragment}
-              show={displayTools}
-              enter="transform transition duration-[400ms]"
-              enterFrom="opacity-0"
-              enterTo="opacity-100"
-              leave="transform duration-200 transition ease-in-out"
-              leaveFrom="opacity-100"
-              leaveTo="opacity-0"
-            >
-              <span className="rounded-md bg-gradient-to-r from-cyan-500 to-blue-500 bg-clip-text text-transparent">
-                for code scaffolding, module boundary enforcement, automated
-                updates
-              </span>
-            </Transition>{' '}
-            and{' '}
-            <span
-              onClick={() => setDisplayCi(!displayCi)}
-              className={cx(
-                'text-md my-0.5 inline-flex cursor-pointer items-center rounded-md px-1.5 py-0.5 font-medium ring-1 ring-inset ring-slate-500/10 transition hover:bg-slate-50 hover:underline dark:ring-slate-400/20 hover:dark:bg-slate-400/10',
-                displayCi && 'bg-fuchsia-500/10 dark:bg-fuchsia-500/20'
-              )}
-            >
-              advanced CI capabilities
-            </span>{' '}
-            <Transition
-              as={Fragment}
-              show={displayCi}
-              enter="transform transition duration-[400ms]"
-              enterFrom="opacity-0"
-              enterTo="opacity-100"
-              leave="transform duration-200 transition ease-in-out"
-              leaveFrom="opacity-100"
-              leaveTo="opacity-0"
-            >
-              <span className="rounded-md bg-gradient-to-r from-pink-500 to-fuchsia-500 bg-clip-text text-transparent">
-                with caching and distribution
-              </span>
-            </Transition>{' '}
-            . It helps you maintain and scale monorepos, both locally and on CI.
-          </h2>
-          <div className="mt-4 flex items-center justify-center gap-x-6">
+          </SectionHeading>
+          <SectionHeading
+            as="p"
+            variant="subtitle"
+            className="mx-auto mt-6 max-w-4xl"
+          >
+            {/*Structured, maintainable and efficient monorepos. Locally and on CI, easy as that.*/}
+            <Strong>Build system</Strong>, optimized for monorepos, with plugins
+            for popular frameworks and tools and{' '}
+            <Strong>advanced CI capabilities</Strong> including caching and
+            distribution.
+          </SectionHeading>
+          <div className="mt-10 flex items-center justify-center gap-x-6">
             <ButtonLink
-              href="/getting-started/intro"
+              href="/getting-started/intro?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_hero_get_started#try-nx-yourself"
+              title="Get started"
               variant="primary"
-              size="large"
-              title="Start using Nx by creating a workspace"
+              size="default"
             >
               Get started
             </ButtonLink>
-
-            <ButtonLink
-              href="/contact"
-              variant="secondary"
-              size="large"
-              title="Contact us"
-            >
-              Contact us
-            </ButtonLink>
-          </div>
-          <div className="text-md mt-4 flex items-center justify-center gap-2 italic">
-            Built with
-            <svg
-              role="img"
-              viewBox="0 0 24 24"
-              xmlns="http://www.w3.org/2000/svg"
-              className="h-5 w-5"
-              fill="currentColor"
-              aria-hidden="true"
-            >
-              <title>Rust</title>
-              <path d="M23.8346 11.7033l-1.0073-.6236a13.7268 13.7268 0 00-.0283-.2936l.8656-.8069a.3483.3483 0 00-.1154-.578l-1.1066-.414a8.4958 8.4958 0 00-.087-.2856l.6904-.9587a.3462.3462 0 00-.2257-.5446l-1.1663-.1894a9.3574 9.3574 0 00-.1407-.2622l.49-1.0761a.3437.3437 0 00-.0274-.3361.3486.3486 0 00-.3006-.154l-1.1845.0416a6.7444 6.7444 0 00-.1873-.2268l.2723-1.153a.3472.3472 0 00-.417-.4172l-1.1532.2724a14.0183 14.0183 0 00-.2278-.1873l.0415-1.1845a.3442.3442 0 00-.49-.328l-1.076.491c-.0872-.0476-.1742-.0952-.2623-.1407l-.1903-1.1673A.3483.3483 0 0016.256.955l-.9597.6905a8.4867 8.4867 0 00-.2855-.086l-.414-1.1066a.3483.3483 0 00-.5781-.1154l-.8069.8666a9.2936 9.2936 0 00-.2936-.0284L12.2946.1683a.3462.3462 0 00-.5892 0l-.6236 1.0073a13.7383 13.7383 0 00-.2936.0284L9.9803.3374a.3462.3462 0 00-.578.1154l-.4141 1.1065c-.0962.0274-.1903.0567-.2855.086L7.744.955a.3483.3483 0 00-.5447.2258L7.009 2.348a9.3574 9.3574 0 00-.2622.1407l-1.0762-.491a.3462.3462 0 00-.49.328l.0416 1.1845a7.9826 7.9826 0 00-.2278.1873L3.8413 3.425a.3472.3472 0 00-.4171.4171l.2713 1.1531c-.0628.075-.1255.1509-.1863.2268l-1.1845-.0415a.3462.3462 0 00-.328.49l.491 1.0761a9.167 9.167 0 00-.1407.2622l-1.1662.1894a.3483.3483 0 00-.2258.5446l.6904.9587a13.303 13.303 0 00-.087.2855l-1.1065.414a.3483.3483 0 00-.1155.5781l.8656.807a9.2936 9.2936 0 00-.0283.2935l-1.0073.6236a.3442.3442 0 000 .5892l1.0073.6236c.008.0982.0182.1964.0283.2936l-.8656.8079a.3462.3462 0 00.1155.578l1.1065.4141c.0273.0962.0567.1914.087.2855l-.6904.9587a.3452.3452 0 00.2268.5447l1.1662.1893c.0456.088.0922.1751.1408.2622l-.491 1.0762a.3462.3462 0 00.328.49l1.1834-.0415c.0618.0769.1235.1528.1873.2277l-.2713 1.1541a.3462.3462 0 00.4171.4161l1.153-.2713c.075.0638.151.1255.2279.1863l-.0415 1.1845a.3442.3442 0 00.49.327l1.0761-.49c.087.0486.1741.0951.2622.1407l.1903 1.1662a.3483.3483 0 00.5447.2268l.9587-.6904a9.299 9.299 0 00.2855.087l.414 1.1066a.3452.3452 0 00.5781.1154l.8079-.8656c.0972.0111.1954.0203.2936.0294l.6236 1.0073a.3472.3472 0 00.5892 0l.6236-1.0073c.0982-.0091.1964-.0183.2936-.0294l.8069.8656a.3483.3483 0 00.578-.1154l.4141-1.1066a8.4626 8.4626 0 00.2855-.087l.9587.6904a.3452.3452 0 00.5447-.2268l.1903-1.1662c.088-.0456.1751-.0931.2622-.1407l1.0762.49a.3472.3472 0 00.49-.327l-.0415-1.1845a6.7267 6.7267 0 00.2267-.1863l1.1531.2713a.3472.3472 0 00.4171-.416l-.2713-1.1542c.0628-.0749.1255-.1508.1863-.2278l1.1845.0415a.3442.3442 0 00.328-.49l-.49-1.076c.0475-.0872.0951-.1742.1407-.2623l1.1662-.1893a.3483.3483 0 00.2258-.5447l-.6904-.9587.087-.2855 1.1066-.414a.3462.3462 0 00.1154-.5781l-.8656-.8079c.0101-.0972.0202-.1954.0283-.2936l1.0073-.6236a.3442.3442 0 000-.5892zm-6.7413 8.3551a.7138.7138 0 01.2986-1.396.714.714 0 11-.2997 1.396zm-.3422-2.3142a.649.649 0 00-.7715.5l-.3573 1.6685c-1.1035.501-2.3285.7795-3.6193.7795a8.7368 8.7368 0 01-3.6951-.814l-.3574-1.6684a.648.648 0 00-.7714-.499l-1.473.3158a8.7216 8.7216 0 01-.7613-.898h7.1676c.081 0 .1356-.0141.1356-.088v-2.536c0-.074-.0536-.0881-.1356-.0881h-2.0966v-1.6077h2.2677c.2065 0 1.1065.0587 1.394 1.2088.0901.3533.2875 1.5044.4232 1.8729.1346.413.6833 1.2381 1.2685 1.2381h3.5716a.7492.7492 0 00.1296-.0131 8.7874 8.7874 0 01-.8119.9526zM6.8369 20.024a.714.714 0 11-.2997-1.396.714.714 0 01.2997 1.396zM4.1177 8.9972a.7137.7137 0 11-1.304.5791.7137.7137 0 011.304-.579zm-.8352 1.9813l1.5347-.6824a.65.65 0 00.33-.8585l-.3158-.7147h1.2432v5.6025H3.5669a8.7753 8.7753 0 01-.2834-3.348zm6.7343-.5437V8.7836h2.9601c.153 0 1.0792.1772 1.0792.8697 0 .575-.7107.7815-1.2948.7815zm10.7574 1.4862c0 .2187-.008.4363-.0243.651h-.9c-.09 0-.1265.0586-.1265.1477v.413c0 .973-.5487 1.1846-1.0296 1.2382-.4576.0517-.9648-.1913-1.0275-.4717-.2704-1.5186-.7198-1.8436-1.4305-2.4034.8817-.5599 1.799-1.386 1.799-2.4915 0-1.1936-.819-1.9458-1.3769-2.3153-.7825-.5163-1.6491-.6195-1.883-.6195H5.4682a8.7651 8.7651 0 014.907-2.7699l1.0974 1.151a.648.648 0 00.9182.0213l1.227-1.1743a8.7753 8.7753 0 016.0044 4.2762l-.8403 1.8982a.652.652 0 00.33.8585l1.6178.7188c.0283.2875.0425.577.0425.8717zm-9.3006-9.5993a.7128.7128 0 11.984 1.0316.7137.7137 0 01-.984-1.0316zm8.3389 6.71a.7107.7107 0 01.9395-.3625.7137.7137 0 11-.9405.3635z" />
-            </svg>
-            <span className="sr-only">Rust</span> for speed &
-            <svg
-              role="img"
-              viewBox="0 0 24 24"
-              xmlns="http://www.w3.org/2000/svg"
-              className="h-4 w-4"
-              fill="currentColor"
-              aria-hidden="true"
+            <Link
+              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>TypeScript</title>
-              <path d="M1.125 0C.502 0 0 .502 0 1.125v21.75C0 23.498.502 24 1.125 24h21.75c.623 0 1.125-.502 1.125-1.125V1.125C24 .502 23.498 0 22.875 0zm17.363 9.75c.612 0 1.154.037 1.627.111a6.38 6.38 0 0 1 1.306.34v2.458a3.95 3.95 0 0 0-.643-.361 5.093 5.093 0 0 0-.717-.26 5.453 5.453 0 0 0-1.426-.2c-.3 0-.573.028-.819.086a2.1 2.1 0 0 0-.623.242c-.17.104-.3.229-.393.374a.888.888 0 0 0-.14.49c0 .196.053.373.156.529.104.156.252.304.443.444s.423.276.696.41c.273.135.582.274.926.416.47.197.892.407 1.266.628.374.222.695.473.963.753.268.279.472.598.614.957.142.359.214.776.214 1.253 0 .657-.125 1.21-.373 1.656a3.033 3.033 0 0 1-1.012 1.085 4.38 4.38 0 0 1-1.487.596c-.566.12-1.163.18-1.79.18a9.916 9.916 0 0 1-1.84-.164 5.544 5.544 0 0 1-1.512-.493v-2.63a5.033 5.033 0 0 0 3.237 1.2c.333 0 .624-.03.872-.09.249-.06.456-.144.623-.25.166-.108.29-.234.373-.38a1.023 1.023 0 0 0-.074-1.089 2.12 2.12 0 0 0-.537-.5 5.597 5.597 0 0 0-.807-.444 27.72 27.72 0 0 0-1.007-.436c-.918-.383-1.602-.852-2.053-1.405-.45-.553-.676-1.222-.676-2.005 0-.614.123-1.141.369-1.582.246-.441.58-.804 1.004-1.089a4.494 4.494 0 0 1 1.47-.629 7.536 7.536 0 0 1 1.77-.201zm-15.113.188h9.563v2.166H9.506v9.646H6.789v-9.646H3.375z" />
-            </svg>
-            <span className="sr-only">TypeScript</span> for extensibility
+              Connect your Nx repository{' '}
+              <span
+                aria-hidden="true"
+                className="inline-block transition group-hover:translate-x-1"
+              >
+                →
+              </span>
+            </Link>
           </div>
         </div>
       </div>
-      <div className="relative overflow-hidden pt-16">
-        <div className="mx-auto max-w-7xl px-6 lg:px-8">
-          <img
-            src="/images/illustrations/nxdev-light.webp"
-            alt="light"
-            aria-hidden="true"
-            className="block dark:hidden"
-          />
-          <img
-            src="/images/illustrations/nxdev-dark.webp"
-            alt="dark"
-            aria-hidden="true"
-            className="hidden dark:block"
-          />
-          <div className="relative" aria-hidden="true">
-            <div className="absolute -inset-x-20 bottom-0 bg-gradient-to-t from-white pt-[7%] dark:from-slate-900"></div>
-          </div>
+    </div>
+  );
+}
+
+function ShaderGradientElement() {
+  const [theme] = useTheme();
+  const [displayTheme, setDisplayTheme] = useState<Theme>('system');
+  useIsomorphicLayoutEffect(() => {
+    const matchMedia: any = window.matchMedia('(prefers-color-scheme: dark)');
+
+    function handleChange(): void {
+      if (theme === 'system') {
+        setDisplayTheme(matchMedia.matches ? 'dark' : 'light');
+      } else {
+        setDisplayTheme(theme === 'dark' ? 'dark' : 'light');
+      }
+    }
+
+    handleChange();
+
+    // Use deprecated `addListener` and `removeListener` to support Safari < 14 (#135)
+    if (matchMedia.addListener) {
+      matchMedia.addListener(handleChange);
+    } else {
+      matchMedia.addEventListener('change', handleChange);
+    }
+
+    return () => {
+      if (matchMedia.removeListener) {
+        matchMedia.removeListener(handleChange);
+      } else {
+        matchMedia.removeEventListener('change', handleChange);
+      }
+    };
+  }, [theme]);
+
+  if (displayTheme === 'dark')
+    return (
+      <BlurFade
+        delay={1}
+        duration={1.8}
+        className="absolute left-0 -z-10 w-full"
+      >
+        <div className="h-screen w-full overflow-hidden">
+          <ShaderGradientCanvas
+            pointerEvents="none"
+            eventPrefix="client"
+            fov={45}
+            pixelDensity={1}
+            className="pointer-events-none"
+          >
+            <ShaderGradient
+              brightness={4}
+              cDistance={5}
+              color1="#251B36"
+              color2="#020617"
+              color3="#1F1C3A"
+              frameRate={10}
+              grain="off"
+              lightType="3d"
+              positionX={0}
+              positionY={1.8}
+              positionZ={0}
+              range="enabled"
+              rangeEnd={40}
+              rangeStart={0}
+              reflection={0.1}
+              rotationX={0}
+              rotationY={0}
+              rotationZ={-90}
+              shader="defaults"
+              type="waterPlane"
+              uDensity={1}
+              uFrequency={5.5}
+              uSpeed={0.1}
+              uStrength={3}
+              uTime={0.2}
+            />
+          </ShaderGradientCanvas>
+          <div className="absolute inset-x-0 bottom-0 h-96 bg-gradient-to-b from-transparent to-white dark:to-slate-950" />
         </div>
+      </BlurFade>
+    );
+  return (
+    <BlurFade delay={1} duration={1.8} className="absolute left-0 -z-10 w-full">
+      <div className="h-screen w-full overflow-hidden">
+        <ShaderGradientCanvas
+          pointerEvents="none"
+          eventPrefix="client"
+          fov={45}
+          pixelDensity={1}
+          className="pointer-events-none"
+        >
+          <ShaderGradient
+            brightness={4}
+            cDistance={5}
+            color1="#F4F2FE"
+            color2="#F7F7FF"
+            color3="#FFFFFF"
+            frameRate={10}
+            grain="off"
+            lightType="3d"
+            positionX={0}
+            positionY={1.8}
+            positionZ={0}
+            range="enabled"
+            rangeEnd={40}
+            rangeStart={0}
+            reflection={0.1}
+            rotationX={0}
+            rotationY={0}
+            rotationZ={-90}
+            shader="defaults"
+            type="waterPlane"
+            uDensity={1}
+            uFrequency={5.5}
+            uSpeed={0.1}
+            uStrength={3}
+            uTime={0.2}
+          />
+        </ShaderGradientCanvas>
+        <div className="absolute inset-x-0 bottom-0 h-96 bg-gradient-to-b from-transparent to-white dark:to-slate-950" />
       </div>
-    </header>
+    </BlurFade>
   );
 }
diff --git a/nx-dev/ui-home/src/lib/illustrations/automated-migration.tsx b/nx-dev/ui-home/src/lib/illustrations/automated-migration.tsx
new file mode 100644
index 0000000000000..f99d41dcbe2ed
--- /dev/null
+++ b/nx-dev/ui-home/src/lib/illustrations/automated-migration.tsx
@@ -0,0 +1,903 @@
+import { FC, SVGProps } from 'react';
+
+export const AutomatedMigrationIllustration: FC<SVGProps<SVGSVGElement>> = (
+  props
+) => (
+  <svg
+    role="img"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 336 336"
+    {...props}
+  >
+    <mask
+      id="b"
+      width={336}
+      height={336}
+      x={0}
+      y={0}
+      maskUnits="userSpaceOnUse"
+      style={{
+        maskType: 'alpha',
+      }}
+    >
+      <path fill="url(#a)" d="M0 0h336v336H0z" />
+    </mask>
+    <g mask="url(#b)">
+      <circle
+        cx={167.5}
+        cy={388.5}
+        r={252.5}
+        stroke="#F8F8F8"
+        strokeDasharray="1 32"
+        strokeWidth={1.5}
+      />
+      <circle
+        cx={167.5}
+        cy={388.5}
+        r={180.5}
+        stroke="#F8F8F8"
+        strokeDasharray="1 24"
+        strokeWidth={4}
+        opacity={0.1}
+      />
+      <circle
+        cx={167.5}
+        cy={388.5}
+        r={326.5}
+        stroke="#F8F8F8"
+        strokeDasharray="1 24"
+        strokeWidth={4}
+        opacity={0.1}
+      />
+      <mask
+        id="d"
+        width={337}
+        height={326}
+        x={-2}
+        y={21}
+        maskUnits="userSpaceOnUse"
+        style={{
+          maskType: 'alpha',
+        }}
+      >
+        <path fill="url(#c)" d="M-1 21h336v326H-1z" />
+      </mask>
+      <g mask="url(#d)">
+        <g
+          filter="url(#e)"
+          shapeRendering="crispEdges"
+          transform="rotate(-60 -51.173 262.25)"
+        >
+          <circle
+            cx={-51.173}
+            cy={262.25}
+            r={24}
+            fill="#F8F8F8"
+            fillOpacity={0.05}
+            style={{
+              mixBlendMode: 'luminosity',
+            }}
+          />
+          <circle
+            cx={-51.173}
+            cy={262.25}
+            r={23.25}
+            stroke="url(#f)"
+            strokeOpacity={0.25}
+            strokeWidth={1.5}
+          />
+        </g>
+        <g
+          filter="url(#g)"
+          shapeRendering="crispEdges"
+          transform="rotate(-45 -11.046 209.956)"
+        >
+          <circle
+            cx={-11.046}
+            cy={209.956}
+            r={24}
+            fill="#F8F8F8"
+            fillOpacity={0.05}
+            style={{
+              mixBlendMode: 'luminosity',
+            }}
+          />
+          <circle
+            cx={-11.046}
+            cy={209.956}
+            r={23.25}
+            stroke="url(#h)"
+            strokeOpacity={0.25}
+            strokeWidth={1.5}
+          />
+        </g>
+        <g
+          filter="url(#i)"
+          shapeRendering="crispEdges"
+          transform="rotate(-30 41.249 169.829)"
+        >
+          <circle
+            cx={41.249}
+            cy={169.829}
+            r={24}
+            fill="#F8F8F8"
+            fillOpacity={0.05}
+            style={{
+              mixBlendMode: 'luminosity',
+            }}
+          />
+          <circle
+            cx={41.249}
+            cy={169.829}
+            r={23.25}
+            stroke="url(#j)"
+            strokeOpacity={0.25}
+            strokeWidth={1.5}
+          />
+        </g>
+        <path
+          fill="#F8F8F8"
+          fillOpacity={0.7}
+          d="M44.254 174.029a5.406 5.406 0 0 1-1.396.579 3.671 3.671 0 0 1-1.3.072 2.793 2.793 0 0 1-1.112-.441 2.782 2.782 0 0 1-.846-.934c-.285-.493-.413-.985-.383-1.476.037-.496.2-.951.488-1.366a2.382 2.382 0 0 1-1.16-.3c-.35-.197-.644-.501-.882-.913-.28-.485-.398-.961-.355-1.428.046-.479.23-.936.551-1.369.33-.438.78-.822 1.355-1.154.565-.326 1.116-.52 1.652-.582.539-.074 1.024-.009 1.454.195.439.2.796.538 1.07 1.015.239.412.358.823.357 1.233a2.41 2.41 0 0 1-.307 1.147c.503-.042.975.046 1.414.267.448.215.814.57 1.1 1.063.302.525.433 1.059.39 1.601-.047.534-.249 1.043-.604 1.529-.36.477-.856.898-1.486 1.262Zm-.56-.97c.371-.215.67-.473.894-.775.224-.302.358-.622.4-.959a1.61 1.61 0 0 0-.223-1.002c-.191-.332-.441-.559-.75-.683a1.904 1.904 0 0 0-1.023-.12 2.888 2.888 0 0 0-1.118.387 2.988 2.988 0 0 0-.907.782 1.912 1.912 0 0 0-.407.946c-.047.329.025.659.216.991.187.323.439.555.757.694.313.132.656.176 1.03.133a2.995 2.995 0 0 0 1.13-.394Zm-2.373-4.11c.307-.178.557-.397.75-.66.202-.267.323-.542.365-.825a1.227 1.227 0 0 0-.164-.843 1.322 1.322 0 0 0-.643-.582 1.554 1.554 0 0 0-.884-.104 2.498 2.498 0 0 0-.971.334 2.599 2.599 0 0 0-.787.681 1.656 1.656 0 0 0-.353.818c-.037.291.024.573.183.848.163.283.38.481.65.595.266.105.558.135.877.091a2.78 2.78 0 0 0 .977-.353Z"
+        />
+        <g
+          filter="url(#k)"
+          shapeRendering="crispEdges"
+          transform="rotate(-15 102.147 144.603)"
+        >
+          <circle
+            cx={102.147}
+            cy={144.603}
+            r={24}
+            fill="#F8F8F8"
+            fillOpacity={0.05}
+            style={{
+              mixBlendMode: 'luminosity',
+            }}
+          />
+          <circle
+            cx={102.147}
+            cy={144.603}
+            r={23.25}
+            stroke="url(#l)"
+            strokeOpacity={0.25}
+            strokeWidth={1.5}
+          />
+        </g>
+        <path
+          fill="#F8F8F8"
+          fillOpacity={0.7}
+          d="M101.99 149.822a.284.284 0 0 1-.225-.027.37.37 0 0 1-.125-.198.433.433 0 0 1-.006-.129l1.258-8.773-4.435 1.189a.35.35 0 0 1-.252-.02.352.352 0 0 1-.143-.208l-.144-.541c-.027-.099-.02-.183.02-.251a.328.328 0 0 1 .204-.157l5.544-1.485a.293.293 0 0 1 .255.033c.078.037.13.105.157.204l.134.501c.031.117.047.214.049.291a2.02 2.02 0 0 1-.016.265l-1.257 8.671a.919.919 0 0 1-.074.266c-.034.087-.106.144-.214.173l-.73.196Z"
+        />
+        <g filter="url(#m)">
+          <g clipPath="url(#n)">
+            <rect
+              width={52}
+              height={92}
+              x={142}
+              y={90}
+              fill="url(#o)"
+              fillOpacity={0.05}
+              rx={26}
+            />
+            <g filter="url(#p)">
+              <rect
+                width={44}
+                height={84}
+                x={146}
+                y={94}
+                fill="#F8F8F8"
+                fillOpacity={0.05}
+                rx={22}
+                shapeRendering="crispEdges"
+                style={{
+                  mixBlendMode: 'luminosity',
+                }}
+              />
+              <rect
+                width={42.5}
+                height={82.5}
+                x={146.75}
+                y={94.75}
+                stroke="url(#q)"
+                strokeOpacity={0.25}
+                strokeWidth={1.5}
+                rx={21.25}
+                shapeRendering="crispEdges"
+              />
+              <path
+                fill="#F8F8F8"
+                fillOpacity={0.95}
+                d="M168.002 141.16c-.619 0-1.19-.075-1.712-.224a4.201 4.201 0 0 1-1.328-.672 3.169 3.169 0 0 1-.848-1.072 3.168 3.168 0 0 1-.304-1.408c0-.651.154-1.211.464-1.68.32-.469.741-.827 1.264-1.072a2.707 2.707 0 0 1-.976-.96c-.235-.395-.352-.864-.352-1.408 0-.64.154-1.179.464-1.616.32-.448.762-.795 1.328-1.04.576-.245 1.242-.368 2-.368.746 0 1.402.123 1.968.368.576.235 1.018.576 1.328 1.024.32.448.48.987.48 1.616 0 .544-.118 1.019-.352 1.424a2.758 2.758 0 0 1-.96.96c.522.245.938.603 1.248 1.072.32.469.48 1.029.48 1.68 0 .693-.176 1.296-.528 1.808-.352.501-.843.891-1.472 1.168-.63.267-1.36.4-2.192.4Zm0-1.28c.49 0 .933-.085 1.328-.256.394-.171.709-.411.944-.72.234-.32.352-.693.352-1.12 0-.437-.118-.805-.352-1.104a2.194 2.194 0 0 0-.944-.704 3.311 3.311 0 0 0-1.328-.256c-.491 0-.939.085-1.344.256-.395.16-.71.395-.944.704-.235.299-.352.667-.352 1.104 0 .427.117.8.352 1.12.234.309.549.549.944.72.405.171.853.256 1.344.256Zm0-5.424c.405 0 .778-.075 1.12-.224a2.06 2.06 0 0 0 .832-.608c.213-.256.32-.565.32-.928a1.52 1.52 0 0 0-.304-.944 1.776 1.776 0 0 0-.816-.608 2.856 2.856 0 0 0-1.152-.224c-.427 0-.816.075-1.168.224a1.887 1.887 0 0 0-.816.608 1.514 1.514 0 0 0-.304.944c0 .373.101.693.304.96.202.256.474.453.816.592.352.139.741.208 1.168.208Z"
+              />
+            </g>
+          </g>
+          <rect
+            width={50.5}
+            height={90.5}
+            x={142.75}
+            y={90.75}
+            stroke="#fff"
+            strokeOpacity={0.4}
+            strokeWidth={1.5}
+            rx={25.25}
+          />
+        </g>
+        <g
+          filter="url(#r)"
+          shapeRendering="crispEdges"
+          transform="rotate(15 232.851 144.603)"
+        >
+          <circle
+            cx={232.851}
+            cy={144.603}
+            r={24}
+            fill="#F8F8F8"
+            fillOpacity={0.05}
+            style={{
+              mixBlendMode: 'luminosity',
+            }}
+          />
+          <circle
+            cx={232.851}
+            cy={144.603}
+            r={23.25}
+            stroke="url(#s)"
+            strokeOpacity={0.25}
+            strokeWidth={1.5}
+          />
+        </g>
+        <path
+          fill="#F8F8F8"
+          fillOpacity={0.7}
+          d="M230.642 149.188a.284.284 0 0 1-.181-.136.367.367 0 0 1-.01-.234.35.35 0 0 1 .043-.105.82.82 0 0 0 .058-.056l2.841-2.326a3.272 3.272 0 0 1-.752-.115 3.663 3.663 0 0 1-1.28-.633 3.208 3.208 0 0 1-.829-.961 3.22 3.22 0 0 1-.272-2.392c.106-.397.277-.766.514-1.109.246-.34.549-.626.911-.857a3.244 3.244 0 0 1 1.264-.444c.474-.076 1-.037 1.577.118.568.152 1.04.375 1.415.669.387.287.684.623.89 1.007.218.377.344.773.377 1.188.043.417.01.829-.099 1.234-.099.37-.243.694-.434.971-.19.278-.394.518-.613.72-.209.205-.414.391-.614.56l-3.571 2.942a5.303 5.303 0 0 1-.196.136c-.08.046-.183.052-.309.019l-.73-.196Zm2.482-4.017a2.31 2.31 0 0 0 1.106.036c.371-.084.691-.25.96-.497.271-.255.464-.595.577-1.019.114-.424.116-.81.006-1.158a1.943 1.943 0 0 0-.582-.91 2.227 2.227 0 0 0-.973-.535 2.179 2.179 0 0 0-1.096-.019 1.968 1.968 0 0 0-.946.5c-.269.247-.46.582-.574 1.006-.114.424-.117.814-.01 1.172.11.348.3.65.569.906.272.246.593.419.963.518Z"
+        />
+        <g
+          filter="url(#t)"
+          shapeRendering="crispEdges"
+          transform="rotate(30 293.749 169.829)"
+        >
+          <circle
+            cx={293.749}
+            cy={169.829}
+            r={24}
+            fill="#F8F8F8"
+            fillOpacity={0.05}
+            style={{
+              mixBlendMode: 'luminosity',
+            }}
+          />
+          <circle
+            cx={293.749}
+            cy={169.829}
+            r={23.25}
+            stroke="url(#u)"
+            strokeOpacity={0.25}
+            strokeWidth={1.5}
+          />
+        </g>
+        <path
+          fill="#F8F8F8"
+          fillOpacity={0.7}
+          d="M288.587 172.622a.356.356 0 0 1-.164-.192.356.356 0 0 1 .046-.248l3.92-6.79-2.908.39c-.093.011-.173-.008-.241-.058s-.108-.122-.119-.214l-.084-.582a.374.374 0 0 1 .065-.254.354.354 0 0 1 .226-.111l3.819-.511a.446.446 0 0 1 .2.018c.053.02.108.046.165.079l.618.357a.278.278 0 0 1 .145.197.308.308 0 0 1-.039.236l-4.578 7.929a.352.352 0 0 1-.192.164.299.299 0 0 1-.236-.039l-.643-.371Zm5.613 3.402c-.557-.322-.981-.68-1.271-1.073a2.94 2.94 0 0 1-.514-1.267 3.486 3.486 0 0 1 .076-1.363c.123-.456.305-.912.546-1.366l.375-.705.42-.727c.152-.246.298-.48.437-.701.265-.44.568-.826.91-1.156a3.619 3.619 0 0 1 1.142-.747 2.79 2.79 0 0 1 1.359-.17c.491.047 1.011.228 1.56.546.558.322.976.681 1.253 1.078.29.394.467.815.533 1.262.069.439.044.893-.076 1.363a5.26 5.26 0 0 1-.534 1.373c-.123.231-.256.471-.401.722-.132.247-.272.489-.42.727-.14.243-.277.471-.411.684a5.28 5.28 0 0 1-.922 1.149c-.342.331-.723.58-1.142.747a2.787 2.787 0 0 1-1.354.189c-.478-.05-1-.238-1.566-.565Zm.595-1.03c.631.364 1.215.426 1.752.186.549-.243 1.036-.722 1.46-1.436.151-.225.29-.447.416-.665l.385-.667c.13-.226.251-.453.361-.681.397-.708.564-1.361.5-1.958-.052-.601-.393-1.084-1.024-1.448-.622-.359-1.21-.413-1.765-.162-.542.247-1.024.718-1.446 1.412-.126.218-.258.438-.397.66l-.385.667c-.118.223-.244.451-.38.686-.399.728-.566 1.392-.502 1.989.069.59.411 1.062 1.025 1.417Z"
+        />
+        <g
+          filter="url(#v)"
+          shapeRendering="crispEdges"
+          transform="rotate(45 346.044 209.956)"
+        >
+          <circle
+            cx={346.044}
+            cy={209.956}
+            r={24}
+            fill="#F8F8F8"
+            fillOpacity={0.05}
+            style={{
+              mixBlendMode: 'luminosity',
+            }}
+          />
+          <circle
+            cx={346.044}
+            cy={209.956}
+            r={23.25}
+            stroke="url(#w)"
+            strokeOpacity={0.25}
+            strokeWidth={1.5}
+          />
+        </g>
+        <g
+          filter="url(#x)"
+          shapeRendering="crispEdges"
+          transform="rotate(60 386.172 262.25)"
+        >
+          <circle
+            cx={386.172}
+            cy={262.25}
+            r={24}
+            fill="#F8F8F8"
+            fillOpacity={0.05}
+            style={{
+              mixBlendMode: 'luminosity',
+            }}
+          />
+          <circle
+            cx={386.172}
+            cy={262.25}
+            r={23.25}
+            stroke="url(#y)"
+            strokeOpacity={0.25}
+            strokeWidth={1.5}
+          />
+        </g>
+      </g>
+      <g filter="url(#z)">
+        <rect
+          width={136}
+          height={48}
+          x={100}
+          y={248}
+          fill="#F8F8F8"
+          fillOpacity={0.05}
+          rx={8}
+          shapeRendering="crispEdges"
+          style={{
+            mixBlendMode: 'luminosity',
+          }}
+        />
+        <rect
+          width={135}
+          height={47}
+          x={100.5}
+          y={248.5}
+          stroke="url(#A)"
+          strokeOpacity={0.25}
+          rx={7.5}
+          shapeRendering="crispEdges"
+        />
+        <rect
+          width={44}
+          height={4}
+          x={146}
+          y={270}
+          fill="#F8F8F8"
+          fillOpacity={0.95}
+          rx={1}
+        />
+      </g>
+      <path
+        fill="#F8F8F8"
+        d="M143 21c-1.105 0-2 .759-2 1.695s.895 1.696 2 1.696h17.323a4 4 0 0 1 2.853 1.195l3.056 3.109c.4.407 1.136.407 1.536 0l3.056-3.109a4 4 0 0 1 2.853-1.195H191c1.105 0 2-.76 2-1.696S192.105 21 191 21h-48Z"
+        opacity={0.2}
+      />
+    </g>
+    <defs>
+      <linearGradient
+        id="c"
+        x1={335}
+        x2={-1}
+        y1={184}
+        y2={184}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopOpacity={0} />
+        <stop offset={0.15} />
+        <stop offset={0.85} />
+        <stop offset={1} stopOpacity={0} />
+      </linearGradient>
+      <linearGradient
+        id="f"
+        x1={-51.173}
+        x2={-30.292}
+        y1={238.25}
+        y2={290.96}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#fff" stopOpacity={0.4} />
+        <stop offset={0.4} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={0.6} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={1} stopColor="#fff" stopOpacity={0.1} />
+      </linearGradient>
+      <linearGradient
+        id="h"
+        x1={-11.046}
+        x2={9.835}
+        y1={185.956}
+        y2={238.665}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#fff" stopOpacity={0.4} />
+        <stop offset={0.4} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={0.6} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={1} stopColor="#fff" stopOpacity={0.1} />
+      </linearGradient>
+      <linearGradient
+        id="j"
+        x1={41.249}
+        x2={62.13}
+        y1={145.829}
+        y2={198.538}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#fff" stopOpacity={0.4} />
+        <stop offset={0.4} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={0.6} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={1} stopColor="#fff" stopOpacity={0.1} />
+      </linearGradient>
+      <linearGradient
+        id="l"
+        x1={102.147}
+        x2={123.028}
+        y1={120.603}
+        y2={173.313}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#fff" stopOpacity={0.4} />
+        <stop offset={0.4} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={0.6} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={1} stopColor="#fff" stopOpacity={0.1} />
+      </linearGradient>
+      <linearGradient
+        id="o"
+        x1={168}
+        x2={168}
+        y1={90}
+        y2={182}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#fff" stopOpacity={0} />
+        <stop offset={1} stopColor="#fff" stopOpacity={0.05} />
+      </linearGradient>
+      <linearGradient
+        id="q"
+        x1={168}
+        x2={219.342}
+        y1={94}
+        y2={161.888}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#fff" stopOpacity={0.4} />
+        <stop offset={0.4} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={0.6} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={1} stopColor="#fff" stopOpacity={0.1} />
+      </linearGradient>
+      <linearGradient
+        id="s"
+        x1={232.851}
+        x2={253.732}
+        y1={120.603}
+        y2={173.313}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#fff" stopOpacity={0.4} />
+        <stop offset={0.4} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={0.6} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={1} stopColor="#fff" stopOpacity={0.1} />
+      </linearGradient>
+      <linearGradient
+        id="u"
+        x1={293.749}
+        x2={314.63}
+        y1={145.829}
+        y2={198.538}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#fff" stopOpacity={0.4} />
+        <stop offset={0.4} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={0.6} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={1} stopColor="#fff" stopOpacity={0.1} />
+      </linearGradient>
+      <linearGradient
+        id="w"
+        x1={346.045}
+        x2={366.925}
+        y1={185.956}
+        y2={238.666}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#fff" stopOpacity={0.4} />
+        <stop offset={0.4} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={0.6} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={1} stopColor="#fff" stopOpacity={0.1} />
+      </linearGradient>
+      <linearGradient
+        id="y"
+        x1={386.172}
+        x2={407.053}
+        y1={238.25}
+        y2={290.96}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#fff" stopOpacity={0.4} />
+        <stop offset={0.4} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={0.6} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={1} stopColor="#fff" stopOpacity={0.1} />
+      </linearGradient>
+      <linearGradient
+        id="A"
+        x1={168}
+        x2={176.363}
+        y1={248}
+        y2={307.813}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#fff" stopOpacity={0.4} />
+        <stop offset={0.4} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={0.6} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={1} stopColor="#fff" stopOpacity={0.1} />
+      </linearGradient>
+      <filter
+        id="e"
+        width={112.008}
+        height={112.008}
+        x={-107.177}
+        y={206.246}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feGaussianBlur in="BackgroundImageFix" stdDeviation={16} />
+        <feComposite
+          in2="SourceAlpha"
+          operator="in"
+          result="effect1_backgroundBlur_282_13442"
+        />
+        <feBlend
+          in="SourceGraphic"
+          in2="effect1_backgroundBlur_282_13442"
+          result="shape"
+        />
+      </filter>
+      <filter
+        id="g"
+        width={112}
+        height={128}
+        x={-67.046}
+        y={153.956}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feGaussianBlur in="BackgroundImageFix" stdDeviation={16} />
+        <feComposite
+          in2="SourceAlpha"
+          operator="in"
+          result="effect1_backgroundBlur_282_13442"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset dy={24} />
+        <feGaussianBlur stdDeviation={12} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0" />
+        <feBlend
+          in2="effect1_backgroundBlur_282_13442"
+          mode="multiply"
+          result="effect2_dropShadow_282_13442"
+        />
+        <feBlend
+          in="SourceGraphic"
+          in2="effect2_dropShadow_282_13442"
+          result="shape"
+        />
+      </filter>
+      <filter
+        id="i"
+        width={112.008}
+        height={128.008}
+        x={-14.755}
+        y={113.824}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feGaussianBlur in="BackgroundImageFix" stdDeviation={16} />
+        <feComposite
+          in2="SourceAlpha"
+          operator="in"
+          result="effect1_backgroundBlur_282_13442"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset dy={24} />
+        <feGaussianBlur stdDeviation={12} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0" />
+        <feBlend
+          in2="effect1_backgroundBlur_282_13442"
+          mode="multiply"
+          result="effect2_dropShadow_282_13442"
+        />
+        <feBlend
+          in="SourceGraphic"
+          in2="effect2_dropShadow_282_13442"
+          result="shape"
+        />
+      </filter>
+      <filter
+        id="k"
+        width={112.012}
+        height={128.012}
+        x={46.141}
+        y={88.597}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feGaussianBlur in="BackgroundImageFix" stdDeviation={16} />
+        <feComposite
+          in2="SourceAlpha"
+          operator="in"
+          result="effect1_backgroundBlur_282_13442"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset dy={24} />
+        <feGaussianBlur stdDeviation={12} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0" />
+        <feBlend
+          in2="effect1_backgroundBlur_282_13442"
+          mode="multiply"
+          result="effect2_dropShadow_282_13442"
+        />
+        <feBlend
+          in="SourceGraphic"
+          in2="effect2_dropShadow_282_13442"
+          result="shape"
+        />
+      </filter>
+      <filter
+        id="m"
+        width={252}
+        height={292}
+        x={42}
+        y={-10}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feGaussianBlur in="BackgroundImageFix" stdDeviation={50} />
+        <feComposite
+          in2="SourceAlpha"
+          operator="in"
+          result="effect1_backgroundBlur_282_13442"
+        />
+        <feBlend
+          in="SourceGraphic"
+          in2="effect1_backgroundBlur_282_13442"
+          result="shape"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset dx={2} dy={4} />
+        <feGaussianBlur stdDeviation={8} />
+        <feComposite in2="hardAlpha" k2={-1} k3={1} operator="arithmetic" />
+        <feColorMatrix values="0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0.06 0" />
+        <feBlend in2="shape" result="effect2_innerShadow_282_13442" />
+      </filter>
+      <filter
+        id="p"
+        width={108}
+        height={164}
+        x={114}
+        y={62}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feGaussianBlur in="BackgroundImageFix" stdDeviation={16} />
+        <feComposite
+          in2="SourceAlpha"
+          operator="in"
+          result="effect1_backgroundBlur_282_13442"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset dy={24} />
+        <feGaussianBlur stdDeviation={12} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0" />
+        <feBlend
+          in2="effect1_backgroundBlur_282_13442"
+          mode="multiply"
+          result="effect2_dropShadow_282_13442"
+        />
+        <feBlend
+          in="SourceGraphic"
+          in2="effect2_dropShadow_282_13442"
+          result="shape"
+        />
+      </filter>
+      <filter
+        id="r"
+        width={112.012}
+        height={128.012}
+        x={176.845}
+        y={88.597}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feGaussianBlur in="BackgroundImageFix" stdDeviation={16} />
+        <feComposite
+          in2="SourceAlpha"
+          operator="in"
+          result="effect1_backgroundBlur_282_13442"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset dy={24} />
+        <feGaussianBlur stdDeviation={12} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0" />
+        <feBlend
+          in2="effect1_backgroundBlur_282_13442"
+          mode="multiply"
+          result="effect2_dropShadow_282_13442"
+        />
+        <feBlend
+          in="SourceGraphic"
+          in2="effect2_dropShadow_282_13442"
+          result="shape"
+        />
+      </filter>
+      <filter
+        id="t"
+        width={112.008}
+        height={128.008}
+        x={237.745}
+        y={113.824}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feGaussianBlur in="BackgroundImageFix" stdDeviation={16} />
+        <feComposite
+          in2="SourceAlpha"
+          operator="in"
+          result="effect1_backgroundBlur_282_13442"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset dy={24} />
+        <feGaussianBlur stdDeviation={12} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0" />
+        <feBlend
+          in2="effect1_backgroundBlur_282_13442"
+          mode="multiply"
+          result="effect2_dropShadow_282_13442"
+        />
+        <feBlend
+          in="SourceGraphic"
+          in2="effect2_dropShadow_282_13442"
+          result="shape"
+        />
+      </filter>
+      <filter
+        id="v"
+        width={112}
+        height={128}
+        x={290.044}
+        y={153.956}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feGaussianBlur in="BackgroundImageFix" stdDeviation={16} />
+        <feComposite
+          in2="SourceAlpha"
+          operator="in"
+          result="effect1_backgroundBlur_282_13442"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset dy={24} />
+        <feGaussianBlur stdDeviation={12} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0" />
+        <feBlend
+          in2="effect1_backgroundBlur_282_13442"
+          mode="multiply"
+          result="effect2_dropShadow_282_13442"
+        />
+        <feBlend
+          in="SourceGraphic"
+          in2="effect2_dropShadow_282_13442"
+          result="shape"
+        />
+      </filter>
+      <filter
+        id="x"
+        width={112.008}
+        height={112.008}
+        x={330.168}
+        y={206.246}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feGaussianBlur in="BackgroundImageFix" stdDeviation={16} />
+        <feComposite
+          in2="SourceAlpha"
+          operator="in"
+          result="effect1_backgroundBlur_282_13442"
+        />
+        <feBlend
+          in="SourceGraphic"
+          in2="effect1_backgroundBlur_282_13442"
+          result="shape"
+        />
+      </filter>
+      <filter
+        id="z"
+        width={184}
+        height={96}
+        x={76}
+        y={248}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset dy={24} />
+        <feGaussianBlur stdDeviation={12} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0" />
+        <feBlend
+          in2="BackgroundImageFix"
+          mode="multiply"
+          result="effect1_dropShadow_282_13442"
+        />
+        <feBlend
+          in="SourceGraphic"
+          in2="effect1_dropShadow_282_13442"
+          result="shape"
+        />
+      </filter>
+      <radialGradient
+        id="a"
+        cx={0}
+        cy={0}
+        r={1}
+        gradientTransform="rotate(90 0 168) scale(226)"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop offset={0.344} stopColor="#D9D9D9" />
+        <stop offset={1} stopColor="#737373" stopOpacity={0} />
+      </radialGradient>
+      <clipPath id="n">
+        <rect width={52} height={92} x={142} y={90} fill="#fff" rx={26} />
+      </clipPath>
+    </defs>
+  </svg>
+);
diff --git a/nx-dev/ui-home/src/lib/illustrations/distributed-task-execution.tsx b/nx-dev/ui-home/src/lib/illustrations/distributed-task-execution.tsx
new file mode 100644
index 0000000000000..26ad8ab7c605c
--- /dev/null
+++ b/nx-dev/ui-home/src/lib/illustrations/distributed-task-execution.tsx
@@ -0,0 +1,295 @@
+import { FC, SVGProps } from 'react';
+
+export const DistributedTaskExecutionIllustration: FC<
+  SVGProps<SVGSVGElement>
+> = (props) => (
+  <svg
+    role="img"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 336 336"
+    {...props}
+  >
+    <mask
+      id="b"
+      width={336}
+      height={336}
+      x={0}
+      y={0}
+      maskUnits="userSpaceOnUse"
+      style={{
+        maskType: 'alpha',
+      }}
+    >
+      <path fill="url(#a)" d="M0 0h336v336H0z" />
+    </mask>
+    <g mask="url(#b)">
+      <rect
+        width={62.5}
+        height={62.5}
+        x={0.75}
+        y={0.75}
+        stroke="#F8F8F8"
+        strokeWidth={1.5}
+        opacity={0.1}
+        rx={15.25}
+      />
+      <rect
+        width={198.5}
+        height={62.5}
+        x={68.75}
+        y={0.75}
+        stroke="#F8F8F8"
+        strokeWidth={1.5}
+        opacity={0.1}
+        rx={15.25}
+      />
+      <rect
+        width={62.5}
+        height={62.5}
+        x={272.75}
+        y={0.75}
+        stroke="#F8F8F8"
+        strokeWidth={1.5}
+        opacity={0.1}
+        rx={15.25}
+      />
+      <g filter="url(#c)">
+        <g clipPath="url(#d)">
+          <rect
+            width={62.5}
+            height={62.5}
+            x={136.75}
+            y={136.75}
+            stroke="#F8F8F8"
+            strokeWidth={1.5}
+            opacity={0.4}
+            rx={15.25}
+          />
+          <g filter="url(#e)">
+            <rect
+              width={52}
+              height={52}
+              x={142}
+              y={142}
+              fill="#F8F8F8"
+              fillOpacity={0.01}
+              rx={10}
+            />
+            <g filter="url(#f)" opacity={0.25}>
+              <path
+                fill="#F8F8F8"
+                fillRule="evenodd"
+                d="M170 162a2 2 0 1 0-4 0v1a3 3 0 0 1-3 3h-1a2 2 0 1 0 0 4h1a3 3 0 0 1 3 3v1a2 2 0 1 0 4 0v-1a3 3 0 0 1 3-3h1a2 2 0 1 0 0-4h-1a3 3 0 0 1-3-3v-1Z"
+                clipRule="evenodd"
+              />
+            </g>
+          </g>
+        </g>
+      </g>
+      <mask
+        id="g"
+        width={207}
+        height={207}
+        x={12}
+        y={65}
+        maskUnits="userSpaceOnUse"
+        style={{
+          maskType: 'alpha',
+        }}
+      >
+        <circle cx={115.5} cy={168.5} r={103.5} fill="#D9D9D9" />
+      </mask>
+      <g stroke="#F8F8F8" strokeWidth={1.5} mask="url(#g)">
+        <rect width={130.5} height={62.5} x={-67.25} y={68.75} rx={15.25} />
+        <rect width={130.5} height={62.5} x={-67.25} y={136.75} rx={15.25} />
+        <rect width={130.5} height={62.5} x={-67.25} y={204.75} rx={15.25} />
+      </g>
+      <mask
+        id="h"
+        width={207}
+        height={207}
+        x={117}
+        y={65}
+        maskUnits="userSpaceOnUse"
+        style={{
+          maskType: 'alpha',
+        }}
+      >
+        <circle cx={220.5} cy={168.5} r={103.5} fill="#D9D9D9" />
+      </mask>
+      <g stroke="#F8F8F8" strokeWidth={1.5} mask="url(#h)">
+        <rect width={62.5} height={62.5} x={272.75} y={68.75} rx={15.25} />
+        <rect width={62.5} height={62.5} x={272.75} y={136.75} rx={15.25} />
+        <rect width={62.5} height={62.5} x={272.75} y={204.75} rx={15.25} />
+      </g>
+      <rect
+        width={62.5}
+        height={62.5}
+        x={0.75}
+        y={272.75}
+        stroke="#F8F8F8"
+        strokeWidth={1.5}
+        opacity={0.1}
+        rx={15.25}
+      />
+      <rect
+        width={198.5}
+        height={62.5}
+        x={68.75}
+        y={272.75}
+        stroke="#F8F8F8"
+        strokeWidth={1.5}
+        opacity={0.1}
+        rx={15.25}
+      />
+      <rect
+        width={62.5}
+        height={62.5}
+        x={272.75}
+        y={272.75}
+        stroke="#F8F8F8"
+        strokeWidth={1.5}
+        opacity={0.1}
+        rx={15.25}
+      />
+      <g opacity={0.25}>
+        <path
+          fill="#F8F8F8"
+          d="M73 99.25a.75.75 0 0 0 0 1.5v-1.5Zm0 1.5h11.505v-1.5H73v1.5Zm25.746 9.796 18.169 47.444 1.401-.536-18.169-47.444-1.401.536Zm33.811 58.204H137v-1.5h-4.443v1.5Zm-15.642-10.76a16.75 16.75 0 0 0 15.642 10.76v-1.5a15.25 15.25 0 0 1-14.241-9.796l-1.401.536Zm-32.41-57.24a15.25 15.25 0 0 1 14.241 9.796l1.401-.536a16.75 16.75 0 0 0-15.642-10.76v1.5Z"
+        />
+        <path
+          fill="#F8F8F8"
+          d="M73 238.75a.75.75 0 0 1 0-1.5v1.5Zm26.387-11.171-.703-.262.703.262ZM73 237.25h11.391v1.5H73v-1.5Zm25.684-9.933 18.288-49.157 1.406.523-18.288 49.157-1.406-.523Zm33.987-60.067H137v1.5h-4.329v-1.5Zm-15.699 10.91a16.75 16.75 0 0 1 15.699-10.91v1.5a15.249 15.249 0 0 0-14.293 9.933l-1.406-.523Zm-32.58 59.09a15.25 15.25 0 0 0 14.292-9.933l1.406.523a16.75 16.75 0 0 1-15.699 10.91v-1.5Z"
+        />
+        <path
+          stroke="#F8F8F8"
+          strokeLinecap="round"
+          strokeWidth={1.5}
+          d="M73 168h44"
+        />
+      </g>
+      <g opacity={0.25}>
+        <path
+          fill="#F8F8F8"
+          d="M263 99.25a.75.75 0 0 1 0 1.5v-1.5Zm0 1.5h-11.505v-1.5H263v1.5Zm-25.746 9.796-18.169 47.444-1.401-.536 18.169-47.444 1.401.536Zm-33.811 58.204H199v-1.5h4.443v1.5Zm15.642-10.76a16.75 16.75 0 0 1-15.642 10.76v-1.5a15.25 15.25 0 0 0 14.241-9.796l1.401.536Zm32.41-57.24a15.25 15.25 0 0 0-14.241 9.796l-1.401-.536a16.75 16.75 0 0 1 15.642-10.76v1.5Z"
+        />
+        <path
+          fill="#F8F8F8"
+          d="M263 238.75a.75.75 0 0 0 0-1.5v1.5Zm-26.387-11.171.703-.262-.703.262ZM263 237.25h-11.391v1.5H263v-1.5Zm-25.684-9.933-18.288-49.157-1.406.523 18.288 49.157 1.406-.523Zm-33.987-60.067H199v1.5h4.329v-1.5Zm15.699 10.91a16.75 16.75 0 0 0-15.699-10.91v1.5a15.249 15.249 0 0 1 14.293 9.933l1.406-.523Zm32.581 59.09a15.249 15.249 0 0 1-14.293-9.933l-1.406.523a16.75 16.75 0 0 0 15.699 10.91v-1.5Z"
+        />
+        <path
+          stroke="#F8F8F8"
+          strokeLinecap="round"
+          strokeWidth={1.5}
+          d="M263 168h-44"
+        />
+      </g>
+    </g>
+    <defs>
+      <filter
+        id="c"
+        width={80}
+        height={104}
+        x={128}
+        y={136}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feMorphology
+          in="SourceAlpha"
+          radius={16}
+          result="effect1_dropShadow_282_13464"
+        />
+        <feOffset dy={32} />
+        <feGaussianBlur stdDeviation={12} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" />
+        <feBlend
+          in2="BackgroundImageFix"
+          mode="multiply"
+          result="effect1_dropShadow_282_13464"
+        />
+        <feBlend
+          in="SourceGraphic"
+          in2="effect1_dropShadow_282_13464"
+          result="shape"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset />
+        <feGaussianBlur stdDeviation={4} />
+        <feComposite in2="hardAlpha" k2={-1} k3={1} operator="arithmetic" />
+        <feColorMatrix values="0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0.25 0" />
+        <feBlend in2="shape" result="effect2_innerShadow_282_13464" />
+      </filter>
+      <filter
+        id="e"
+        width={52}
+        height={52}
+        x={142}
+        y={142}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset />
+        <feGaussianBlur stdDeviation={4} />
+        <feComposite in2="hardAlpha" k2={-1} k3={1} operator="arithmetic" />
+        <feColorMatrix values="0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0.25 0" />
+        <feBlend in2="shape" result="effect1_innerShadow_282_13464" />
+      </filter>
+      <filter
+        id="f"
+        width={16}
+        height={16}
+        x={160}
+        y={160}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset />
+        <feGaussianBlur stdDeviation={4} />
+        <feComposite in2="hardAlpha" k2={-1} k3={1} operator="arithmetic" />
+        <feColorMatrix values="0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0.25 0" />
+        <feBlend in2="shape" result="effect1_innerShadow_282_13464" />
+      </filter>
+      <radialGradient
+        id="a"
+        cx={0}
+        cy={0}
+        r={1}
+        gradientTransform="rotate(90 0 168) scale(168)"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#D9D9D9" />
+        <stop offset={1} stopColor="#737373" stopOpacity={0} />
+      </radialGradient>
+      <clipPath id="d">
+        <rect width={64} height={64} x={136} y={136} fill="#fff" rx={16} />
+      </clipPath>
+    </defs>
+  </svg>
+);
diff --git a/nx-dev/ui-home/src/lib/illustrations/inferred-tasks.tsx b/nx-dev/ui-home/src/lib/illustrations/inferred-tasks.tsx
new file mode 100644
index 0000000000000..0c2beeb89d673
--- /dev/null
+++ b/nx-dev/ui-home/src/lib/illustrations/inferred-tasks.tsx
@@ -0,0 +1,728 @@
+import { FC, SVGProps } from 'react';
+
+export const InferredTasksIllustration: FC<SVGProps<SVGSVGElement>> = (
+  props
+) => (
+  <svg
+    role="img"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 336 336"
+    {...props}
+  >
+    <mask
+      id="b"
+      width={336}
+      height={336}
+      x={0}
+      y={0}
+      maskUnits="userSpaceOnUse"
+      style={{
+        maskType: 'alpha',
+      }}
+    >
+      <circle cx={168} cy={168} r={168} fill="url(#a)" />
+    </mask>
+    <g mask="url(#b)">
+      <g clipPath="url(#c)">
+        <rect
+          width={58.5}
+          height={58.5}
+          x={-21.25}
+          y={10.75}
+          stroke="#F8F8F8"
+          strokeWidth={1.5}
+          opacity={0.5}
+          rx={15.25}
+        />
+        <rect
+          width={58.5}
+          height={58.5}
+          x={42.75}
+          y={10.75}
+          stroke="#F8F8F8"
+          strokeWidth={1.5}
+          opacity={0.5}
+          rx={15.25}
+        />
+        <rect
+          width={58.5}
+          height={58.5}
+          x={106.75}
+          y={10.75}
+          stroke="#F8F8F8"
+          strokeWidth={1.5}
+          opacity={0.1}
+          rx={15.25}
+        />
+        <rect
+          width={122.5}
+          height={58.5}
+          x={170.75}
+          y={10.75}
+          stroke="#F8F8F8"
+          strokeWidth={1.5}
+          opacity={0.5}
+          rx={15.25}
+        />
+        <rect
+          width={58.5}
+          height={58.5}
+          x={298.75}
+          y={10.75}
+          stroke="#F8F8F8"
+          strokeWidth={1.5}
+          opacity={0.5}
+          rx={15.25}
+        />
+        <rect
+          width={58.5}
+          height={58.5}
+          x={-21.25}
+          y={74.75}
+          stroke="#F8F8F8"
+          strokeWidth={1.5}
+          opacity={0.1}
+          rx={15.25}
+        />
+        <rect
+          width={58.5}
+          height={58.5}
+          x={298.75}
+          y={74.75}
+          stroke="#F8F8F8"
+          strokeWidth={1.5}
+          opacity={0.5}
+          rx={15.25}
+        />
+        <rect
+          width={58.5}
+          height={122.5}
+          x={-21.25}
+          y={138.75}
+          stroke="#F8F8F8"
+          strokeWidth={1.5}
+          opacity={0.5}
+          rx={15.25}
+        />
+        <rect
+          width={58.5}
+          height={58.5}
+          x={298.75}
+          y={138.75}
+          stroke="#F8F8F8"
+          strokeWidth={1.5}
+          opacity={0.1}
+          rx={15.25}
+        />
+        <rect
+          width={58.5}
+          height={58.5}
+          x={298.75}
+          y={202.75}
+          stroke="#F8F8F8"
+          strokeWidth={1.5}
+          opacity={0.5}
+          rx={15.25}
+        />
+        <mask
+          id="e"
+          width={193}
+          height={193}
+          x={72}
+          y={72}
+          maskUnits="userSpaceOnUse"
+          style={{
+            maskType: 'alpha',
+          }}
+        >
+          <circle cx={168.5} cy={168.5} r={96.5} fill="url(#d)" />
+        </mask>
+        <g mask="url(#e)">
+          <path
+            stroke="#F8F8F8"
+            strokeWidth={1.5}
+            d="M170.5 104H150c-6.627 0-12 5.373-12 12v80"
+          />
+          <rect
+            width={58.5}
+            height={58.5}
+            x={170.75}
+            y={202.75}
+            stroke="#F8F8F8"
+            strokeWidth={1.5}
+            rx={15.25}
+          />
+          <rect
+            width={58.5}
+            height={122.5}
+            x={234.75}
+            y={138.75}
+            stroke="#F8F8F8"
+            strokeWidth={1.5}
+            rx={15.25}
+          />
+          <rect
+            width={58.5}
+            height={58.5}
+            x={170.75}
+            y={138.75}
+            stroke="#F8F8F8"
+            strokeWidth={1.5}
+            opacity={0.1}
+            rx={15.25}
+          />
+          <path
+            fill="#D9D9D9"
+            d="M129 198a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v4h-14v-4Z"
+          />
+        </g>
+        <rect
+          width={58.5}
+          height={58.5}
+          x={-21.25}
+          y={266.75}
+          stroke="#F8F8F8"
+          strokeWidth={1.5}
+          opacity={0.5}
+          rx={15.25}
+        />
+        <rect
+          width={58.5}
+          height={58.5}
+          x={42.75}
+          y={266.75}
+          stroke="#F8F8F8"
+          strokeWidth={1.5}
+          opacity={0.5}
+          rx={15.25}
+        />
+        <rect
+          width={122.5}
+          height={58.5}
+          x={106.75}
+          y={266.75}
+          stroke="#F8F8F8"
+          strokeWidth={1.5}
+          opacity={0.5}
+          rx={15.25}
+        />
+        <rect
+          width={58.5}
+          height={58.5}
+          x={234.75}
+          y={266.75}
+          stroke="#F8F8F8"
+          strokeWidth={1.5}
+          opacity={0.1}
+          rx={15.25}
+        />
+        <rect
+          width={58.5}
+          height={58.5}
+          x={298.75}
+          y={266.75}
+          stroke="#F8F8F8"
+          strokeWidth={1.5}
+          opacity={0.5}
+          rx={15.25}
+        />
+        <path
+          stroke="#F8F8F8"
+          strokeWidth={1.5}
+          d="M102 104h20c6.627 0 12 5.373 12 12v80"
+          opacity={0.5}
+        />
+        <g filter="url(#f)" shapeRendering="crispEdges">
+          <circle cx={102} cy={104} r={6} fill="#F8F8F8" fillOpacity={0.01} />
+          <circle cx={102} cy={104} r={6} fill="#121212" fillOpacity={0.3} />
+          <circle
+            cx={102}
+            cy={104}
+            r={5.25}
+            stroke="url(#g)"
+            strokeOpacity={0.25}
+            strokeWidth={1.5}
+          />
+        </g>
+        <circle cx={102} cy={104} r={3} fill="#F8F8F8" />
+        <g filter="url(#h)" shapeRendering="crispEdges">
+          <circle cx={171} cy={104} r={6} fill="#F8F8F8" fillOpacity={0.01} />
+          <circle cx={171} cy={104} r={6} fill="#121212" fillOpacity={0.3} />
+          <circle
+            cx={171}
+            cy={104}
+            r={5.25}
+            stroke="url(#i)"
+            strokeOpacity={0.25}
+            strokeWidth={1.5}
+          />
+        </g>
+        <circle cx={171} cy={104} r={3} fill="#F8F8F8" />
+      </g>
+      <g filter="url(#j)" shapeRendering="crispEdges">
+        <g clipPath="url(#k)" filter="url(#l)">
+          <rect
+            width={52}
+            height={52}
+            x={110}
+            y={206}
+            fill="#F8F8F8"
+            fillOpacity={0.01}
+            rx={12}
+          />
+          <rect
+            width={52}
+            height={52}
+            x={110}
+            y={206}
+            fill="#121212"
+            fillOpacity={0.3}
+            rx={12}
+          />
+          <rect
+            width={50.5}
+            height={50.5}
+            x={110.75}
+            y={206.75}
+            stroke="url(#m)"
+            strokeOpacity={0.25}
+            strokeWidth={1.5}
+            rx={11.25}
+          />
+        </g>
+        <rect
+          width={58.5}
+          height={58.5}
+          x={106.75}
+          y={202.75}
+          stroke="#F8F8F8"
+          strokeOpacity={0.4}
+          strokeWidth={1.5}
+          rx={15.25}
+        />
+      </g>
+      <g filter="url(#n)">
+        <g clipPath="url(#o)">
+          <g filter="url(#p)">
+            <rect
+              width={60}
+              height={60}
+              x={42}
+              y={74}
+              fill="#282828"
+              fillOpacity={0.1}
+              rx={16}
+            />
+            <rect
+              width={60}
+              height={60}
+              x={42}
+              y={74}
+              fill="#121212"
+              fillOpacity={0.2}
+              rx={16}
+            />
+          </g>
+          <rect
+            width={59}
+            height={59}
+            x={42.5}
+            y={74.5}
+            stroke="#F8F8F8"
+            strokeOpacity={0.1}
+            rx={15.5}
+          />
+        </g>
+      </g>
+      <g filter="url(#q)">
+        <rect
+          width={60}
+          height={60}
+          x={170}
+          y={74}
+          fill="#282828"
+          fillOpacity={0.1}
+          rx={16}
+        />
+        <rect
+          width={60}
+          height={60}
+          x={170}
+          y={74}
+          fill="#121212"
+          fillOpacity={0.2}
+          rx={16}
+        />
+      </g>
+      <rect
+        width={59}
+        height={59}
+        x={170.5}
+        y={74.5}
+        stroke="#F8F8F8"
+        strokeOpacity={0.1}
+        rx={15.5}
+      />
+    </g>
+    <defs>
+      <filter
+        id="f"
+        width={28}
+        height={46.667}
+        x={88}
+        y={90}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feGaussianBlur in="BackgroundImageFix" stdDeviation={4} />
+        <feComposite
+          in2="SourceAlpha"
+          operator="in"
+          result="effect1_backgroundBlur_282_13447"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feMorphology
+          in="SourceAlpha"
+          radius={10.667}
+          result="effect2_dropShadow_282_13447"
+        />
+        <feOffset dy={21.333} />
+        <feGaussianBlur stdDeviation={8} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" />
+        <feBlend
+          in2="effect1_backgroundBlur_282_13447"
+          mode="multiply"
+          result="effect2_dropShadow_282_13447"
+        />
+        <feBlend
+          in="SourceGraphic"
+          in2="effect2_dropShadow_282_13447"
+          result="shape"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset />
+        <feGaussianBlur stdDeviation={2.667} />
+        <feComposite in2="hardAlpha" k2={-1} k3={1} operator="arithmetic" />
+        <feColorMatrix values="0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0.25 0" />
+        <feBlend in2="shape" result="effect3_innerShadow_282_13447" />
+      </filter>
+      <filter
+        id="h"
+        width={28}
+        height={46.667}
+        x={157}
+        y={90}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feGaussianBlur in="BackgroundImageFix" stdDeviation={4} />
+        <feComposite
+          in2="SourceAlpha"
+          operator="in"
+          result="effect1_backgroundBlur_282_13447"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feMorphology
+          in="SourceAlpha"
+          radius={10.667}
+          result="effect2_dropShadow_282_13447"
+        />
+        <feOffset dy={21.333} />
+        <feGaussianBlur stdDeviation={8} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" />
+        <feBlend
+          in2="effect1_backgroundBlur_282_13447"
+          mode="multiply"
+          result="effect2_dropShadow_282_13447"
+        />
+        <feBlend
+          in="SourceGraphic"
+          in2="effect2_dropShadow_282_13447"
+          result="shape"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset />
+        <feGaussianBlur stdDeviation={2.667} />
+        <feComposite in2="hardAlpha" k2={-1} k3={1} operator="arithmetic" />
+        <feColorMatrix values="0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0.25 0" />
+        <feBlend in2="shape" result="effect3_innerShadow_282_13447" />
+      </filter>
+      <filter
+        id="j"
+        width={76}
+        height={100}
+        x={98}
+        y={202}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feMorphology
+          in="SourceAlpha"
+          radius={16}
+          result="effect1_dropShadow_282_13447"
+        />
+        <feOffset dy={32} />
+        <feGaussianBlur stdDeviation={12} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" />
+        <feBlend
+          in2="BackgroundImageFix"
+          mode="multiply"
+          result="effect1_dropShadow_282_13447"
+        />
+        <feBlend
+          in="SourceGraphic"
+          in2="effect1_dropShadow_282_13447"
+          result="shape"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset />
+        <feGaussianBlur stdDeviation={4} />
+        <feComposite in2="hardAlpha" k2={-1} k3={1} operator="arithmetic" />
+        <feColorMatrix values="0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0.25 0" />
+        <feBlend in2="shape" result="effect2_innerShadow_282_13447" />
+      </filter>
+      <filter
+        id="l"
+        width={76}
+        height={104}
+        x={98}
+        y={194}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feGaussianBlur in="BackgroundImageFix" stdDeviation={6} />
+        <feComposite
+          in2="SourceAlpha"
+          operator="in"
+          result="effect1_backgroundBlur_282_13447"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feMorphology
+          in="SourceAlpha"
+          radius={16}
+          result="effect2_dropShadow_282_13447"
+        />
+        <feOffset dy={32} />
+        <feGaussianBlur stdDeviation={12} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" />
+        <feBlend
+          in2="effect1_backgroundBlur_282_13447"
+          mode="multiply"
+          result="effect2_dropShadow_282_13447"
+        />
+        <feBlend
+          in="SourceGraphic"
+          in2="effect2_dropShadow_282_13447"
+          result="shape"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset />
+        <feGaussianBlur stdDeviation={4} />
+        <feComposite in2="hardAlpha" k2={-1} k3={1} operator="arithmetic" />
+        <feColorMatrix values="0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0.25 0" />
+        <feBlend in2="shape" result="effect3_innerShadow_282_13447" />
+      </filter>
+      <filter
+        id="n"
+        width={76}
+        height={100}
+        x={34}
+        y={74}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feMorphology
+          in="SourceAlpha"
+          radius={16}
+          result="effect1_dropShadow_282_13447"
+        />
+        <feOffset dy={32} />
+        <feGaussianBlur stdDeviation={12} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" />
+        <feBlend
+          in2="BackgroundImageFix"
+          mode="multiply"
+          result="effect1_dropShadow_282_13447"
+        />
+        <feBlend
+          in="SourceGraphic"
+          in2="effect1_dropShadow_282_13447"
+          result="shape"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset />
+        <feGaussianBlur stdDeviation={4} />
+        <feComposite in2="hardAlpha" k2={-1} k3={1} operator="arithmetic" />
+        <feColorMatrix values="0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0.25 0" />
+        <feBlend in2="shape" result="effect2_innerShadow_282_13447" />
+      </filter>
+      <filter
+        id="p"
+        width={60}
+        height={60}
+        x={42}
+        y={74}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset />
+        <feGaussianBlur stdDeviation={4} />
+        <feComposite in2="hardAlpha" k2={-1} k3={1} operator="arithmetic" />
+        <feColorMatrix values="0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0.25 0" />
+        <feBlend in2="shape" result="effect1_innerShadow_282_13447" />
+      </filter>
+      <filter
+        id="q"
+        width={60}
+        height={60}
+        x={170}
+        y={74}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset />
+        <feGaussianBlur stdDeviation={4} />
+        <feComposite in2="hardAlpha" k2={-1} k3={1} operator="arithmetic" />
+        <feColorMatrix values="0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0.25 0" />
+        <feBlend in2="shape" result="effect1_innerShadow_282_13447" />
+      </filter>
+      <linearGradient
+        id="g"
+        x1={102}
+        x2={107.22}
+        y1={98}
+        y2={111.177}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#fff" stopOpacity={0.4} />
+        <stop offset={0.4} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={0.6} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={1} stopColor="#fff" stopOpacity={0.1} />
+      </linearGradient>
+      <linearGradient
+        id="i"
+        x1={171}
+        x2={176.22}
+        y1={98}
+        y2={111.177}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#fff" stopOpacity={0.4} />
+        <stop offset={0.4} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={0.6} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={1} stopColor="#fff" stopOpacity={0.1} />
+      </linearGradient>
+      <linearGradient
+        id="m"
+        x1={136}
+        x2={158.621}
+        y1={206}
+        y2={263.102}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#fff" stopOpacity={0.4} />
+        <stop offset={0.4} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={0.6} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={1} stopColor="#fff" stopOpacity={0.1} />
+      </linearGradient>
+      <clipPath id="c">
+        <path fill="#fff" d="M0 0h336v336H0z" />
+      </clipPath>
+      <clipPath id="k">
+        <rect width={60} height={60} x={106} y={202} fill="#fff" rx={16} />
+      </clipPath>
+      <clipPath id="o">
+        <rect width={60} height={60} x={42} y={74} fill="#fff" rx={16} />
+      </clipPath>
+      <radialGradient
+        id="a"
+        cx={0}
+        cy={0}
+        r={1}
+        gradientTransform="rotate(90 0 168) scale(168)"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#D9D9D9" />
+        <stop offset={1} stopColor="#737373" stopOpacity={0} />
+      </radialGradient>
+      <radialGradient
+        id="d"
+        cx={0}
+        cy={0}
+        r={1}
+        gradientTransform="rotate(90 0 168.5) scale(96.5)"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#D9D9D9" />
+        <stop offset={1} stopColor="#737373" stopOpacity={0} />
+      </radialGradient>
+    </defs>
+  </svg>
+);
diff --git a/nx-dev/ui-home/src/lib/illustrations/remote-caching.tsx b/nx-dev/ui-home/src/lib/illustrations/remote-caching.tsx
new file mode 100644
index 0000000000000..a048d63ceb7f2
--- /dev/null
+++ b/nx-dev/ui-home/src/lib/illustrations/remote-caching.tsx
@@ -0,0 +1,856 @@
+import { FC, SVGProps } from 'react';
+
+export const RemoteCachingIllustration: FC<SVGProps<SVGSVGElement>> = (
+  props
+) => (
+  <svg
+    role="img"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 336 336"
+    {...props}
+  >
+    <g clipPath="url(#a)">
+      <mask
+        id="c"
+        width={336}
+        height={336}
+        x={0}
+        y={0}
+        maskUnits="userSpaceOnUse"
+        style={{
+          maskType: 'alpha',
+        }}
+      >
+        <circle cx={168} cy={168} r={168} fill="url(#b)" />
+      </mask>
+      <g mask="url(#c)">
+        <g clipPath="url(#d)">
+          <rect
+            width={58.5}
+            height={58.5}
+            x={-21.25}
+            y={92.75}
+            stroke="#F8F8F8"
+            strokeOpacity={0.1}
+            strokeWidth={1.5}
+            rx={15.25}
+          />
+        </g>
+        <g clipPath="url(#e)">
+          <rect
+            width={250.5}
+            height={58.5}
+            x={42.75}
+            y={220.75}
+            stroke="#F8F8F8"
+            strokeOpacity={0.1}
+            strokeWidth={1.5}
+            rx={15.25}
+          />
+        </g>
+        <g clipPath="url(#f)">
+          <rect
+            width={58.5}
+            height={58.5}
+            x={42.75}
+            y={92.75}
+            stroke="#F8F8F8"
+            strokeWidth={1.5}
+            opacity={0.3}
+            rx={15.25}
+          />
+          <g filter="url(#g)" opacity={0.05} shapeRendering="crispEdges">
+            <circle cx={72} cy={122} r={6} fill="url(#h)" />
+            <circle
+              cx={72}
+              cy={122}
+              r={5.5}
+              stroke="#F8F8F8"
+              strokeOpacity={0.1}
+            />
+          </g>
+        </g>
+        <g clipPath="url(#i)">
+          <rect
+            width={58.5}
+            height={58.5}
+            x={106.75}
+            y={156.75}
+            stroke="#F8F8F8"
+            strokeWidth={1.5}
+            opacity={0.3}
+            rx={15.25}
+          />
+          <g filter="url(#j)" opacity={0.05} shapeRendering="crispEdges">
+            <circle cx={136} cy={186} r={6} fill="url(#k)" />
+            <circle
+              cx={136}
+              cy={186}
+              r={5.5}
+              stroke="#F8F8F8"
+              strokeOpacity={0.1}
+            />
+          </g>
+        </g>
+        <g clipPath="url(#l)">
+          <rect
+            width={58.5}
+            height={58.5}
+            x={170.75}
+            y={92.75}
+            stroke="#F8F8F8"
+            strokeWidth={1.5}
+            opacity={0.3}
+            rx={15.25}
+          />
+          <g filter="url(#m)" opacity={0.05} shapeRendering="crispEdges">
+            <circle cx={200} cy={122} r={6} fill="url(#n)" />
+            <circle
+              cx={200}
+              cy={122}
+              r={5.5}
+              stroke="#F8F8F8"
+              strokeOpacity={0.1}
+            />
+          </g>
+        </g>
+        <g clipPath="url(#o)">
+          <rect
+            width={122.5}
+            height={58.5}
+            x={-21.25}
+            y={156.75}
+            stroke="#F8F8F8"
+            strokeOpacity={0.1}
+            strokeWidth={1.5}
+            rx={15.25}
+          />
+        </g>
+        <g clipPath="url(#p)">
+          <rect
+            width={58.5}
+            height={58.5}
+            x={170.75}
+            y={156.75}
+            stroke="#F8F8F8"
+            strokeOpacity={0.1}
+            strokeWidth={1.5}
+            rx={15.25}
+          />
+          <g filter="url(#q)" opacity={0.05} shapeRendering="crispEdges">
+            <circle cx={200} cy={186} r={6} fill="url(#r)" />
+            <circle
+              cx={200}
+              cy={186}
+              r={5.5}
+              stroke="#F8F8F8"
+              strokeOpacity={0.1}
+            />
+          </g>
+        </g>
+        <g filter="url(#s)">
+          <g clipPath="url(#t)" filter="url(#u)">
+            <rect
+              width={52}
+              height={52}
+              x={110}
+              y={96}
+              fill="#F8F8F8"
+              fillOpacity={0.01}
+              rx={12}
+              shapeRendering="crispEdges"
+            />
+            <rect
+              width={52}
+              height={52}
+              x={110}
+              y={96}
+              fill="#121212"
+              fillOpacity={0.3}
+              rx={12}
+              shapeRendering="crispEdges"
+            />
+            <rect
+              width={50.5}
+              height={50.5}
+              x={110.75}
+              y={96.75}
+              stroke="url(#v)"
+              strokeOpacity={0.25}
+              strokeWidth={1.5}
+              rx={11.25}
+              shapeRendering="crispEdges"
+            />
+            <path
+              fill="#F8F8F8"
+              fillRule="evenodd"
+              d="M136 115.76a1.76 1.76 0 0 0-1.76-1.76h-4.48a1.76 1.76 0 0 0-1.76 1.76v4.538c0 .972.788 1.76 1.76 1.76h4.48c.972 0 1.76.788 1.76 1.76v4.422c0 .972.788 1.76 1.76 1.76h4.48a1.76 1.76 0 0 0 1.76-1.76v-4.538a1.76 1.76 0 0 0-1.76-1.76h-4.48a1.76 1.76 0 0 1-1.76-1.76v-4.422Z"
+              clipRule="evenodd"
+            />
+          </g>
+          <rect
+            width={58.5}
+            height={58.5}
+            x={106.75}
+            y={92.75}
+            stroke="#F8F8F8"
+            strokeOpacity={0.4}
+            strokeWidth={1.5}
+            rx={15.25}
+            shapeRendering="crispEdges"
+          />
+        </g>
+        <g clipPath="url(#w)">
+          <rect
+            width={58.5}
+            height={58.5}
+            x={298.75}
+            y={156.75}
+            stroke="#F8F8F8"
+            strokeOpacity={0.1}
+            strokeWidth={1.5}
+            rx={15.25}
+          />
+          <g filter="url(#x)" opacity={0.05} shapeRendering="crispEdges">
+            <circle cx={328} cy={186} r={6} fill="url(#y)" />
+            <circle
+              cx={328}
+              cy={186}
+              r={5.5}
+              stroke="#F8F8F8"
+              strokeOpacity={0.1}
+            />
+          </g>
+        </g>
+        <g clipPath="url(#z)">
+          <rect
+            width={58.5}
+            height={58.5}
+            x={-21.25}
+            y={220.75}
+            stroke="#F8F8F8"
+            strokeOpacity={0.1}
+            strokeWidth={1.5}
+            rx={15.25}
+          />
+        </g>
+        <g clipPath="url(#A)">
+          <rect
+            width={58.5}
+            height={58.5}
+            x={234.75}
+            y={156.75}
+            stroke="#F8F8F8"
+            strokeOpacity={0.1}
+            strokeWidth={1.5}
+            rx={15.25}
+          />
+          <g filter="url(#B)" opacity={0.05} shapeRendering="crispEdges">
+            <circle cx={264} cy={186} r={6} fill="url(#C)" />
+            <circle
+              cx={264}
+              cy={186}
+              r={5.5}
+              stroke="#F8F8F8"
+              strokeOpacity={0.1}
+            />
+          </g>
+        </g>
+        <g clipPath="url(#D)">
+          <rect
+            width={58.5}
+            height={58.5}
+            x={298.75}
+            y={220.75}
+            stroke="#F8F8F8"
+            strokeOpacity={0.1}
+            strokeWidth={1.5}
+            rx={15.25}
+          />
+        </g>
+        <g clipPath="url(#E)">
+          <rect
+            width={122.5}
+            height={58.5}
+            x={234.75}
+            y={92.75}
+            stroke="#F8F8F8"
+            strokeOpacity={0.1}
+            strokeWidth={1.5}
+            rx={15.25}
+          />
+        </g>
+        <path
+          stroke="#F8F8F8"
+          strokeWidth={1.5}
+          d="M77-81V45.5c0 6.627 5.373 12 12 12h36c6.627 0 12 5.373 12 12V93m0 186.5v29.086c0 6.628 5.373 12 12 12h102c6.627 0 12 5.373 12 12V354"
+        />
+        <g filter="url(#F)" shapeRendering="crispEdges">
+          <circle cx={137} cy={93} r={6} fill="#F8F8F8" fillOpacity={0.01} />
+          <circle cx={137} cy={93} r={6} fill="#121212" fillOpacity={0.3} />
+          <circle
+            cx={137}
+            cy={93}
+            r={5.25}
+            stroke="url(#G)"
+            strokeOpacity={0.25}
+            strokeWidth={1.5}
+          />
+        </g>
+        <circle cx={137} cy={93} r={3} fill="#F8F8F8" />
+        <g filter="url(#H)" shapeRendering="crispEdges">
+          <circle cx={137} cy={279} r={6} fill="#F8F8F8" fillOpacity={0.01} />
+          <circle cx={137} cy={279} r={6} fill="#121212" fillOpacity={0.3} />
+          <circle
+            cx={137}
+            cy={279}
+            r={5.25}
+            stroke="url(#I)"
+            strokeOpacity={0.25}
+            strokeWidth={1.5}
+          />
+        </g>
+        <circle cx={137} cy={279} r={3} fill="#F8F8F8" />
+      </g>
+    </g>
+    <defs>
+      <clipPath id="a">
+        <path fill="#fff" d="M0 0h336v336H0z" />
+      </clipPath>
+      <clipPath id="d">
+        <path fill="#fff" d="M-22 92h60v60h-60z" />
+      </clipPath>
+      <clipPath id="e">
+        <path fill="#fff" d="M42 220h252v60H42z" />
+      </clipPath>
+      <clipPath id="f">
+        <path fill="#fff" d="M42 92h60v60H42z" />
+      </clipPath>
+      <clipPath id="i">
+        <path fill="#fff" d="M106 156h60v60h-60z" />
+      </clipPath>
+      <clipPath id="l">
+        <path fill="#fff" d="M170 92h60v60h-60z" />
+      </clipPath>
+      <clipPath id="o">
+        <path fill="#fff" d="M-22 156h124v60H-22z" />
+      </clipPath>
+      <clipPath id="p">
+        <path fill="#fff" d="M170 156h60v60h-60z" />
+      </clipPath>
+      <clipPath id="t">
+        <rect width={60} height={60} x={106} y={92} fill="#fff" rx={16} />
+      </clipPath>
+      <clipPath id="w">
+        <path fill="#fff" d="M298 156h60v60h-60z" />
+      </clipPath>
+      <clipPath id="z">
+        <path fill="#fff" d="M-22 220h60v60h-60z" />
+      </clipPath>
+      <clipPath id="A">
+        <path fill="#fff" d="M234 156h60v60h-60z" />
+      </clipPath>
+      <clipPath id="D">
+        <path fill="#fff" d="M298 220h60v60h-60z" />
+      </clipPath>
+      <clipPath id="E">
+        <path fill="#fff" d="M234 92h124v60H234z" />
+      </clipPath>
+      <filter
+        id="g"
+        width={60}
+        height={60}
+        x={42}
+        y={116}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset dy={24} />
+        <feGaussianBlur stdDeviation={12} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0" />
+        <feBlend
+          in2="BackgroundImageFix"
+          mode="multiply"
+          result="effect1_dropShadow_282_13448"
+        />
+        <feBlend
+          in="SourceGraphic"
+          in2="effect1_dropShadow_282_13448"
+          result="shape"
+        />
+      </filter>
+      <filter
+        id="j"
+        width={60}
+        height={60}
+        x={106}
+        y={180}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset dy={24} />
+        <feGaussianBlur stdDeviation={12} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0" />
+        <feBlend
+          in2="BackgroundImageFix"
+          mode="multiply"
+          result="effect1_dropShadow_282_13448"
+        />
+        <feBlend
+          in="SourceGraphic"
+          in2="effect1_dropShadow_282_13448"
+          result="shape"
+        />
+      </filter>
+      <filter
+        id="m"
+        width={60}
+        height={60}
+        x={170}
+        y={116}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset dy={24} />
+        <feGaussianBlur stdDeviation={12} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0" />
+        <feBlend
+          in2="BackgroundImageFix"
+          mode="multiply"
+          result="effect1_dropShadow_282_13448"
+        />
+        <feBlend
+          in="SourceGraphic"
+          in2="effect1_dropShadow_282_13448"
+          result="shape"
+        />
+      </filter>
+      <filter
+        id="q"
+        width={60}
+        height={60}
+        x={170}
+        y={180}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset dy={24} />
+        <feGaussianBlur stdDeviation={12} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0" />
+        <feBlend
+          in2="BackgroundImageFix"
+          mode="multiply"
+          result="effect1_dropShadow_282_13448"
+        />
+        <feBlend
+          in="SourceGraphic"
+          in2="effect1_dropShadow_282_13448"
+          result="shape"
+        />
+      </filter>
+      <filter
+        id="s"
+        width={76}
+        height={100}
+        x={98}
+        y={92}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feMorphology
+          in="SourceAlpha"
+          radius={16}
+          result="effect1_dropShadow_282_13448"
+        />
+        <feOffset dy={32} />
+        <feGaussianBlur stdDeviation={12} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" />
+        <feBlend
+          in2="BackgroundImageFix"
+          mode="multiply"
+          result="effect1_dropShadow_282_13448"
+        />
+        <feBlend
+          in="SourceGraphic"
+          in2="effect1_dropShadow_282_13448"
+          result="shape"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset />
+        <feGaussianBlur stdDeviation={4} />
+        <feComposite in2="hardAlpha" k2={-1} k3={1} operator="arithmetic" />
+        <feColorMatrix values="0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0.25 0" />
+        <feBlend in2="shape" result="effect2_innerShadow_282_13448" />
+      </filter>
+      <filter
+        id="u"
+        width={76}
+        height={104}
+        x={98}
+        y={84}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feGaussianBlur in="BackgroundImageFix" stdDeviation={6} />
+        <feComposite
+          in2="SourceAlpha"
+          operator="in"
+          result="effect1_backgroundBlur_282_13448"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feMorphology
+          in="SourceAlpha"
+          radius={16}
+          result="effect2_dropShadow_282_13448"
+        />
+        <feOffset dy={32} />
+        <feGaussianBlur stdDeviation={12} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" />
+        <feBlend
+          in2="effect1_backgroundBlur_282_13448"
+          mode="multiply"
+          result="effect2_dropShadow_282_13448"
+        />
+        <feBlend
+          in="SourceGraphic"
+          in2="effect2_dropShadow_282_13448"
+          result="shape"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset />
+        <feGaussianBlur stdDeviation={4} />
+        <feComposite in2="hardAlpha" k2={-1} k3={1} operator="arithmetic" />
+        <feColorMatrix values="0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0.25 0" />
+        <feBlend in2="shape" result="effect3_innerShadow_282_13448" />
+      </filter>
+      <filter
+        id="x"
+        width={60}
+        height={60}
+        x={298}
+        y={180}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset dy={24} />
+        <feGaussianBlur stdDeviation={12} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0" />
+        <feBlend
+          in2="BackgroundImageFix"
+          mode="multiply"
+          result="effect1_dropShadow_282_13448"
+        />
+        <feBlend
+          in="SourceGraphic"
+          in2="effect1_dropShadow_282_13448"
+          result="shape"
+        />
+      </filter>
+      <filter
+        id="B"
+        width={60}
+        height={60}
+        x={234}
+        y={180}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset dy={24} />
+        <feGaussianBlur stdDeviation={12} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0" />
+        <feBlend
+          in2="BackgroundImageFix"
+          mode="multiply"
+          result="effect1_dropShadow_282_13448"
+        />
+        <feBlend
+          in="SourceGraphic"
+          in2="effect1_dropShadow_282_13448"
+          result="shape"
+        />
+      </filter>
+      <filter
+        id="F"
+        width={28}
+        height={46.667}
+        x={123}
+        y={79}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feGaussianBlur in="BackgroundImageFix" stdDeviation={4} />
+        <feComposite
+          in2="SourceAlpha"
+          operator="in"
+          result="effect1_backgroundBlur_282_13448"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feMorphology
+          in="SourceAlpha"
+          radius={10.667}
+          result="effect2_dropShadow_282_13448"
+        />
+        <feOffset dy={21.333} />
+        <feGaussianBlur stdDeviation={8} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" />
+        <feBlend
+          in2="effect1_backgroundBlur_282_13448"
+          mode="multiply"
+          result="effect2_dropShadow_282_13448"
+        />
+        <feBlend
+          in="SourceGraphic"
+          in2="effect2_dropShadow_282_13448"
+          result="shape"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset />
+        <feGaussianBlur stdDeviation={2.667} />
+        <feComposite in2="hardAlpha" k2={-1} k3={1} operator="arithmetic" />
+        <feColorMatrix values="0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0.25 0" />
+        <feBlend in2="shape" result="effect3_innerShadow_282_13448" />
+      </filter>
+      <filter
+        id="H"
+        width={28}
+        height={46.667}
+        x={123}
+        y={265}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feGaussianBlur in="BackgroundImageFix" stdDeviation={4} />
+        <feComposite
+          in2="SourceAlpha"
+          operator="in"
+          result="effect1_backgroundBlur_282_13448"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feMorphology
+          in="SourceAlpha"
+          radius={10.667}
+          result="effect2_dropShadow_282_13448"
+        />
+        <feOffset dy={21.333} />
+        <feGaussianBlur stdDeviation={8} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" />
+        <feBlend
+          in2="effect1_backgroundBlur_282_13448"
+          mode="multiply"
+          result="effect2_dropShadow_282_13448"
+        />
+        <feBlend
+          in="SourceGraphic"
+          in2="effect2_dropShadow_282_13448"
+          result="shape"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset />
+        <feGaussianBlur stdDeviation={2.667} />
+        <feComposite in2="hardAlpha" k2={-1} k3={1} operator="arithmetic" />
+        <feColorMatrix values="0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0.25 0" />
+        <feBlend in2="shape" result="effect3_innerShadow_282_13448" />
+      </filter>
+      <linearGradient
+        id="h"
+        x1={72}
+        x2={72}
+        y1={116}
+        y2={128}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#F8F8F8" stopOpacity={0.9} />
+        <stop offset={1} stopColor="#F8F8F8" stopOpacity={0.3} />
+      </linearGradient>
+      <linearGradient
+        id="k"
+        x1={136}
+        x2={136}
+        y1={180}
+        y2={192}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#F8F8F8" stopOpacity={0.9} />
+        <stop offset={1} stopColor="#F8F8F8" stopOpacity={0.3} />
+      </linearGradient>
+      <linearGradient
+        id="n"
+        x1={200}
+        x2={200}
+        y1={116}
+        y2={128}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#F8F8F8" stopOpacity={0.9} />
+        <stop offset={1} stopColor="#F8F8F8" stopOpacity={0.3} />
+      </linearGradient>
+      <linearGradient
+        id="r"
+        x1={200}
+        x2={200}
+        y1={180}
+        y2={192}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#F8F8F8" stopOpacity={0.9} />
+        <stop offset={1} stopColor="#F8F8F8" stopOpacity={0.3} />
+      </linearGradient>
+      <linearGradient
+        id="v"
+        x1={136}
+        x2={158.621}
+        y1={96}
+        y2={153.102}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#fff" stopOpacity={0.4} />
+        <stop offset={0.4} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={0.6} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={1} stopColor="#fff" stopOpacity={0.1} />
+      </linearGradient>
+      <linearGradient
+        id="y"
+        x1={328}
+        x2={328}
+        y1={180}
+        y2={192}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#F8F8F8" stopOpacity={0.9} />
+        <stop offset={1} stopColor="#F8F8F8" stopOpacity={0.3} />
+      </linearGradient>
+      <linearGradient
+        id="C"
+        x1={264}
+        x2={264}
+        y1={180}
+        y2={192}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#F8F8F8" stopOpacity={0.9} />
+        <stop offset={1} stopColor="#F8F8F8" stopOpacity={0.3} />
+      </linearGradient>
+      <linearGradient
+        id="G"
+        x1={137}
+        x2={142.22}
+        y1={87}
+        y2={100.177}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#fff" stopOpacity={0.4} />
+        <stop offset={0.4} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={0.6} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={1} stopColor="#fff" stopOpacity={0.1} />
+      </linearGradient>
+      <linearGradient
+        id="I"
+        x1={137}
+        x2={142.22}
+        y1={273}
+        y2={286.177}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#fff" stopOpacity={0.4} />
+        <stop offset={0.4} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={0.6} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={1} stopColor="#fff" stopOpacity={0.1} />
+      </linearGradient>
+      <radialGradient
+        id="b"
+        cx={0}
+        cy={0}
+        r={1}
+        gradientTransform="rotate(90 0 168) scale(168)"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#D9D9D9" />
+        <stop offset={1} stopColor="#737373" stopOpacity={0} />
+      </radialGradient>
+    </defs>
+  </svg>
+);
diff --git a/nx-dev/ui-home/src/lib/illustrations/video-tutorial.tsx b/nx-dev/ui-home/src/lib/illustrations/video-tutorial.tsx
new file mode 100644
index 0000000000000..10324708be651
--- /dev/null
+++ b/nx-dev/ui-home/src/lib/illustrations/video-tutorial.tsx
@@ -0,0 +1,821 @@
+import { FC, SVGProps } from 'react';
+
+export const VideoTutorialIllustration: FC<SVGProps<SVGSVGElement>> = (
+  props
+) => (
+  <svg
+    role="img"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 336 336"
+    {...props}
+  >
+    <g clipPath="url(#a)">
+      <mask
+        id="c"
+        width={316}
+        height={316}
+        x={10}
+        y={10}
+        maskUnits="userSpaceOnUse"
+        style={{
+          maskType: 'alpha',
+        }}
+      >
+        <circle cx={168} cy={168} r={158} fill="url(#b)" />
+      </mask>
+      <g mask="url(#c)">
+        <rect
+          width={124}
+          height={124}
+          x={4}
+          y={-22}
+          stroke="#F8F8F8"
+          strokeWidth={1.5}
+          opacity={0.1}
+          rx={12}
+        />
+        <path fill="url(#d)" d="M256-22H132v124h124V-22Z" opacity={0.5} />
+        <path
+          stroke="#F8F8F8"
+          strokeWidth={1.5}
+          d="M372-22H272c-6.627 0-12 5.373-12 12V90c0 6.627 5.373 12 12 12h100c6.627 0 12-5.373 12-12V-10c0-6.627-5.373-12-12-12Z"
+          opacity={0.1}
+        />
+        <rect
+          width={124}
+          height={124}
+          x={-47}
+          y={234}
+          stroke="#F8F8F8"
+          strokeWidth={1.5}
+          opacity={0.1}
+          rx={12}
+        />
+        <g filter="url(#e)">
+          <g clipPath="url(#f)">
+            <rect
+              width={32}
+              height={32}
+              x={-1}
+              y={280}
+              fill="#F8F8F8"
+              fillOpacity={0.01}
+              rx={16}
+              shapeRendering="crispEdges"
+            />
+            <rect
+              width={32}
+              height={32}
+              x={-1}
+              y={280}
+              fill="#121212"
+              fillOpacity={0.3}
+              rx={16}
+              shapeRendering="crispEdges"
+            />
+            <path
+              fill="#F8F8F8"
+              d="M14.192 291.845a1 1 0 0 0-1.525.85v4.61a1 1 0 0 0 1.525.85l3.731-2.304a1 1 0 0 0 0-1.702l-3.73-2.304Z"
+            />
+          </g>
+          <rect
+            width={30.5}
+            height={30.5}
+            x={-0.25}
+            y={280.75}
+            stroke="url(#g)"
+            strokeOpacity={0.25}
+            strokeWidth={1.5}
+            rx={15.25}
+            shapeRendering="crispEdges"
+          />
+        </g>
+        <rect
+          width={124}
+          height={124}
+          x={-48}
+          y={106}
+          stroke="#F8F8F8"
+          strokeWidth={1.5}
+          opacity={0.1}
+          rx={12}
+        />
+        <g filter="url(#h)">
+          <g clipPath="url(#i)">
+            <rect
+              width={32}
+              height={32}
+              x={-2}
+              y={152}
+              fill="#F8F8F8"
+              fillOpacity={0.01}
+              rx={16}
+              shapeRendering="crispEdges"
+            />
+            <rect
+              width={32}
+              height={32}
+              x={-2}
+              y={152}
+              fill="#121212"
+              fillOpacity={0.3}
+              rx={16}
+              shapeRendering="crispEdges"
+            />
+            <path
+              fill="#F8F8F8"
+              d="M13.192 163.845a1 1 0 0 0-1.525.85v4.61a1 1 0 0 0 1.525.85l3.731-2.304a1 1 0 0 0 0-1.702l-3.73-2.304Z"
+            />
+          </g>
+          <rect
+            width={30.5}
+            height={30.5}
+            x={-1.25}
+            y={152.75}
+            stroke="url(#j)"
+            strokeOpacity={0.25}
+            strokeWidth={1.5}
+            rx={15.25}
+            shapeRendering="crispEdges"
+          />
+        </g>
+        <rect
+          width={124}
+          height={124}
+          x={260}
+          y={106}
+          stroke="#F8F8F8"
+          strokeWidth={1.5}
+          opacity={0.1}
+          rx={12}
+        />
+        <g filter="url(#k)">
+          <g clipPath="url(#l)">
+            <rect
+              width={32}
+              height={32}
+              x={306}
+              y={152}
+              fill="#F8F8F8"
+              fillOpacity={0.01}
+              rx={16}
+              shapeRendering="crispEdges"
+            />
+            <rect
+              width={32}
+              height={32}
+              x={306}
+              y={152}
+              fill="#121212"
+              fillOpacity={0.3}
+              rx={16}
+              shapeRendering="crispEdges"
+            />
+            <path
+              fill="#F8F8F8"
+              d="M321.192 163.845a1 1 0 0 0-1.525.85v4.61a1 1 0 0 0 1.525.85l3.732-2.304a1 1 0 0 0 0-1.702l-3.732-2.304Z"
+            />
+          </g>
+          <rect
+            width={30.5}
+            height={30.5}
+            x={306.75}
+            y={152.75}
+            stroke="url(#m)"
+            strokeOpacity={0.25}
+            strokeWidth={1.5}
+            rx={15.25}
+            shapeRendering="crispEdges"
+          />
+        </g>
+        <path fill="url(#n)" d="M205 234H81v124h124V234Z" opacity={0.5} />
+        <path
+          stroke="#F8F8F8"
+          strokeWidth={1.5}
+          d="M321 234H221c-6.627 0-12 5.373-12 12v100c0 6.627 5.373 12 12 12h100c6.627 0 12-5.373 12-12V246c0-6.627-5.373-12-12-12Z"
+          opacity={0.1}
+        />
+      </g>
+      <g filter="url(#o)">
+        <g clipPath="url(#p)">
+          <rect
+            width={176}
+            height={124}
+            x={80}
+            y={106}
+            fill="#fff"
+            fillOpacity={0.05}
+            rx={10}
+            shapeRendering="crispEdges"
+          />
+          <g filter="url(#q)">
+            <g clipPath="url(#r)" filter="url(#s)">
+              <rect
+                width={52}
+                height={52}
+                x={142}
+                y={142}
+                fill="#F8F8F8"
+                fillOpacity={0.01}
+                rx={26}
+                shapeRendering="crispEdges"
+              />
+              <rect
+                width={52}
+                height={52}
+                x={142}
+                y={142}
+                fill="#121212"
+                fillOpacity={0.3}
+                rx={26}
+                shapeRendering="crispEdges"
+              />
+              <rect
+                width={50.5}
+                height={50.5}
+                x={142.75}
+                y={142.75}
+                stroke="url(#t)"
+                strokeOpacity={0.25}
+                strokeWidth={1.5}
+                rx={25.25}
+                shapeRendering="crispEdges"
+              />
+              <path
+                fill="#F8F8F8"
+                d="M167.464 160.812c-1.773-1.165-4.131.107-4.131 2.229v7.918c0 2.122 2.358 3.394 4.131 2.229l6.025-3.959c1.603-1.054 1.603-3.404 0-4.458l-6.025-3.959Z"
+              />
+            </g>
+            <rect
+              width={58.5}
+              height={58.5}
+              x={138.75}
+              y={138.75}
+              stroke="#F8F8F8"
+              strokeOpacity={0.4}
+              strokeWidth={1.5}
+              rx={29.25}
+              shapeRendering="crispEdges"
+            />
+          </g>
+          <g fill="#F8F8F8" filter="url(#u)">
+            <rect
+              width={32}
+              height={22}
+              x={216}
+              y={114}
+              fillOpacity={0.05}
+              rx={4}
+              shapeRendering="crispEdges"
+              style={{
+                mixBlendMode: 'luminosity',
+              }}
+            />
+            <path
+              fillOpacity={0.7}
+              d="M228.817 129a.278.278 0 0 1-.204-.084.292.292 0 0 1-.084-.216v-1.44h-3.78a.278.278 0 0 1-.204-.084.292.292 0 0 1-.084-.216v-.972c0-.056.012-.116.036-.18a.78.78 0 0 1 .096-.18l3.516-4.824a.526.526 0 0 1 .444-.204h1.524c.08 0 .148.028.204.084a.292.292 0 0 1 .084.216v4.764h1.068c.096 0 .168.028.216.084a.278.278 0 0 1 .084.204v1.008c0 .088-.028.16-.084.216a.278.278 0 0 1-.204.084h-1.08v1.44c0 .088-.028.16-.084.216a.278.278 0 0 1-.204.084h-1.26Zm-2.496-3.276h2.244v-3.156l-2.244 3.156Zm6.984 3.276a.292.292 0 0 1-.216-.084.292.292 0 0 1-.084-.216v-7.8c0-.088.028-.16.084-.216a.292.292 0 0 1 .216-.084h1.272c.088 0 .16.028.216.084a.292.292 0 0 1 .084.216v2.736l2.472-2.808a.553.553 0 0 1 .468-.228h1.452c.072 0 .132.028.18.084a.23.23 0 0 1 .072.168.223.223 0 0 1-.048.144l-3.084 3.624 3.312 3.984c.032.032.048.08.048.144a.272.272 0 0 1-.072.18.244.244 0 0 1-.18.072h-1.5c-.144 0-.252-.032-.324-.096a4.067 4.067 0 0 1-.144-.132l-2.652-3.072v3c0 .088-.028.16-.084.216a.292.292 0 0 1-.216.084h-1.272Z"
+            />
+          </g>
+        </g>
+        <rect
+          width={174.5}
+          height={122.5}
+          x={80.75}
+          y={106.75}
+          stroke="url(#v)"
+          strokeOpacity={0.1}
+          strokeWidth={1.5}
+          rx={9.25}
+          shapeRendering="crispEdges"
+        />
+      </g>
+      <path
+        stroke="url(#w)"
+        strokeWidth={1.5}
+        d="M-52-13V94c0 6.627 5.373 12 12 12H64c6.627 0 12 5.373 12 12v104c0 6.627 5.373 12 12 12h103.5c6.627 0 12 5.373 12 12v122.5"
+      />
+      <path
+        stroke="url(#x)"
+        strokeWidth={1.5}
+        d="M132-17V90c0 6.627 5.373 12 12 12h104c6.627 0 12 5.373 12 12v104c0 6.627 5.373 12 12 12h122"
+      />
+      <circle cx={20} cy={16} r={4} fill="#F8F8F8" opacity={0.1} />
+      <circle cx={34} cy={16} r={4} fill="#F8F8F8" opacity={0.1} />
+      <circle cx={48} cy={16} r={4} fill="#F8F8F8" opacity={0.1} />
+    </g>
+    <rect
+      width={334.5}
+      height={334.5}
+      x={0.75}
+      y={0.75}
+      stroke="url(#y)"
+      strokeWidth={1.5}
+      rx={15.25}
+    />
+    <defs>
+      <linearGradient
+        id="g"
+        x1={15}
+        x2={28.921}
+        y1={280}
+        y2={315.14}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#fff" stopOpacity={0.4} />
+        <stop offset={0.4} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={0.6} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={1} stopColor="#fff" stopOpacity={0.1} />
+      </linearGradient>
+      <linearGradient
+        id="j"
+        x1={14}
+        x2={27.921}
+        y1={152}
+        y2={187.14}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#fff" stopOpacity={0.4} />
+        <stop offset={0.4} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={0.6} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={1} stopColor="#fff" stopOpacity={0.1} />
+      </linearGradient>
+      <linearGradient
+        id="m"
+        x1={322}
+        x2={335.921}
+        y1={152}
+        y2={187.14}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#fff" stopOpacity={0.4} />
+        <stop offset={0.4} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={0.6} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={1} stopColor="#fff" stopOpacity={0.1} />
+      </linearGradient>
+      <linearGradient
+        id="t"
+        x1={168}
+        x2={190.621}
+        y1={142}
+        y2={199.102}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#fff" stopOpacity={0.4} />
+        <stop offset={0.4} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={0.6} stopColor="#fff" stopOpacity={0.01} />
+        <stop offset={1} stopColor="#fff" stopOpacity={0.1} />
+      </linearGradient>
+      <linearGradient
+        id="v"
+        x1={182.5}
+        x2={256}
+        y1={142.5}
+        y2={106}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#F8F8F8" />
+        <stop offset={1} stopColor="#F8F8F8" stopOpacity={0.01} />
+      </linearGradient>
+      <linearGradient
+        id="w"
+        x1={-26}
+        x2={203}
+        y1={105}
+        y2={306}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop offset={0.325} stopColor="#F8F8F8" stopOpacity={0.01} />
+        <stop offset={0.713} stopColor="#F8F8F8" stopOpacity={0.61} />
+        <stop offset={0.992} stopColor="#F8F8F8" stopOpacity={0.01} />
+      </linearGradient>
+      <linearGradient
+        id="x"
+        x1={158.661}
+        x2={291.412}
+        y1={59.398}
+        y2={273.783}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#F8F8F8" stopOpacity={0.01} />
+        <stop offset={0.475} stopColor="#F8F8F8" stopOpacity={0.61} />
+        <stop offset={0.992} stopColor="#F8F8F8" stopOpacity={0.01} />
+      </linearGradient>
+      <linearGradient
+        id="y"
+        x1={168}
+        x2={168}
+        y1={0}
+        y2={336}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#F8F8F8" stopOpacity={0.1} />
+        <stop offset={0.753} stopColor="#F8F8F8" stopOpacity={0} />
+      </linearGradient>
+      <filter
+        id="e"
+        width={56}
+        height={84}
+        x={-13}
+        y={268}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feGaussianBlur in="BackgroundImageFix" stdDeviation={6} />
+        <feComposite
+          in2="SourceAlpha"
+          operator="in"
+          result="effect1_backgroundBlur_282_13462"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feMorphology
+          in="SourceAlpha"
+          radius={16}
+          result="effect2_dropShadow_282_13462"
+        />
+        <feOffset dy={32} />
+        <feGaussianBlur stdDeviation={12} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" />
+        <feBlend
+          in2="effect1_backgroundBlur_282_13462"
+          mode="multiply"
+          result="effect2_dropShadow_282_13462"
+        />
+        <feBlend
+          in="SourceGraphic"
+          in2="effect2_dropShadow_282_13462"
+          result="shape"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset />
+        <feGaussianBlur stdDeviation={4} />
+        <feComposite in2="hardAlpha" k2={-1} k3={1} operator="arithmetic" />
+        <feColorMatrix values="0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0.25 0" />
+        <feBlend in2="shape" result="effect3_innerShadow_282_13462" />
+      </filter>
+      <filter
+        id="h"
+        width={56}
+        height={84}
+        x={-14}
+        y={140}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feGaussianBlur in="BackgroundImageFix" stdDeviation={6} />
+        <feComposite
+          in2="SourceAlpha"
+          operator="in"
+          result="effect1_backgroundBlur_282_13462"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feMorphology
+          in="SourceAlpha"
+          radius={16}
+          result="effect2_dropShadow_282_13462"
+        />
+        <feOffset dy={32} />
+        <feGaussianBlur stdDeviation={12} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" />
+        <feBlend
+          in2="effect1_backgroundBlur_282_13462"
+          mode="multiply"
+          result="effect2_dropShadow_282_13462"
+        />
+        <feBlend
+          in="SourceGraphic"
+          in2="effect2_dropShadow_282_13462"
+          result="shape"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset />
+        <feGaussianBlur stdDeviation={4} />
+        <feComposite in2="hardAlpha" k2={-1} k3={1} operator="arithmetic" />
+        <feColorMatrix values="0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0.25 0" />
+        <feBlend in2="shape" result="effect3_innerShadow_282_13462" />
+      </filter>
+      <filter
+        id="k"
+        width={56}
+        height={84}
+        x={294}
+        y={140}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feGaussianBlur in="BackgroundImageFix" stdDeviation={6} />
+        <feComposite
+          in2="SourceAlpha"
+          operator="in"
+          result="effect1_backgroundBlur_282_13462"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feMorphology
+          in="SourceAlpha"
+          radius={16}
+          result="effect2_dropShadow_282_13462"
+        />
+        <feOffset dy={32} />
+        <feGaussianBlur stdDeviation={12} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" />
+        <feBlend
+          in2="effect1_backgroundBlur_282_13462"
+          mode="multiply"
+          result="effect2_dropShadow_282_13462"
+        />
+        <feBlend
+          in="SourceGraphic"
+          in2="effect2_dropShadow_282_13462"
+          result="shape"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset />
+        <feGaussianBlur stdDeviation={4} />
+        <feComposite in2="hardAlpha" k2={-1} k3={1} operator="arithmetic" />
+        <feColorMatrix values="0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0.25 0" />
+        <feBlend in2="shape" result="effect3_innerShadow_282_13462" />
+      </filter>
+      <filter
+        id="o"
+        width={200}
+        height={176}
+        x={68}
+        y={94}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feGaussianBlur in="BackgroundImageFix" stdDeviation={6} />
+        <feComposite
+          in2="SourceAlpha"
+          operator="in"
+          result="effect1_backgroundBlur_282_13462"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feMorphology
+          in="SourceAlpha"
+          radius={16}
+          result="effect2_dropShadow_282_13462"
+        />
+        <feOffset dy={32} />
+        <feGaussianBlur stdDeviation={12} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" />
+        <feBlend
+          in2="effect1_backgroundBlur_282_13462"
+          mode="multiply"
+          result="effect2_dropShadow_282_13462"
+        />
+        <feBlend
+          in="SourceGraphic"
+          in2="effect2_dropShadow_282_13462"
+          result="shape"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset />
+        <feGaussianBlur stdDeviation={4} />
+        <feComposite in2="hardAlpha" k2={-1} k3={1} operator="arithmetic" />
+        <feColorMatrix values="0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0.25 0" />
+        <feBlend in2="shape" result="effect3_innerShadow_282_13462" />
+      </filter>
+      <filter
+        id="q"
+        width={76}
+        height={100}
+        x={130}
+        y={138}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feMorphology
+          in="SourceAlpha"
+          radius={16}
+          result="effect1_dropShadow_282_13462"
+        />
+        <feOffset dy={32} />
+        <feGaussianBlur stdDeviation={12} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" />
+        <feBlend
+          in2="BackgroundImageFix"
+          mode="multiply"
+          result="effect1_dropShadow_282_13462"
+        />
+        <feBlend
+          in="SourceGraphic"
+          in2="effect1_dropShadow_282_13462"
+          result="shape"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset />
+        <feGaussianBlur stdDeviation={4} />
+        <feComposite in2="hardAlpha" k2={-1} k3={1} operator="arithmetic" />
+        <feColorMatrix values="0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0.25 0" />
+        <feBlend in2="shape" result="effect2_innerShadow_282_13462" />
+      </filter>
+      <filter
+        id="s"
+        width={76}
+        height={104}
+        x={130}
+        y={130}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feGaussianBlur in="BackgroundImageFix" stdDeviation={6} />
+        <feComposite
+          in2="SourceAlpha"
+          operator="in"
+          result="effect1_backgroundBlur_282_13462"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feMorphology
+          in="SourceAlpha"
+          radius={16}
+          result="effect2_dropShadow_282_13462"
+        />
+        <feOffset dy={32} />
+        <feGaussianBlur stdDeviation={12} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" />
+        <feBlend
+          in2="effect1_backgroundBlur_282_13462"
+          mode="multiply"
+          result="effect2_dropShadow_282_13462"
+        />
+        <feBlend
+          in="SourceGraphic"
+          in2="effect2_dropShadow_282_13462"
+          result="shape"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset />
+        <feGaussianBlur stdDeviation={4} />
+        <feComposite in2="hardAlpha" k2={-1} k3={1} operator="arithmetic" />
+        <feColorMatrix values="0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0.25 0" />
+        <feBlend in2="shape" result="effect3_innerShadow_282_13462" />
+      </filter>
+      <filter
+        id="u"
+        width={56}
+        height={74}
+        x={204}
+        y={102}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feGaussianBlur in="BackgroundImageFix" stdDeviation={6} />
+        <feComposite
+          in2="SourceAlpha"
+          operator="in"
+          result="effect1_backgroundBlur_282_13462"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feMorphology
+          in="SourceAlpha"
+          radius={16}
+          result="effect2_dropShadow_282_13462"
+        />
+        <feOffset dy={32} />
+        <feGaussianBlur stdDeviation={12} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" />
+        <feBlend
+          in2="effect1_backgroundBlur_282_13462"
+          mode="multiply"
+          result="effect2_dropShadow_282_13462"
+        />
+        <feBlend
+          in="SourceGraphic"
+          in2="effect2_dropShadow_282_13462"
+          result="shape"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset />
+        <feGaussianBlur stdDeviation={4} />
+        <feComposite in2="hardAlpha" k2={-1} k3={1} operator="arithmetic" />
+        <feColorMatrix values="0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0 0.972549 0 0 0 0.25 0" />
+        <feBlend in2="shape" result="effect3_innerShadow_282_13462" />
+      </filter>
+      <clipPath id="a">
+        <rect width={336} height={336} fill="#fff" rx={16} />
+      </clipPath>
+      <clipPath id="f">
+        <rect width={32} height={32} x={-1} y={280} fill="#fff" rx={16} />
+      </clipPath>
+      <clipPath id="i">
+        <rect width={32} height={32} x={-2} y={152} fill="#fff" rx={16} />
+      </clipPath>
+      <clipPath id="l">
+        <rect width={32} height={32} x={306} y={152} fill="#fff" rx={16} />
+      </clipPath>
+      <clipPath id="p">
+        <rect width={176} height={124} x={80} y={106} fill="#fff" rx={10} />
+      </clipPath>
+      <clipPath id="r">
+        <rect width={60} height={60} x={138} y={138} fill="#fff" rx={30} />
+      </clipPath>
+      <radialGradient
+        id="b"
+        cx={0}
+        cy={0}
+        r={1}
+        gradientTransform="rotate(90 0 168) scale(158)"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#D9D9D9" />
+        <stop offset={1} stopColor="#737373" stopOpacity={0} />
+      </radialGradient>
+      <radialGradient
+        id="d"
+        cx={0}
+        cy={0}
+        r={1}
+        gradientTransform="matrix(0 62 -62 0 194 40)"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop offset={0.169} stopColor="#fff" stopOpacity={0} />
+        <stop offset={0.628} stopColor="#fff" stopOpacity={0.15} />
+        <stop offset={0.9} stopColor="#fff" stopOpacity={0} />
+      </radialGradient>
+      <radialGradient
+        id="n"
+        cx={0}
+        cy={0}
+        r={1}
+        gradientTransform="matrix(0 62 -62 0 143 296)"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop offset={0.169} stopColor="#fff" stopOpacity={0} />
+        <stop offset={0.805} stopColor="#fff" stopOpacity={0} />
+        <stop offset={1} stopColor="#fff" stopOpacity={0.15} />
+      </radialGradient>
+    </defs>
+  </svg>
+);
diff --git a/nx-dev/ui-home/src/lib/improve-worst-ci-case.tsx b/nx-dev/ui-home/src/lib/improve-worst-ci-case.tsx
deleted file mode 100644
index 4f596cd0dc4ce..0000000000000
--- a/nx-dev/ui-home/src/lib/improve-worst-ci-case.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import { ButtonLink } from '@nx/nx-dev/ui-common';
-
-export function ImproveWorstCiCase(): JSX.Element {
-  return (
-    <article
-      id="getting-started"
-      className="border-b border-t border-slate-200 bg-gradient-to-r from-cyan-500 to-blue-500 shadow-inner dark:border-slate-700"
-    >
-      <div className="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:flex lg:items-center lg:justify-between lg:px-8 lg:py-24">
-        <div>
-          <h2 className="text-3xl font-bold tracking-tight text-slate-900 md:text-4xl">
-            <span className="block">Taste the performance,</span>
-            <span className="block text-white">
-              improve your worst case CI times in 5 minutes
-            </span>
-          </h2>
-        </div>
-        <div className="mt-8 flex lg:mt-0 lg:flex-shrink-0">
-          <div className="inline-flex rounded-md">
-            <ButtonLink
-              href="/ci/intro/ci-with-nx"
-              title="Improve your worst case CI times"
-              variant="secondary"
-              size="large"
-            >
-              Try it now!
-            </ButtonLink>
-          </div>
-        </div>
-      </div>
-    </article>
-  );
-}
diff --git a/nx-dev/ui-home/src/lib/logo-cloud.tsx b/nx-dev/ui-home/src/lib/logo-cloud.tsx
deleted file mode 100644
index 79167ea8d6305..0000000000000
--- a/nx-dev/ui-home/src/lib/logo-cloud.tsx
+++ /dev/null
@@ -1,169 +0,0 @@
-export function LogoCloud(): JSX.Element {
-  return (
-    // <div className="bg-white dark:bg-slate-900">
-    <div className="mx-auto max-w-7xl px-4 pb-12 sm:px-6 lg:px-8 lg:pb-16">
-      <div className="mt-6 grid grid-cols-2 gap-4 md:grid-cols-6 lg:mt-8">
-        <div className="col-span-1 flex items-center justify-center">
-          <svg
-            role="img"
-            viewBox="0 0 24 24"
-            xmlns="http://www.w3.org/2000/svg"
-            fill="currentColor"
-            className="h-28 w-28 text-[#0071CE] dark:text-slate-600"
-          >
-            <title>Walmart</title>
-            <path d="M21.41818 9.10219c-.22048 0-.39583.12308-.39583.27297l.13393 1.51627c.01478.09132.12669.16185.26197.16185.13555-.00017.24705-.07065.26214-.16185l.13424-1.51627c0-.1499-.17555-.27297-.39645-.27297zM-.00002 10.3184s.59713 2.44699.69242 2.84417c.11123.46362.3117.63419.88954.51913l.37291-1.51718c.0945-.37683.1579-.64553.21866-1.02883h.01065c.04269.3871.10354.65314.18131 1.03017 0 0 .15176.68869.22949 1.05042.07795.36163.29482.5895.86083.46542l.88851-3.3633h-.71735l-.30339 1.45411c-.08155.42325-.15544.75396-.21251 1.14117h-.01022c-.05189-.38347-.11777-.70096-.20072-1.11331l-.31586-1.48197h-.7474l-.3378 1.44462c-.09569.43899-.18528.79337-.2422 1.16745h-.01023c-.05832-.35224-.13599-.7977-.22006-1.22261 0 0-.20074-1.03328-.27115-1.38946zm6.83845 0v3.3633h.68299v-3.3633zm9.6188 0v2.48118c0 .34202.0644.5817.20213.72811.12033.12806.31854.21094.55604.21094.20193 0 .40062-.0383.49426-.07317l-.0088-.53367c-.06968.01711-.1498.03078-.25942.03078-.23265 0-.31068-.149-.31068-.45611v-.94921h.59479v-.64351h-.59481v-.79533zm2.77885 0c-.11446.0027-.24452.08936-.32723.23277-.11062.19096-.09105.40434.03838.47923l1.3799.64254c.0862.03205.20323-.02912.27103-.14597.06814-.11745.0629-.2496-.0088-.3082l-1.24635-.8741c-.03237-.01874-.06877-.02717-.10693-.02627zm4.36427 0c-.03815-.0009-.0745.0075-.1068.02628l-1.2464.8741c-.07112.05846-.07653.1901-.0092.30734.00006.00013.00015.00023.00025.00036.00009.00016.00015.00033.00024.00049.06804.11686.18472.17803.27091.14598l1.38004-.64254c.12997-.0749.14861-.28827.03874-.47923-.08309-.1434-.21333-.23006-.32777-.23277zM5.312 11.0981c-.42444 0-.76136.11916-.94501.22529l.13442.46019c.16808-.10595.43566-.19366.68907-.19366.41954-.0011.48817.23728.48817.39012v.03613c-.9142-.0014-1.49164.31493-1.49164.9598 0 .3937.29399.76266.80512.76266.31466 0 .57778-.12554.73548-.32662h.01545s.10445.4367.67982.26969c-.03022-.18174-.04002-.37546-.04002-.60884v-.89849c0-.57263-.24452-1.07627-1.07086-1.07627zm4.08552 0c-.42739 0-.61944.2166-.7359.40034h-.01016v-.34335h-.65173v2.5266h.68658V12.2c0-.06945.00799-.1429.03223-.2068.05689-.1492.19565-.3237.41725-.3237.27704 0 .40667.2342.40667.57222v1.44h.68585v-1.4996c0-.06636.0091-.14622.02859-.20486.05639-.16969.20602-.30776.41201-.30776.28086 0 .41567.23012.41567.62788v1.38434h.68633v-1.48805c0-.78478-.39845-1.09555-.8483-1.09555-.19922 0-.35646.04996-.49863.13722-.1195.07334-.22655.17753-.32006.3147h-.0101c-.10853-.27228-.36375-.45192-.6963-.45192zm3.7702 0c-.42435 0-.76113.11916-.94495.22529l.13454.46019c.16792-.10595.43572-.19366.689-.19366.41926-.0011.48806.23728.48806.39012v.03613c-.91407-.0014-1.49164.31494-1.49164.9598 0 .3937.29418.76266.8056.76266.31441 0 .57759-.12554.735-.32662h.01557s.10437.4367.67982.26969c-.03027-.18174-.03996-.37546-.03996-.60884v-.89849c0-.57263-.24458-1.07627-1.07104-1.07627zm2.85129 0c-.26292 0-.56205.1697-.68761.53354h-.0191v-.47655h-.6181v2.5266h.70453V12.388c0-.06985.0042-.1307.01527-.1865.0521-.27102.25945-.44425.55696-.44425.08167 0 .1401.0088.20333.018v-.66151c-.05302-.0107-.0893-.01563-.15528-.01563zm4.35946 1.22067c-.01785-.00025-.03513.0026-.05134.0087l-1.3799.6418c-.12943.07519-.149.28868-.03838.47984.11028.1906.30469.28118.43415.20644l1.24634-.87349c.0717-.05929.07696-.19127.0088-.30862l.0006.00025c-.05507-.09558-.14292-.15388-.22027-.15492zm2.07955 0c-.07727.001-.1649.05934-.22012.15491l.00049-.00025c-.06781.11735-.06254.24934.0088.30862l1.2464.87349c.12921.07474.3238-.01584.43458-.20644.10986-.19116.09122-.40466-.03875-.47983l-1.38012-.64181c-.0162-.0061-.03344-.0089-.05128-.0087zm-16.75741.14518v.31519c0 .0466-.00406.09467-.01697.13673-.05286.17506-.23415.32303-.46086.32303-.18901 0-.33916-.1073-.33916-.33422 0-.34707.38204-.443.81699-.44073zm7.85577 0v.31519c0 .0466-.0041.09467-.0169.13673-.05287.17506-.23421.32303-.46093.32303-.18905 0-.3392-.1073-.3392-.33422 0-.34707.38209-.443.81703-.44073zm7.86138.48324c-.13506.00016-.24672.07024-.26148.16137l-.13393 1.5162c0 .15015.17535.27304.39583.27304.2209 0 .39645-.12289.39645-.27303l-.13424-1.51621c-.01509-.09113-.12659-.1612-.26214-.16137z" />
-          </svg>
-        </div>
-        <div className="col-span-1 flex items-center justify-center">
-          <svg
-            role="img"
-            viewBox="0 0 24 24"
-            xmlns="http://www.w3.org/2000/svg"
-            fill="currentColor"
-            className="h-24 w-24 text-[#4D148C] dark:text-slate-600"
-          >
-            <title>FedEx</title>
-            <path d="M22.498 14.298c-.016-.414.345-.751.75-.755a.745.745 0 0 1 .752.755.755.755 0 0 1-.751.745c-.395.002-.759-.346-.751-.745zm.759-.083c.067-.02.164-.042.162-.13.007-.09-.086-.133-.162-.134h-.163v.263c0 .001.165-.002.163.001zm-.163.107v.418h-.14v-.91h.327c.156-.021.294.092.286.253a.218.218 0 0 1-.156.19c.162.083.108.322.173.467h-.156a2.355 2.355 0 0 1-.04-.205c-.018-.093-.047-.229-.17-.213h-.124zm.76-.024a.603.603 0 0 0-.605-.632c-.338-.012-.62.302-.605.632a.619.619 0 0 0 .605.622.61.61 0 0 0 .605-.622zm-5.052-.579l-.878 1.008h-1.306l1.559-1.745-1.56-1.75h1.355l.902.997.878-.998h1.306l-1.543 1.743 1.559 1.753h-1.371l-.901-1.008zm-4.703-.352v-.827h1.904v-1.506l1.724 1.948-1.724 1.941v-1.556h-1.904zm1.56 1.36h-3.2V9.044h3.224v1.024H13.77v1.163h1.888v.958h-1.904v1.522h1.904v1.016zm-5.705-.655c-.54.017-.878-.552-.877-1.04-.01-.507.307-1.123.878-1.105.579-.025.871.6.845 1.103.023.501-.29 1.062-.846 1.042zM4.743 12.41c.076-.358.403-.67.78-.663a.788.788 0 0 1 .803.663H4.743zm15.182.564l1.815-2.047h-2.125l-.74.844-.763-.844h-4.037v-.548h1.912V8.741H10.84v2.58c-.362-.448-.981-.559-1.526-.492-.782.123-1.427.762-1.634 1.514-.254-.958-1.179-1.588-2.157-1.554-.781.009-1.6.365-1.987 1.071v-.818h-1.87v-.9h2.043v-1.4H0v6.287h1.666v-2.644h1.666a7.59 7.59 0 0 0-.082.622c-.013 1.232 1.042 2.27 2.274 2.236a2.204 2.204 0 0 0 2.157-1.432H6.254c-.14.268-.441.38-.73.36-.457.009-.83-.417-.829-.86h2.914c.083 1.027.988 1.966 2.043 1.947a1.53 1.53 0 0 0 1.19-.639v.41h7.215l.754-.86.754.86h2.192l-1.832-2.055z" />
-          </svg>
-        </div>
-        <div className="col-span-1 flex items-center justify-center">
-          <svg
-            role="img"
-            viewBox="0 0 24 24"
-            xmlns="http://www.w3.org/2000/svg"
-            fill="currentColor"
-            className="h-28 w-28 text-[#607078] dark:text-slate-600"
-          >
-            <title>VMware</title>
-            <path d="M.5 10.1a.505.505 0 00-.197.048.497.497 0 00-.25.68l1.138 2.475c.179.38.38.592.721.592.342 0 .542-.22.72-.592l1.003-2.186a.144.144 0 01.144-.092.16.16 0 01.157.16v2.118a.535.535 0 101.066 0v-1.73a.531.531 0 01.566-.552.52.52 0 01.541.551v1.73a.531.531 0 00.53.593.539.539 0 00.535-.592v-1.73a.531.531 0 01.564-.552.52.52 0 01.543.551v1.73a.531.531 0 00.528.593.535.535 0 00.535-.592v-1.969a1.234 1.234 0 00-1.283-1.23 1.647 1.647 0 00-1.14.486 1.26 1.26 0 00-1.095-.483 1.807 1.807 0 00-1.074.483 1.287 1.287 0 00-.961-.483 1.177 1.177 0 00-1.158.786l-.729 1.716-.933-2.203.011-.004A.505.505 0 00.5 10.1zm18.43.06a.27.27 0 00-.266.274h.002v3.142a.27.27 0 10.535 0v-1.222c0-1.037.571-1.56 1.27-1.643a.266.266 0 00.238-.274.258.258 0 00-.266-.269 1.465 1.465 0 00-1.242.88v-.614a.266.266 0 00-.271-.274zm-6.735.008a.273.273 0 00-.25.217l-.912 2.627-.902-2.62a.28.28 0 00-.274-.22.266.266 0 00-.27.258.493.493 0 00.034.144l1.09 3.037.02-.007a.319.319 0 00.298.242.3.3 0 00.293-.242l.903-2.583.896 2.583a.3.3 0 00.293.242h.018a.319.319 0 00.293-.242l1.097-3.038a.512.512 0 00.033-.144.258.258 0 00-.265-.25.262.262 0 00-.258.209l-.918 2.63-.904-2.626a.285.285 0 00-.278-.217h-.025a.273.273 0 00-.012 0zm10.168.008a1.75 1.75 0 00-1.691 1.851 1.765 1.765 0 001.76 1.858l-.008.013a1.784 1.784 0 001.33-.539.228.228 0 00.082-.17.228.228 0 00-.379-.168 1.435 1.435 0 01-1.018.415 1.237 1.237 0 01-1.24-1.207h2.555a.247.247 0 00.246-.247c0-.945-.593-1.806-1.637-1.806zm-5.744.002a1.571 1.571 0 00-.158.006 2.384 2.384 0 00-1.078.205.22.22 0 00-.143.222.24.24 0 00.235.229.266.266 0 00.095-.024 1.822 1.822 0 01.834-.162c.691 0 1.07.334 1.07.979v.125a3.796 3.796 0 00-1.103-.15c-.892 0-1.52.4-1.52 1.16l-.003-.004c0 .736.671 1.117 1.34 1.117a1.575 1.575 0 001.298-.62v.343a.247.247 0 00.254.25.254.254 0 00.258-.262v-1.983a1.416 1.416 0 00-.379-1.046 1.571 1.571 0 00-1-.385zm5.719.43c.714 0 1.085.565 1.139 1.214h-2.278a1.222 1.222 0 011.139-1.215zm-5.885 1.382a3.75 3.75 0 011.057.153V12.49c0 .57-.539.973-1.2.973-.485 0-.904-.261-.904-.713 0-.467.375-.76 1.047-.76Z" />
-          </svg>
-        </div>
-        <div className="col-span-1 flex items-center justify-center">
-          <svg
-            role="img"
-            viewBox="0 0 24 24"
-            xmlns="http://www.w3.org/2000/svg"
-            fill="currentColor"
-            className="h-12 w-12 text-[#7AB55C] dark:text-slate-600"
-          >
-            <title>Shopify</title>
-            <path d="M15.337 23.979l7.216-1.561s-2.604-17.613-2.625-17.73c-.018-.116-.114-.192-.211-.192s-1.929-.136-1.929-.136-1.275-1.274-1.439-1.411c-.045-.037-.075-.057-.121-.074l-.914 21.104h.023zM11.71 11.305s-.81-.424-1.774-.424c-1.447 0-1.504.906-1.504 1.141 0 1.232 3.24 1.715 3.24 4.629 0 2.295-1.44 3.76-3.406 3.76-2.354 0-3.54-1.465-3.54-1.465l.646-2.086s1.245 1.066 2.28 1.066c.675 0 .975-.545.975-.932 0-1.619-2.654-1.694-2.654-4.359-.034-2.237 1.571-4.416 4.827-4.416 1.257 0 1.875.361 1.875.361l-.945 2.715-.02.01zM11.17.83c.136 0 .271.038.405.135-.984.465-2.064 1.639-2.508 3.992-.656.213-1.293.405-1.889.578C7.697 3.75 8.951.84 11.17.84V.83zm1.235 2.949v.135c-.754.232-1.583.484-2.394.736.466-1.777 1.333-2.645 2.085-2.971.193.501.309 1.176.309 2.1zm.539-2.234c.694.074 1.141.867 1.429 1.755-.349.114-.735.231-1.158.366v-.252c0-.752-.096-1.371-.271-1.871v.002zm2.992 1.289c-.02 0-.06.021-.078.021s-.289.075-.714.21c-.423-1.233-1.176-2.37-2.508-2.37h-.115C12.135.209 11.669 0 11.265 0 8.159 0 6.675 3.877 6.21 5.846c-1.194.365-2.063.636-2.16.674-.675.213-.694.232-.772.87-.075.462-1.83 14.063-1.83 14.063L15.009 24l.927-21.166z" />
-          </svg>
-        </div>
-        <div className="col-span-1 flex items-center justify-center">
-          <svg
-            role="img"
-            viewBox="0 0 24 24"
-            xmlns="http://www.w3.org/2000/svg"
-            fill="currentColor"
-            className="h-12 w-12 text-[#E20074] dark:text-slate-600"
-          >
-            <title>T-Mobile</title>
-            <path d="M6.722 15.84h-4.8v-4.8h4.791v4.8zM1.922 0v8.16H3.36v-.236c0-3.844 2.159-6.24 6.239-6.24h.237v17.279c0 2.396-.957 3.36-3.36 3.36h-.72V24h12.478v-1.676h-.72c-2.395 0-3.36-.957-3.36-3.361V1.676h.237c4.08 0 6.239 2.396 6.239 6.24v.236h1.439V0Zm15.356 15.84h4.8v-4.8h-4.791v4.8z" />
-          </svg>
-        </div>
-        <div className="col-span-1 flex items-center justify-center">
-          <svg
-            role="img"
-            viewBox="0 0 24 24"
-            xmlns="http://www.w3.org/2000/svg"
-            fill="currentColor"
-            className="h-12 w-12 text-[#FF4785] dark:text-slate-600"
-          >
-            <title>Storybook</title>
-            <path d="M16.71.243l-.12 2.71a.18.18 0 00.29.15l1.06-.8.9.7a.18.18 0 00.28-.14l-.1-2.76 1.33-.1a1.2 1.2 0 011.279 1.2v21.596a1.2 1.2 0 01-1.26 1.2l-16.096-.72a1.2 1.2 0 01-1.15-1.16l-.75-19.797a1.2 1.2 0 011.13-1.27L16.7.222zM13.64 9.3c0 .47 3.16.24 3.59-.08 0-3.2-1.72-4.89-4.859-4.89-3.15 0-4.899 1.72-4.899 4.29 0 4.45 5.999 4.53 5.999 6.959 0 .7-.32 1.1-1.05 1.1-.96 0-1.35-.49-1.3-2.16 0-.36-3.649-.48-3.769 0-.27 4.03 2.23 5.2 5.099 5.2 2.79 0 4.969-1.49 4.969-4.18 0-4.77-6.099-4.64-6.099-6.999 0-.97.72-1.1 1.13-1.1.45 0 1.25.07 1.19 1.87z" />
-          </svg>
-        </div>
-        <div className="col-span-1 flex items-center justify-center">
-          <svg
-            role="img"
-            viewBox="0 0 24 24"
-            xmlns="http://www.w3.org/2000/svg"
-            fill="currentColor"
-            className="h-14 w-14 text-[#FF9900] dark:text-slate-600"
-          >
-            <title>AWS Amplify</title>
-            <path d="M5.223 17.905h6.76l1.731 3.047H0l4.815-8.344 2.018-3.494 1.733 3.002zm2.52-10.371L9.408 4.65l9.415 16.301h-3.334zm2.59-4.486h3.33L24 20.952h-3.334z" />
-          </svg>
-        </div>
-        <div className="col-span-1 flex items-center justify-center">
-          <svg
-            role="img"
-            viewBox="0 0 24 24"
-            xmlns="http://www.w3.org/2000/svg"
-            fill="currentColor"
-            className="h-14 w-14 text-[#FF4154] dark:text-slate-600"
-          >
-            <title>React Query</title>
-            <path d="M6.9297 13.6875c.164-.0938.375-.0352.4687.1328l.0625.1055c.4805.8515.9805 1.6601 1.5 2.4258.6133.9023 1.3047 1.8164 2.0743 2.7421a.3455.3455 0 0 1-.0391.4844l-.0742.0664c-2.543 2.2227-4.1914 2.664-4.9532 1.332-.746-1.3046-.4765-3.6718.8086-7.1093a.3437.3437 0 0 1 .1524-.1797ZM17.75 16.3008c.1836-.0313.3594.086.3945.2695l.0196.1016c.6289 3.2851.1875 4.9297-1.3243 4.9297-1.4804 0-3.3593-1.4024-5.6484-4.2032a.3271.3271 0 0 1-.0742-.2226c0-.1875.1562-.3399.3437-.3399h.1211a32.9838 32.9838 0 0 0 2.8086-.0976c1.0703-.086 2.1914-.2305 3.3594-.4375zm.871-6.9766a.3528.3528 0 0 1 .4454-.211l.1016.0352c3.2617 1.1094 4.5039 2.332 3.7187 3.6641-.7656 1.3047-2.9922 2.254-6.6836 2.8477-.082.0117-.168-.004-.2383-.047-.168-.0976-.2265-.3085-.125-.4765l.0625-.1054c.504-.8438.957-1.6836 1.3672-2.5235.4766-.9883.9297-2.0508 1.3516-3.1836zM7.797 8.3398c.082-.0117.168.004.2383.047.168.0976.2265.3085.125.4765l-.0625.1054a34.0882 34.0882 0 0 0-1.3672 2.5235c-.4766.9883-.9297 2.0508-1.3516 3.1836a.3528.3528 0 0 1-.4453.211l-.1016-.0352c-3.2617-1.1094-4.5039-2.332-3.7187-3.6641.7656-1.3047 2.9922-2.254 6.6836-2.8477Zm5.2812-3.9843c2.543-2.2227 4.1914-2.664 4.9532-1.332.746 1.3046.4765 3.6718-.8086 7.1093a.3436.3436 0 0 1-.1524.1797c-.164.0938-.375.0352-.4687-.1328l-.0625-.1055c-.4805-.8515-.9805-1.6601-1.5-2.4258-.6133-.9023-1.3047-1.8164-2.0743-2.7421a.3455.3455 0 0 1 .0391-.4844Zm-5.793-2.082c1.4805 0 3.3633 1.4023 5.6485 4.203a.3488.3488 0 0 1 .0781.2188c-.0039.1914-.1562.3438-.3476.3438l-.1172-.004a34.5835 34.5835 0 0 0-2.8086.1016c-1.0742.086-2.1953.2305-3.3633.4375a.343.343 0 0 1-.3945-.2734l-.0196-.0977c-.629-3.2851-.1876-4.9297 1.3242-4.9297Zm2.8711 5.8124h3.6875a.638.638 0 0 1 .5508.3164l1.8477 3.2188a.6437.6437 0 0 1 0 .6289l-1.8477 3.2227a.638.638 0 0 1-.5507.3164h-3.6875c-.2266 0-.4375-.1211-.547-.3164L7.7579 12.25a.6437.6437 0 0 1 0-.629l1.8516-3.2187c.1093-.1953.3203-.3164.5468-.3164Zm3.2305.793a.638.638 0 0 1 .5508.3164l1.3906 2.4258a.6437.6437 0 0 1 0 .6289l-1.3906 2.4297a.638.638 0 0 1-.5508.3164h-2.7734c-.2266 0-.4375-.1211-.5469-.3164L8.672 12.25a.6437.6437 0 0 1 0-.629l1.3945-2.4257c.1094-.1953.3203-.3164.5469-.3164Zm-.4922.8672h-1.789c-.2266 0-.4336.1172-.547.3164l-.8983 1.5586a.6437.6437 0 0 0 0 .6289l.8984 1.5625a.6317.6317 0 0 0 .5469.3164h1.789a.6317.6317 0 0 0 .547-.3164l.8983-1.5625a.6437.6437 0 0 0 0-.629l-.8984-1.5585c-.1133-.1992-.3203-.3164-.5469-.3164Zm-.4765.8281c.2265 0 .4375.1211.5468.3164l.422.7305c.1132.1953.1132.4375 0 .6289l-.422.7344c-.1093.1953-.3203.3164-.5468.3164h-.836a.6317.6317 0 0 1-.5468-.3164l-.422-.7344c-.1132-.1914-.1132-.4336 0-.629l.422-.7304a.6317.6317 0 0 1 .5468-.3164zm-.418.8164a.548.548 0 0 0-.4727.2735c-.0976.168-.0976.375 0 .5468a.5444.5444 0 0 0 .4727.2696.5444.5444 0 0 0 .4727-.2696c.0976-.1718.0976-.3789 0-.5468A.548.548 0 0 0 12 11.3906Zm-4.4219.5469h.9805M18.9805 7.75c.3906-1.8945.4765-3.3438.2226-4.3984-.1484-.629-.4218-1.1368-.8398-1.5078-.4414-.3907-1-.582-1.625-.582-1.0352 0-2.1211.4726-3.2813 1.3671-.4726.3633-.9648.8047-1.4726 1.3164-.043-.0508-.086-.1015-.1367-.1445-1.4454-1.2852-2.6602-2.082-3.6993-2.3906-.6171-.1836-1.1953-.1993-1.7226-.0235-.5586.1875-1.004.5742-1.3164 1.1172-.5156.8945-.6524 2.0742-.461 3.5274.0782.5898.2149 1.2343.4024 1.9335a1.1187 1.1187 0 0 0-.2149.047C3.008 8.621 1.711 9.2694.9258 10.0155c-.4649.4414-.7695.9375-.8828 1.4805-.1133.5781 0 1.1562.3125 1.6992.5156.8945 1.4648 1.5977 2.8164 2.1563.543.2226 1.1562.4257 1.8437.6093a1.0227 1.0227 0 0 0-.0703.2266c-.3906 1.8906-.4765 3.3438-.2226 4.3945.1484.629.4257 1.1407.8398 1.5078.4414.3907 1 .582 1.625.582 1.0352 0 2.121-.4726 3.2813-1.3632.4765-.3711.9726-.8164 1.4882-1.336a1.2 1.2 0 0 0 .1953.2266c1.4454 1.2852 2.6602 2.082 3.6993 2.3906.6172.1836 1.1953.1993 1.7226.0235.5586-.1875 1.004-.5742 1.3164-1.1172.5157-.8945.6524-2.0742.461-3.5273-.082-.6133-.2227-1.2813-.4258-2.0118a1.2248 1.2248 0 0 0 .2383-.0468c1.828-.6094 3.125-1.2578 3.9101-2.004.4649-.4413.7696-.9374.8828-1.4804.1133-.5781 0-1.1563-.3125-1.6992-.5156-.8946-1.4648-1.5977-2.8164-2.1563-.5586-.2304-1.1953-.4414-1.9062-.625a.8647.8647 0 0 0 .0586-.1953z" />
-          </svg>
-        </div>
-        <div className="col-span-1 flex items-center justify-center">
-          <svg
-            role="img"
-            viewBox="0 0 24 24"
-            xmlns="http://www.w3.org/2000/svg"
-            fill="currentColor"
-            className="h-16 w-16 text-[#1BA0D7] dark:text-slate-600"
-          >
-            <title>Cisco</title>
-            <path d="M16.331 18.171V17.06l-.022.01c-.25.121-.522.19-.801.203a1.186 1.186 0 01-.806-.237 1.038 1.038 0 01-.352-.498 1.21 1.21 0 01-.023-.667c.052-.225.178-.426.357-.569.16-.134.355-.218.562-.242a1.85 1.85 0 011.061.198l.024.013v-1.117l-.051-.014a2.862 2.862 0 00-1.011-.132 2.34 2.34 0 00-.903.206c-.287.132-.54.327-.739.571a2.221 2.221 0 00-.04 2.705c.295.378.709.645 1.175.756.491.12 1.006.102 1.487-.052l.082-.023M5.336 18.171V17.06l-.022.01c-.25.121-.522.19-.801.203a1.183 1.183 0 01-.806-.237 1.03 1.03 0 01-.351-.498 1.202 1.202 0 01-.024-.667c.052-.225.177-.426.357-.569.16-.134.355-.218.562-.242a1.85 1.85 0 011.061.198l.024.013v-1.117l-.051-.014a2.862 2.862 0 00-1.011-.132 2.344 2.344 0 00-.903.206 2.08 2.08 0 00-.74.571 2.224 2.224 0 00-.041 2.705 2.11 2.11 0 001.176.756c.491.12 1.005.102 1.487-.052l.083-.023M9.26 17.249l-.004.957.07.012c.22.041.441.069.664.085.195.019.391.022.587.012.187-.014.372-.049.551-.104.21-.06.405-.163.571-.305a1.16 1.16 0 00.333-.478 1.31 1.31 0 00-.007-.96 1.068 1.068 0 00-.298-.414 1.261 1.261 0 00-.438-.255l-.722-.268a.388.388 0 01-.197-.188.245.245 0 01.008-.219.382.382 0 01.154-.142.798.798 0 01.257-.074c.153-.022.308-.021.46.005.18.02.358.051.533.096l.038.008v-.883l-.069-.015a4.749 4.749 0 00-.543-.097 2.844 2.844 0 00-.714-.003c-.3.027-.585.143-.821.33-.16.126-.281.293-.351.484-.104.29-.105.608 0 .899.054.145.14.274.252.381.097.093.207.173.327.236.157.084.324.149.497.195.057.017.114.035.17.054l.085.031.024.01c.084.03.162.078.226.14.045.042.08.094.101.151a.325.325 0 01.001.161.339.339 0 01-.166.198.856.856 0 01-.275.086 2.032 2.032 0 01-.427.021 5.208 5.208 0 01-.557-.074 9.195 9.195 0 01-.287-.067l-.033-.006zm-2.475.995h1.05v-4.167h-1.05v4.167zm12.162-2.936a1.095 1.095 0 011.541.158 1.094 1.094 0 01-.157 1.541l-.017.014a1.096 1.096 0 01-1.367-1.713m-1.525.854a2.193 2.193 0 002.666 2.107 2.139 2.139 0 00.701-3.937 2.207 2.207 0 00-3.367 1.83M22.961 10.728a.52.52 0 001.039 0V9.573a.52.52 0 00-1.039 0v1.155M20.117 10.728a.522.522 0 001.041 0V8.139a.521.521 0 00-1.04 0v2.589M17.231 11.771a.521.521 0 001.039 0V6.17a.52.52 0 00-1.039 0v5.601M14.393 10.728a.521.521 0 001.04 0V8.139a.52.52 0 00-1.039 0v2.589M11.494 10.728a.522.522 0 001.039 0V9.573a.52.52 0 00-1.039 0v1.155M8.624 10.728a.52.52 0 001.039 0V8.139a.52.52 0 00-1.039 0v2.589M5.737 11.771a.52.52 0 001.039 0V6.17a.52.52 0 00-1.039 0v5.601M2.876 10.728a.522.522 0 001.04 0V8.139a.52.52 0 00-1.039 0v2.589M0 10.728a.521.521 0 001.039 0V9.573a.52.52 0 00-1.039 0v1.155" />
-          </svg>
-        </div>
-        <div className="col-span-1 flex items-center justify-center">
-          <svg
-            role="img"
-            viewBox="0 0 24 24"
-            xmlns="http://www.w3.org/2000/svg"
-            fill="currentColor"
-            className="h-12 w-12"
-          >
-            <title>Microsoft</title>
-            <path
-              d="M0 0v11.408h11.408V0zm12.594"
-              className="text-[#F65314] dark:text-slate-600"
-            />
-            <path
-              d="M12.594 0v11.408H24V0zM0"
-              className="text-[#7CBB00] dark:text-slate-600"
-            />
-            <path
-              d="M0 12.594V24h11.408V12.594zm12.594"
-              className="text-[#00A1F1] dark:text-slate-600"
-            />
-            <path
-              d="M12.594 12.594V24H24V12.594z"
-              className="text-[#FFBB00] dark:text-slate-600"
-            />
-          </svg>
-        </div>
-        <div className="col-span-1 flex items-center justify-center">
-          <svg
-            role="img"
-            viewBox="0 0 24 24"
-            xmlns="http://www.w3.org/2000/svg"
-            fill="currentColor"
-            className="h-12 w-12 text-[#BF4722] dark:text-slate-600"
-          >
-            <title>RedwoodJS</title>
-            <path d="M6.989 3.47l4.66 3.181c.105.07.228.108.354.111a.634.634 0 0 0 .354-.111l4.664-3.192a.637.637 0 0 0-.089-1.087L12.272.065a.64.64 0 0 0-.56 0L7.067 2.372a.636.636 0 0 0-.078 1.098zm6.597 4.179c0 .211.104.408.276.528l3.736 2.553a.628.628 0 0 0 .776-.05l3.134-2.803a.637.637 0 0 0-.028-.973l-2.992-2.393a.635.635 0 0 0-.751-.029l-3.874 2.65a.644.644 0 0 0-.277.517zm-9.291 3.474a.64.64 0 0 1 .209.538.625.625 0 0 1-.315.485l-2.231 1.337a.63.63 0 0 1-.718-.049.64.64 0 0 1-.21-.693l.825-2.596a.63.63 0 0 1 1.023-.281l1.417 1.259zm12.1.271l-4.033-2.76a.634.634 0 0 0-.708 0l-4.033 2.76a.646.646 0 0 0-.276.485.664.664 0 0 0 .212.521l4.03 3.605a.635.635 0 0 0 .842 0l4.03-3.605a.647.647 0 0 0-.064-1.006zm-10.758-.713l-3.13-2.803a.648.648 0 0 1-.213-.503.626.626 0 0 1 .237-.481l2.992-2.407a.641.641 0 0 1 .754-.029l3.87 2.65a.639.639 0 0 1 0 1.07l-3.732 2.553a.633.633 0 0 1-.778-.05zm16.073 4.026l-3.187-1.908a.627.627 0 0 0-.744.071l-3.895 3.477a.644.644 0 0 0-.204.587.636.636 0 0 0 .388.483l5.404 2.19a.634.634 0 0 0 .815-.332l1.675-3.752a.64.64 0 0 0-.252-.816zm.442-4.561l.825 2.596h-.007a.635.635 0 0 1-.927.742l-2.234-1.337a.623.623 0 0 1-.305-.485.631.631 0 0 1 .209-.538l1.416-1.262a.63.63 0 0 1 1.023.284zm-11.82 6.786a.637.637 0 0 0-.202-.585L6.235 12.87a.627.627 0 0 0-.744-.071l-3.187 1.908a.648.648 0 0 0-.255.813l1.678 3.752a.632.632 0 0 0 .814.332l5.4-2.19a.637.637 0 0 0 .391-.482zm1.912 1.07l4.334 1.755c.212.091.358.29.382.521a.635.635 0 0 1-.269.596l-4.338 3.013A.625.625 0 0 1 12 24a.64.64 0 0 1-.354-.114l-4.334-3.013a.635.635 0 0 1 .124-1.117l4.334-1.755a.642.642 0 0 1 .474.001z" />
-          </svg>
-        </div>
-        <div className="col-span-1 flex items-center justify-center">
-          <svg
-            role="img"
-            viewBox="0 0 24 24"
-            xmlns="http://www.w3.org/2000/svg"
-            fill="currentColor"
-            className="h-12 w-12 text-[#0078D2] dark:text-slate-600"
-          >
-            <title>American Airlines</title>
-            <path d="M0 .244h3.264c1.377 0 1.942.563 2.499 1.116.637.58 2.57 3.196 6.657 8.303H7.997c-1.809 0-2.38-.308-3.08-1.375zm10.424 17.072l-2.427-4.013c-.292-.455-.372-.854-.372-1.318 0-.51.217-.79 1.053-1.233.973-.466 2.933-.67 4.954-.67 3.283 0 4.07 1.055 4.405 2.192 0 0-.464-.185-1.554-.185-3.459 0-6.223 1.68-6.223 4.221 0 .534.164 1.006.164 1.006zm4.936-3.417c-2.547.089-5.032 1.869-4.936 3.416l2.7 4.486c.836 1.344 2.215 1.955 3.932 1.955H24l-8.13-9.852a5.55 5.55 0 0 0-.51-.005Z" />
-          </svg>
-        </div>
-      </div>
-    </div>
-    // </div>
-  );
-}
diff --git a/nx-dev/ui-home/src/lib/migrate.tsx b/nx-dev/ui-home/src/lib/migrate.tsx
deleted file mode 100644
index f017083f644da..0000000000000
--- a/nx-dev/ui-home/src/lib/migrate.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import { ButtonLink } from '@nx/nx-dev/ui-common';
-
-export function Migrate(): JSX.Element {
-  return (
-    <article
-      id="getting-started"
-      className="bg-gradient-to-r from-pink-500 to-fuchsia-500"
-    >
-      <div className="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:flex lg:items-center lg:justify-between lg:px-8 lg:py-24">
-        <div>
-          <h2 className="text-3xl font-bold tracking-tight text-slate-900 md:text-4xl">
-            <span className="block">Already have a monorepo?</span>
-            <span className="block text-white">
-              Nxify your workspace in less than a day.
-            </span>
-          </h2>
-        </div>
-        <div className="mt-8 flex lg:mt-0 lg:flex-shrink-0">
-          <div className="inline-flex rounded-md">
-            <ButtonLink
-              href="/recipes/adopting-nx/adding-to-monorepo"
-              title="Start using Nx by creating a workspace"
-              variant="secondary"
-              size="large"
-            >
-              Add Nx now!
-            </ButtonLink>
-          </div>
-        </div>
-      </div>
-    </article>
-  );
-}
diff --git a/nx-dev/ui-home/src/lib/migrations-and-code-generation.tsx b/nx-dev/ui-home/src/lib/migrations-and-code-generation.tsx
deleted file mode 100644
index 2af135e40346e..0000000000000
--- a/nx-dev/ui-home/src/lib/migrations-and-code-generation.tsx
+++ /dev/null
@@ -1,175 +0,0 @@
-import { ButtonLink, SectionHeading } from '@nx/nx-dev/ui-common';
-import Link from 'next/link';
-
-export function MigrationsAndCodeGeneration(): JSX.Element {
-  return (
-    <article
-      id="affected-and-code-generation"
-      className="relative overflow-hidden bg-slate-50 py-28 dark:bg-slate-800/40"
-    >
-      <div className="mx-auto max-w-7xl px-4 py-12 sm:grid sm:grid-cols-2 sm:gap-8 sm:px-6 lg:px-8 lg:py-16">
-        <div>
-          <header>
-            <SectionHeading as="h1" variant="title" id="evergreen-setup">
-              Evergreen setup
-            </SectionHeading>
-            <SectionHeading
-              as="p"
-              variant="display"
-              id="nx-is-fast"
-              className="mt-4"
-            >
-              Stay up to date, without effort
-            </SectionHeading>
-          </header>
-          <div className="mt-8 flex gap-16 font-normal">
-            <p className="max-w-xl text-lg text-slate-700 dark:text-slate-400">
-              Keeping your stack up to date can be a struggle. Nx comes with a
-              smart system that is capable of automatically upgrading your
-              codebase. Think of it like{' '}
-              <span className="font-medium">
-                database migration scripts, but for your config files, npm
-                packages and even source code
-              </span>
-              .
-            </p>
-          </div>
-          <div className="action mt-6 flex">
-            <ButtonLink
-              href="/features/automate-updating-dependencies"
-              variant="primary"
-              size="default"
-              title="Read more about affected command"
-            >
-              Read about migrations
-            </ButtonLink>
-          </div>
-        </div>
-        <div
-          aria-hidden="true"
-          className="relative flex h-full w-full flex-col items-center gap-8"
-        >
-          <div className="w-[568px] max-w-full rounded-xl shadow-xl md:flex">
-            <div className="coding flex w-full flex-col rounded-lg border border-slate-200 bg-slate-50 p-4 font-mono text-xs leading-normal text-slate-800 subpixel-antialiased shadow-lg dark:border-slate-700 dark:bg-slate-800 dark:text-slate-200">
-              <div className="flex items-center">
-                <p>
-                  <span className="text-base text-purple-600 dark:text-fuchsia-500">
-                    →
-                  </span>{' '}
-                  <span className="mx-1 text-green-600 dark:text-green-400">
-                    ~/workspace
-                  </span>{' '}
-                  <span>$</span>
-                </p>
-                <p className="typing mt-0.5 flex-1 pl-2">nx migrate latest</p>
-              </div>
-              <div className="mt-2 flex">
-                <p className="typing flex-1 items-center pl-2">
-                  Fetching meta data about packages.
-                  <br />
-                  It may take a few minutes.
-                  <br />
-                  Fetching nx@14.7.13
-                  <br />
-                  Fetching @nrwl/cypress@14.7.13
-                  <br />
-                  Fetching @nrwl/next@14.7.13
-                  <br />
-                  Fetching @nrwl/linter@14.7.13
-                  <br />
-                  Fetching @nrwl/workspace@14.7.13
-                  <br />
-                  Fetching @nrwl/jest@14.7.13
-                  <br />
-                  Fetching @nrwl/react@14.7.13
-                  <br />
-                  Fetching @nrwl/web@14.7.13
-                </p>
-              </div>
-              <div className="mt-8 flex">
-                <p className="typing flex-1 items-center pl-2">
-                  <span className="bg-green-300 px-1 py-0.5 dark:bg-green-600">
-                    NX
-                  </span>
-                  <span className="ml-2 text-green-500 dark:text-green-600">
-                    The migrate command has run successfully.
-                  </span>
-                  <br />
-                  <br />
-                  - package.json has been updated.
-                  <br />- migrations.json has been generated.
-                </p>
-              </div>
-              <div className="mt-8 flex">
-                <p className="typing flex-1 items-center pl-2">
-                  <span className="mr-2 bg-yellow-300 px-1 py-0.5 dark:bg-yellow-600">
-                    NX
-                  </span>
-                  Next steps:
-                  <br />
-                  <br />
-                  - Make sure package.json changes make sense and then run
-                  'yarn',
-                  <br />
-                  - Run 'yarn nx migrate --run-migrations'
-                  <br />- To learn more go to
-                  <Link
-                    href="https://nx.dev/features/automate-updating-dependencies"
-                    className="ml-2 underline"
-                    prefetch={false}
-                  >
-                    https://nx.dev/features/automate-updating-dependencies
-                  </Link>
-                </p>
-              </div>
-            </div>
-          </div>
-          <div className="w-[568px] max-w-full self-start rounded-xl shadow-xl lg:absolute lg:left-1/2 lg:top-24">
-            <div className="coding flex w-full flex-col rounded-lg border border-slate-200 bg-slate-50 p-4 font-mono text-xs leading-normal text-slate-800 subpixel-antialiased shadow-lg dark:border-slate-700 dark:bg-slate-800 dark:text-slate-200">
-              <div className="flex items-center">
-                <p>
-                  <span className="text-base text-purple-600 dark:text-fuchsia-500">
-                    →
-                  </span>{' '}
-                  <span className="mx-1 text-green-600 dark:text-green-400">
-                    ~/workspace
-                  </span>{' '}
-                  <span>$</span>
-                </p>
-                <p className="typing mt-0.5 flex-1 pl-2">
-                  nx migrate --run-migrations
-                </p>
-              </div>
-              <div className="mt-4 flex">
-                <p className="typing flex-1 items-center pl-2">
-                  <span className="mr-2 bg-yellow-300 px-1 py-0.5 dark:bg-yellow-600">
-                    NX
-                  </span>
-                  Running 'yarn' to make sure necessary packages are installed
-                </p>
-              </div>
-              <div className="mt-4 flex">
-                <p className="typing flex-1 items-center pl-2">
-                  <span className="mr-2 bg-yellow-300 px-1 py-0.5 dark:bg-yellow-600">
-                    NX
-                  </span>
-                  Running migrations from 'migrations.json'
-                </p>
-              </div>
-              <div className="mt-4 flex">
-                <p className="typing flex-1 items-center pl-2">
-                  <span className="bg-green-300 px-1 py-0.5 dark:bg-green-600">
-                    NX
-                  </span>
-                  <span className="ml-2 text-green-500 dark:text-green-600">
-                    This workspace is up to date!
-                  </span>
-                </p>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </article>
-  );
-}
diff --git a/nx-dev/ui-home/src/lib/monorepo-styles.tsx b/nx-dev/ui-home/src/lib/monorepo-styles.tsx
deleted file mode 100644
index 02022d4881672..0000000000000
--- a/nx-dev/ui-home/src/lib/monorepo-styles.tsx
+++ /dev/null
@@ -1,155 +0,0 @@
-import { ButtonLink, SectionHeading } from '@nx/nx-dev/ui-common';
-import Link from 'next/link';
-
-export function MonorepoStyles(): JSX.Element {
-  return (
-    <article
-      id="monorepo-styles"
-      className="relative overflow-hidden bg-slate-50 pt-28 dark:bg-slate-800/40"
-    >
-      <div className="mx-auto max-w-7xl px-4 py-12 sm:grid sm:grid-cols-2 sm:gap-8 sm:px-6 lg:px-8 lg:py-16">
-        <div>
-          <header>
-            <SectionHeading as="h1" variant="title" id="monorepo-styles">
-              <span className="sr-only">Nx supports </span>Different monorepo
-              styles
-            </SectionHeading>
-            <SectionHeading
-              as="p"
-              variant="display"
-              id="nx-is-fast"
-              className="mt-4"
-            >
-              Make Nx work for you
-            </SectionHeading>
-          </header>
-          <div className="mt-8 flex gap-16 font-normal">
-            <p className="max-w-xl text-lg text-slate-700 dark:text-slate-400">
-              Choose your style! Have a monorepo already?{' '}
-              <Link
-                href="/recipes/adopting-nx/adding-to-monorepo"
-                title="Install VSCode's native extension for Nx"
-                className="font-medium text-blue-500 dark:text-sky-500"
-                prefetch={false}
-              >
-                Add Nx on top!
-              </Link>{' '}
-              <span className="font-medium">You control everything</span>, Nx
-              makes things fast. Or focus on what matters and{' '}
-              <span className="font-medium">let Nx do the heavy lifting</span>{' '}
-              with its set of{' '}
-              <Link
-                href="/extending-nx"
-                title="Install VSCode's native extension for Nx"
-                className="font-medium text-blue-500 dark:text-sky-500"
-                prefetch={false}
-              >
-                powerful plugins
-              </Link>
-              . Extend Nx by creating custom plugins that{' '}
-              <span className="font-medium">work for your organization</span>,
-              and you'll get the best possible DX you can have in a monorepo.
-            </p>
-          </div>
-          <div className="action mt-6 flex">
-            <ButtonLink
-              variant="primary"
-              size="default"
-              href="/concepts/integrated-vs-package-based"
-              title="Read more about affected command"
-            >
-              Read about different monorepo styles
-            </ButtonLink>
-          </div>
-        </div>
-        <div
-          aria-hidden="true"
-          className="relative flex h-full w-full flex-col items-center gap-8 py-8"
-        >
-          <div className="w-[568px] max-w-full rounded-xl shadow-xl">
-            <div className="coding flex w-full flex-col rounded-lg border border-slate-200 bg-slate-50 p-4 font-mono text-xs leading-normal text-slate-800 subpixel-antialiased shadow-lg dark:border-slate-700 dark:bg-slate-800 dark:text-slate-200">
-              <div className="flex items-center">
-                <p>
-                  <span className="text-base text-purple-600 dark:text-fuchsia-500">
-                    →
-                  </span>{' '}
-                  <span className="mx-1 text-green-600 dark:text-green-400">
-                    ~/workspace
-                  </span>{' '}
-                  <span>$</span>
-                </p>
-                <p className="typing mt-0.5 flex-1 pl-2">
-                  npx create-nx-workspace
-                </p>
-              </div>
-              <div className="mt-4 flex">
-                <p className="typing flex-1 items-center pl-2">
-                  <span className="mr-2 bg-yellow-300 px-1 py-0.5 dark:bg-yellow-600">
-                    NX
-                  </span>
-                  ⚙️ Creating Nx workspace
-                </p>
-              </div>
-              <div className="mt-4 flex">
-                <p className="typing flex-1 items-center pl-2">
-                  <span className="mr-2 bg-yellow-300 px-1 py-0.5 dark:bg-yellow-600">
-                    NX
-                  </span>
-                  📦 Installing dependencies
-                </p>
-              </div>
-              <div className="mt-4 flex">
-                <p className="typing flex-1 items-center pl-2">
-                  <span className="mr-2 bg-green-300 px-1 py-0.5 dark:bg-green-600">
-                    NX
-                  </span>
-                  Your Nx workspace is ready!
-                </p>
-              </div>
-            </div>
-          </div>
-          <div className="w-[568px] max-w-full rounded-xl shadow-xl">
-            <div className="coding flex w-full flex-col rounded-lg border border-slate-200 bg-slate-50 p-4 font-mono text-xs leading-normal text-slate-800 subpixel-antialiased shadow-lg dark:border-slate-700 dark:bg-slate-800 dark:text-slate-200">
-              <div className="flex items-center">
-                <p>
-                  <span className="text-base text-purple-600 dark:text-fuchsia-500">
-                    →
-                  </span>{' '}
-                  <span className="mx-1 text-green-600 dark:text-green-400">
-                    ~/workspace
-                  </span>{' '}
-                  <span>$</span>
-                </p>
-                <p className="typing mt-0.5 flex-1 pl-2">npx nx@latest init</p>
-              </div>
-              <div className="mt-4 flex">
-                <p className="typing flex-1 items-center pl-2">
-                  <span className="mr-2 bg-pink-300 px-1 py-0.5 dark:bg-fuchsia-600">
-                    NX
-                  </span>
-                  🐳 Nx initialization
-                </p>
-              </div>
-              <div className="mt-4 flex">
-                <p className="typing flex-1 items-center pl-2">
-                  <span className="mr-2 bg-pink-300 px-1 py-0.5 dark:bg-fuchsia-600">
-                    NX
-                  </span>
-                  📦 Installing dependencies
-                </p>
-              </div>
-              <div className="mt-4 flex">
-                <p className="typing flex-1 items-center pl-2">
-                  <span className="mr-2 bg-green-300 px-1 py-0.5 dark:bg-green-600">
-                    NX
-                  </span>
-                  🎉 Done!
-                </p>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </article>
-  );
-}
diff --git a/nx-dev/ui-home/src/lib/newsletter.tsx b/nx-dev/ui-home/src/lib/newsletter.tsx
deleted file mode 100644
index a2121eaa1dc51..0000000000000
--- a/nx-dev/ui-home/src/lib/newsletter.tsx
+++ /dev/null
@@ -1,155 +0,0 @@
-import { DiscordIcon, SectionHeading } from '@nx/nx-dev/ui-common';
-
-export function Newsletter(): JSX.Element {
-  const communityLinks = [
-    {
-      name: 'Youtube',
-      label: 'Youtube channel',
-      href: 'https://www.youtube.com/@NxDevtools?utm_source=nx.dev',
-      icon: (props: any) => (
-        <svg
-          fill="currentColor"
-          role="img"
-          viewBox="0 0 24 24"
-          xmlns="http://www.w3.org/2000/svg"
-          {...props}
-        >
-          {/*<title>YouTube</title>*/}
-          <path d="M23.5 6.19a3.02 3.02 0 0 0-2.12-2.14c-1.88-.5-9.38-.5-9.38-.5s-7.5 0-9.38.5A3.02 3.02 0 0 0 .5 6.19C0 8.07 0 12 0 12s0 3.93.5 5.81a3.02 3.02 0 0 0 2.12 2.14c1.87.5 9.38.5 9.38.5s7.5 0 9.38-.5a3.02 3.02 0 0 0 2.12-2.14C24 15.93 24 12 24 12s0-3.93-.5-5.81zM9.54 15.57V8.43L15.82 12l-6.28 3.57z" />
-        </svg>
-      ),
-    },
-    {
-      name: 'Discord',
-      label: 'Community channel',
-      href: 'https://go.nx.dev/community',
-      icon: (props: any) => <DiscordIcon {...props} />,
-    },
-    {
-      name: 'Twitter',
-      label: 'Latest news',
-      href: 'https://twitter.com/NXdevtools?utm_source=nx.dev',
-      icon: (props: any) => (
-        <svg
-          fill="currentColor"
-          viewBox="0 0 24 24"
-          xmlns="http://www.w3.org/2000/svg"
-          {...props}
-        >
-          {/*<title>Twitter</title>*/}
-          <path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z" />
-        </svg>
-      ),
-    },
-    {
-      name: 'GitHub',
-      label: 'Nx is open source, check the code on GitHub',
-      href: 'https://github.com/nrwl/nx?utm_source=nx.dev',
-      icon: (props: any) => (
-        <svg
-          fill="currentColor"
-          viewBox="0 0 16 16"
-          xmlns="http://www.w3.org/2000/svg"
-          {...props}
-        >
-          {/*<title>GitHub</title>*/}
-          <path d="M8 0a8 8 0 0 0-2.53 15.59c.4.07.55-.17.55-.38l-.01-1.49c-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82a7.42 7.42 0 0 1 4 0c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48l-.01 2.2c0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8a8 8 0 0 0-8-8z" />
-        </svg>
-      ),
-    },
-  ];
-
-  return (
-    <div className="bg-slate-50 pt-28 dark:bg-slate-800/40">
-      <div className="mx-auto max-w-7xl px-4 py-16 sm:px-6 lg:flex lg:items-center lg:px-8 lg:py-24">
-        <div className="lg:w-0 lg:flex-1">
-          <SectionHeading as="h1" variant="title" id="stay-informed">
-            Stay up to date
-          </SectionHeading>
-          <SectionHeading
-            as="p"
-            variant="display"
-            id="nx-is-fast"
-            className="mt-4"
-          >
-            Nx is growing fast, stay in the loop!
-          </SectionHeading>
-          <p className="mt-4 text-lg text-slate-700 dark:text-slate-400">
-            Join the Nx community and stay updated on new releases and features,
-            guides and recipes, events and fresh video tutorials.
-          </p>
-          {/*<p className="mt-4 text-lg text-slate-700 dark:text-slate-400">
-            Or follow use directly, You chose!
-          </p>*/}
-          {/*<div className="mt-4 space-x-2">
-            {communityLinks.map((item) => (
-              <a
-                key={item.name}
-                title={item.label}
-                href={item.href}
-                target="_blank"
-                rel="noreferrer"
-                className="inline-flex p-1"
-              >
-                <span className="sr-only">{item.label}</span>
-                <item.icon className="h-6 w-6" aria-hidden="true" />
-              </a>
-            ))}
-          </div>*/}
-        </div>
-        <div className="mt-8 lg:ml-8 lg:mt-0">
-          <div className="mt-4 space-x-12">
-            {communityLinks.map((item) => (
-              <a
-                key={item.name}
-                title={item.label}
-                href={item.href}
-                target="_blank"
-                rel="noreferrer"
-                className="inline-flex p-1 opacity-80 transition hover:opacity-100"
-              >
-                <span className="sr-only">{item.label}</span>
-                <item.icon className="h-12 w-12" aria-hidden="true" />
-              </a>
-            ))}
-          </div>
-        </div>
-        {/*<div className="mt-8 lg:mt-0 lg:ml-8">
-          <form className="sm:flex">
-            <label htmlFor="email-address" className="sr-only">
-              Email address
-            </label>
-            <input
-              id="email-address"
-              name="email-address"
-              type="email"
-              autoComplete="email"
-              required
-              className="w-full rounded-md border-0 bg-white py-1.5 px-2 text-sm leading-4 ring-1 ring-slate-300 transition dark:bg-slate-700 dark:ring-slate-900"
-              placeholder="Enter your email"
-            />
-            <div className="mt-3 rounded-md shadow sm:mt-0 sm:ml-3 sm:flex-shrink-0">
-              <button
-                type="submit"
-                className="flex w-full rounded-lg bg-blue-500 py-3 px-6 text-lg text-white dark:bg-sky-500"
-              >
-                Notify me
-              </button>
-            </div>
-          </form>
-          <p className="mt-3 text-sm text-slate-500 dark:text-slate-500">
-            We care about the protection of your data. Read our{' '}
-            <a
-              href="https://nrwl.io/pages/privacy-policy"
-              target="_blank"
-              rel="noreferrer"
-              className="font-medium underline"
-            >
-              Privacy Policy.
-            </a>
-          </p>
-        </div>*/}
-      </div>
-    </div>
-  );
-}
diff --git a/nx-dev/ui-home/src/lib/nx-statistics.tsx b/nx-dev/ui-home/src/lib/nx-statistics.tsx
deleted file mode 100644
index 1d74dd3327792..0000000000000
--- a/nx-dev/ui-home/src/lib/nx-statistics.tsx
+++ /dev/null
@@ -1,61 +0,0 @@
-import { SectionHeading } from '@nx/nx-dev/ui-common';
-import { LogoCloud } from './logo-cloud';
-
-export function NxStatistics(): JSX.Element {
-  return (
-    <div className="bg-white pt-12 sm:pt-28 dark:bg-slate-900">
-      <div className="mx-auto max-w-7xl px-4 pt-12 sm:px-6 lg:px-8">
-        <div className="mx-auto max-w-4xl text-center">
-          <SectionHeading as="h2" variant="display" id="trusted-by-all">
-            Trusted by developers, enterprises and open-source projects.
-          </SectionHeading>
-          <p className="sr-only mt-3 text-lg text-slate-700 sm:mt-4 dark:text-slate-400">
-            Whether your workspace{' '}
-            <span className="font-semibold">
-              has a single project or a thousand
-            </span>
-            , Nx will keep your CI fast and your workspace maintainable.
-          </p>
-        </div>
-      </div>
-      {/*LOGO CLOUD*/}
-      <LogoCloud />
-      {/*STATISTICS*/}
-      <div className="mt-10 bg-slate-50 pb-12 sm:pb-16 dark:bg-slate-800/40">
-        <div className="relative">
-          <div className="absolute inset-0 h-1/2 border-b border-slate-200 bg-white dark:border-black dark:bg-slate-900"></div>
-          <div className="relative mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
-            <div className="mx-auto max-w-4xl">
-              <dl className="overflow-hidden rounded-lg bg-white shadow sm:grid sm:grid-cols-3 dark:bg-slate-900">
-                <div className="flex flex-col border-b border-slate-50 p-6 text-center sm:border-0 sm:border-r dark:border-slate-800/40">
-                  <dt className="order-2 mt-2 text-base font-medium leading-6">
-                    developers use it every day
-                  </dt>
-                  <dd className="order-1 text-4xl font-semibold text-slate-800 drop-shadow-sm dark:text-slate-200 dark:drop-shadow-[0_1px_1px_rgba(255,255,255,0.35)]">
-                    2M+
-                  </dd>
-                </div>
-                <div className="flex flex-col border-b border-t border-slate-50 p-6 text-center sm:border-0 sm:border-l sm:border-r dark:border-slate-800/40">
-                  <dt className="order-2 mt-2 text-base font-medium leading-6">
-                    of Fortune 500 companies use Nx for key projects
-                  </dt>
-                  <dd className="order-1 text-4xl font-semibold text-slate-800 drop-shadow-sm dark:text-slate-200 dark:drop-shadow-[0_1px_1px_rgba(255,255,255,0.35)]">
-                    50%
-                  </dd>
-                </div>
-                <div className="flex flex-col border-t border-slate-50 p-6 text-center sm:border-0 sm:border-l dark:border-slate-800/40">
-                  <dt className="order-2 mt-2 text-base font-medium leading-6">
-                    monthly npm downloads
-                  </dt>
-                  <dd className="order-1 text-4xl font-semibold text-slate-800 drop-shadow-sm dark:text-slate-200 dark:drop-shadow-[0_1px_1px_rgba(255,255,255,0.35)]">
-                    16M+
-                  </dd>
-                </div>
-              </dl>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}
diff --git a/nx-dev/ui-home/src/lib/nx-with-ci.tsx b/nx-dev/ui-home/src/lib/nx-with-ci.tsx
deleted file mode 100644
index 1b9ac40b960e0..0000000000000
--- a/nx-dev/ui-home/src/lib/nx-with-ci.tsx
+++ /dev/null
@@ -1,268 +0,0 @@
-import { SparklesIcon } from '@heroicons/react/24/outline';
-import { SectionHeading } from '@nx/nx-dev/ui-common';
-import {
-  animate,
-  motion,
-  useMotionValue,
-  useTransform,
-  Variants,
-} from 'framer-motion';
-import Link from 'next/link';
-import { useEffect } from 'react';
-
-function Counter({
-  value,
-  duration = 2,
-}: {
-  value: number;
-  duration?: number;
-}) {
-  const count = useMotionValue(0);
-  const rounded = useTransform(count, Math.round);
-
-  useEffect(() => {
-    const animation = animate(count, value, {
-      type: 'tween',
-      ease: 'easeOut',
-      duration,
-    });
-
-    return animation.stop;
-  }, []);
-
-  return <motion.span>{rounded}</motion.span>;
-}
-
-export function NxWithCi(): JSX.Element {
-  const ciBar: Variants = {
-    start: {
-      width: 0,
-    },
-    end: {
-      width: '100%',
-      transition: {
-        type: 'tween',
-        ease: 'easeOut',
-        duration: 1.2,
-      },
-    },
-  };
-  const nxBar: Variants = {
-    start: {
-      width: 0,
-    },
-    end: {
-      width: '50%',
-      transition: {
-        type: 'tween',
-        ease: 'easeOut',
-        duration: 1.2,
-      },
-    },
-  };
-
-  return (
-    <article id="nx-is-fast" className="relative pt-12 sm:pt-28">
-      <div className="mx-auto max-w-7xl px-4 pb-12 sm:grid sm:grid-cols-2 sm:gap-8 sm:px-6 lg:px-8 lg:pb-16">
-        <div>
-          <header>
-            <SectionHeading as="h1" variant="title" id="nx-is-fast">
-              From 90 to 10 minutes
-            </SectionHeading>
-            <SectionHeading
-              as="p"
-              variant="display"
-              id="nx-ci"
-              className="mt-4"
-            >
-              Effortless, Fast CI
-            </SectionHeading>
-          </header>
-          <div className="mt-8 flex gap-16 font-normal">
-            <p className="max-w-xl text-lg text-slate-700 dark:text-slate-400">
-              Nx comes with the building blocks to not only scale your monorepo
-              locally and provide great DX while developing, but also to address
-              one of the major pain points:{' '}
-              <span className="font-bold">fast, maintainable CI.</span>
-            </p>
-          </div>
-        </div>
-        <div className="flex items-end">
-          <div className="w-full">
-            <div className="flex">
-              <div className="w-28 shrink-0 border-r border-slate-200 py-3 text-slate-700 dark:border-slate-500 dark:text-slate-400">
-                CI without Nx
-              </div>
-              <div className="flex-grow py-1">
-                <motion.div
-                  initial="start"
-                  whileInView="end"
-                  variants={ciBar}
-                  viewport={{ once: true }}
-                  className="flex-grow items-center justify-end rounded-r-lg bg-slate-200 px-4 py-2 text-slate-600 dark:bg-slate-700 dark:text-slate-400"
-                >
-                  <Counter value={90}></Counter>
-                  <span className="ml-1">minutes</span>
-                </motion.div>
-              </div>
-            </div>
-            <div className="flex">
-              <div className="w-28 shrink-0 border-r border-slate-200 py-3 font-medium text-slate-700 dark:border-slate-500 dark:text-slate-400">
-                CI with Nx
-              </div>
-              <div className="flex flex-grow gap-4 py-1 font-medium">
-                <motion.div
-                  initial="start"
-                  whileInView="end"
-                  variants={nxBar}
-                  viewport={{ once: true }}
-                  className="rounded-r-lg bg-blue-500 dark:bg-sky-500"
-                />
-                <div className="flex items-center text-slate-700 dark:text-slate-400">
-                  <Counter value={10}></Counter>
-                  <span className="ml-1">minutes</span>
-                </div>
-              </div>
-            </div>
-            <div className="flex w-full justify-end">
-              <a
-                href="https://www.youtube.com/watch?v=KPCMg_Dn0Eo"
-                target="_blank"
-                className="text-sm font-medium hover:underline"
-                title="Find out how to reduce CI time with Nx"
-                rel="noreferrer"
-              >
-                Find out how
-              </a>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div className="mx-auto max-w-7xl px-4 pb-8 sm:px-6 lg:px-8 lg:pb-16">
-        <dl className="grid grid-cols-1 gap-x-8 gap-y-16 sm:grid-cols-3">
-          <div className="relative">
-            <dt className="text-base font-semibold leading-7 text-slate-900 dark:text-slate-100">
-              <div className="group relative">
-                <div className="absolute -inset-1 rounded-lg bg-gradient-to-r from-cyan-500 to-blue-500 opacity-25 blur-sm transition duration-1000 group-hover:opacity-90 group-hover:duration-200"></div>
-                <div className="relative flex items-center gap-4 rounded-lg border border-slate-200 bg-white p-4 text-lg shadow-sm transition focus-within:ring-2 focus-within:ring-blue-500 focus-within:ring-offset-2 dark:border-slate-800/40 dark:bg-slate-800">
-                  <NxCacheIcon className="h-8 w-8" aria-hidden="true" />
-                  <Link
-                    href="/ci/features/remote-cache"
-                    title="Discover Nx Replay"
-                    prefetch={false}
-                  >
-                    <span className="absolute inset-0"></span>Nx Replay
-                  </Link>
-                </div>
-              </div>
-            </dt>
-            <dd className="mt-4 text-base leading-7 text-slate-700 dark:text-slate-400">
-              Built-in local and remote caching to speed up your tasks and save
-              you time and money.
-            </dd>
-          </div>
-          <div className="relative">
-            <dt className="text-base font-semibold leading-7 text-slate-900 dark:text-slate-100">
-              <div className="group relative">
-                <div className="absolute -inset-1 rounded-lg bg-gradient-to-r from-emerald-500 to-green-500 opacity-25 blur-sm transition duration-1000 group-hover:opacity-90 group-hover:duration-200"></div>
-                <div className="relative flex items-center gap-4 rounded-lg border border-slate-200 bg-white p-4 text-lg shadow-sm transition focus-within:ring-2 focus-within:ring-blue-500 focus-within:ring-offset-2 dark:border-slate-800/40 dark:bg-slate-800">
-                  <NxAgentsIcon className="h-8 w-8" aria-hidden="true" />
-                  <a
-                    href="/ci/features/distribute-task-execution"
-                    title="Discover Nx Agents"
-                  >
-                    <span className="absolute inset-0"></span>Nx Agents
-                  </a>
-                </div>
-              </div>
-            </dt>
-            <dd className="mt-4 text-base leading-7 text-slate-700 dark:text-slate-400">
-              A single line to enable distributed computation, across multiple
-              machines. Fully managed agents, dynamically allocated based on PR
-              size.
-            </dd>
-          </div>
-          <div className="relative">
-            <dt className="text-base font-semibold leading-7 text-slate-900 dark:text-slate-100">
-              <div className="group relative opacity-70">
-                <div className="absolute -inset-1 rounded-lg bg-slate-500 opacity-25 blur-sm"></div>
-                <div className="relative flex items-center gap-4 rounded-lg border border-slate-200 bg-white p-4 text-lg shadow-sm transition focus-within:ring-2 focus-within:ring-blue-500 focus-within:ring-offset-2 dark:border-slate-800/40 dark:bg-slate-800">
-                  <SparklesIcon
-                    className="block h-8 w-8 sm:hidden md:block"
-                    aria-hidden="true"
-                  />
-                  {/*<a href="/ci/features/tusky" title="Discover Tusky">*/}
-                  <span className="absolute inset-0"></span>Tusky
-                  {/*</a>*/}
-                  <div className="flex-grow" />
-                  <span className="inline-flex items-center rounded-md bg-slate-50 px-2 py-1 text-xs font-medium text-slate-600 ring-1 ring-inset ring-slate-500/10 dark:bg-slate-400/10 dark:text-slate-400 dark:ring-slate-400/20">
-                    Coming soon
-                  </span>
-                </div>
-              </div>
-            </dt>
-            <dd className="mt-4 text-base leading-7 text-slate-700 dark:text-slate-400">
-              A powerful Artificial Intelligence equipped with context of your
-              workspace, commit history, and historical build timing data.
-            </dd>
-          </div>
-        </dl>
-      </div>
-    </article>
-  );
-}
-
-export const NxAgentsIcon = (props: any) => (
-  <svg
-    role="img"
-    viewBox="0 0 24 24"
-    xmlns="http://www.w3.org/2000/svg"
-    stroke="currentColor"
-    fill="none"
-    {...props}
-  >
-    <path
-      strokeLinejoin="round"
-      d="M21 12.5h-4m4 0a1 1 0 1 0 2 0 1 1 0 0 0-2 0Zm-2 8h-5v-3m5 3a1 1 0 1 0 2 0 1 1 0 0 0-2 0Zm-16-8h4m-4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2 8h5v-3m-5 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm0-17h5v4m-5-4a1 1 0 1 0-2 0 1 1 0 0 0 2 0Zm14 0h-5v4m5-4a1 1 0 1 1 2 0 1 1 0 0 1-2 0Zm-3 14H8a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1Zm-5-8h2l-.667 1.875L14 11.346 11.333 15.5l.334-2.77H10l1-3.23Z"
-    />
-  </svg>
-);
-
-export const NxCacheIcon = (props: any) => (
-  <svg
-    role="img"
-    viewBox="0 0 24 24"
-    xmlns="http://www.w3.org/2000/svg"
-    stroke="currentColor"
-    fill="none"
-    {...props}
-  >
-    <path
-      strokeLinecap="round"
-      d="m8.625 2.621-.014.004c-.317.09-.622.22-.907.387m4.796-.965-.014-.002a3.958 3.958 0 0 0-.986.002m3.875.574.014.004c.317.09.622.22.907.387m-.92 18.367.013-.004c.317-.09.622-.22.907-.387m-4.796.965.014.002c.328.04.659.04.986-.002m-3.875-.574-.014-.004a3.96 3.96 0 0 1-.907-.387M21.38 8.625l-.004-.014a3.96 3.96 0 0 0-.387-.907m.965 4.796.002-.014c.04-.328.04-.659-.002-.986m-.574 3.875-.004.014a3.96 3.96 0 0 1-.387.907m-18.367-.92.004.013c.09.317.22.622.387.907M2.047 11.5l-.002.014c-.04.328-.04.659.002.986m.574-3.875.004-.014c.09-.317.22-.622.387-.907M7.5 10.516h9m-9 0a1.5 1.5 0 0 1 0-3h9a1.5 1.5 0 0 1 0 3m-9 0a1.5 1.5 0 0 0 0 3m9-3a1.5 1.5 0 0 1 0 3m-6.412-4.5h.01m-1.883 0h.01m-.725 4.5h9m-9 0a1.5 1.5 0 0 0 0 3h9a1.5 1.5 0 0 0 0-3m-6.412-1.5h.01m-1.883 0h.01m1.863 3h.01m-1.883 0h.01M3 4.516a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Zm15 0a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Zm-15 15a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Zm15 0a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Z"
-    />
-  </svg>
-);
-
-export const NxWorkflowsIcon = (props: any) => (
-  <svg
-    role="img"
-    viewBox="0 0 24 24"
-    xmlns="http://www.w3.org/2000/svg"
-    stroke="currentColor"
-    fill="none"
-    {...props}
-  >
-    <g clipPath="url(#a)">
-      <path
-        strokeLinecap="round"
-        d="M13.315 10h7.37m-7.37-6h7.37m-5.95-1v2m-1.42 2h7.37m-1.159-1v2M17 9v2M4.678 3.5h.75m2.29 0h.75m-3.79 7h.75m2.29 0h.75m1.605-5.395v.75m0 2.29v.75m-7-3.79v.75m0 2.29v.75M3.698 21h6a1 1 0 0 0 1-1v-.763a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1V20a1 1 0 0 0 1 1Zm0-4.605h6a1 1 0 0 0 1-1v-.763a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v.763a1 1 0 0 0 1 1Zm14.723.976a1.42 1.42 0 1 1-2.842 0 1.42 1.42 0 0 1 2.842 0ZM2.499.499H21.5a2 2 0 0 1 2 2V21.5a2 2 0 0 1-2 2h-19a2 2 0 0 1-2-2v-19a2 2 0 0 1 2-2ZM20.11 16.087l.599.126a.6.6 0 0 1 .476.587v1.133a.6.6 0 0 1-.477.588l-.594.123a.6.6 0 0 0-.448.773l.19.583a.6.6 0 0 1-.27.706l-.983.566a.6.6 0 0 1-.747-.12l-.408-.456a.6.6 0 0 0-.896.001l-.403.454a.6.6 0 0 1-.748.12l-.98-.565a.6.6 0 0 1-.27-.704l.19-.586a.6.6 0 0 0-.449-.773l-.594-.124a.6.6 0 0 1-.478-.588l.001-1.13a.6.6 0 0 1 .476-.587l.6-.127a.6.6 0 0 0 .446-.775l-.19-.576a.6.6 0 0 1 .27-.707l.978-.567a.6.6 0 0 1 .747.119l.408.454a.6.6 0 0 0 .894 0l.405-.454a.6.6 0 0 1 .747-.12l.982.567a.6.6 0 0 1 .27.707l-.19.578a.6.6 0 0 0 .446.774Z"
-      />
-    </g>
-    <defs>
-      <clipPath id="a">
-        <path fill="transparent" d="M0 0h24v24H0z" />
-      </clipPath>
-    </defs>
-  </svg>
-);
diff --git a/nx-dev/ui-home/src/lib/smarter-tools-for-monorepos.tsx b/nx-dev/ui-home/src/lib/smarter-tools-for-monorepos.tsx
new file mode 100644
index 0000000000000..bc615da4610c5
--- /dev/null
+++ b/nx-dev/ui-home/src/lib/smarter-tools-for-monorepos.tsx
@@ -0,0 +1,945 @@
+import Link from 'next/link';
+import { ReactNode } from 'react';
+import { FitText } from '@nx/nx-dev/ui-animations';
+import {
+  ButtonLink,
+  SectionHeading,
+  Strong,
+  TextLink,
+} from '@nx/nx-dev/ui-common';
+import { cx } from '@nx/nx-dev/ui-primitives';
+import { motion } from 'framer-motion';
+import {
+  AngularIcon,
+  AstroIcon,
+  CypressIcon,
+  DotNetIcon,
+  EslintIcon,
+  ExpoIcon,
+  ExpressIcon,
+  FastifyIcon,
+  GoIcon,
+  GradleIcon,
+  JavaIcon,
+  JestIcon,
+  JetBrainsIcon,
+  NestJSIcon,
+  NextJSIcon,
+  NodeIcon,
+  NuxtIcon,
+  PlaywrightIcon,
+  PnpmIcon,
+  QwikIcon,
+  ReactIcon,
+  RemixIcon,
+  RollupIcon,
+  RspackIcon,
+  RustIcon,
+  SolidIcon,
+  StorybookIcon,
+  TypeScriptIcon,
+  VisualStudioCodeIcon,
+  ViteIcon,
+  VueIcon,
+  WebpackIcon,
+} from '@nx/nx-dev/ui-icons';
+
+export function SmarterToolsForMonorepos(): JSX.Element {
+  return (
+    <section className="bg-slate-50 py-32 shadow-inner sm:py-40 dark:bg-slate-900">
+      <article className="mx-auto max-w-7xl px-6 lg:px-8">
+        <div className="max-w-5xl">
+          <SectionHeading
+            as="h2"
+            variant="title"
+            id="smarter-tools"
+            className="scroll-mt-24"
+          >
+            Smarter tools for your monorepo.
+          </SectionHeading>
+          <SectionHeading as="p" variant="subtitle" className="mt-6">
+            Nx plugins are{' '}
+            <Strong>like VSCode extensions, but for your Nx workspace</Strong>.
+            Imagine your{' '}
+            <TextLink
+              href="/concepts/inferred-tasks?utm_source=homepage?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools"
+              title="Inferred tasks"
+            >
+              tools being automatically detected
+            </TextLink>
+            , with{' '}
+            <TextLink
+              href="/features/cache-task-results?utm_source=homepage?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools"
+              title="Caching"
+            >
+              caching
+            </TextLink>
+            ,{' '}
+            <TextLink
+              href="/ci/features/distribute-task-execution?utm_source=homepage?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools"
+              title="Task distribution"
+            >
+              task distribution
+            </TextLink>
+            , and{' '}
+            <TextLink
+              href="/ci/features/distribute-task-execution?utm_source=homepage?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools"
+              title="Task distribution"
+            >
+              task splitting
+            </TextLink>{' '}
+            being pre-configured for you. All in sync with your underlying
+            tooling configuration. Plus there are{' '}
+            <TextLink
+              href="/features/generate-code?utm_source=homepage?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools"
+              title="Task distribution"
+            >
+              code generators
+            </TextLink>{' '}
+            and utilities to help you integrate your favorite technologies,
+            making working in a monorepo a much more pleasant experience.
+          </SectionHeading>
+        </div>
+
+        <div className="relative mx-auto mt-24">
+          {/*DESKTOP*/}
+          <div className="mx-auto hidden lg:block">
+            <div className="grid grid-cols-12 gap-8">
+              <Card>
+                <Link
+                  href="/getting-started/tutorials/gradle-tutorial?utm_source=homepage?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Gradle"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <GradleIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/nx-api/playwright?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Playwright"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <PlaywrightIcon
+                    aria-hidden="true"
+                    className="h-full w-full"
+                  />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/getting-started/tutorials/npm-workspaces-tutorial?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Typescript"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <TypeScriptIcon
+                    aria-hidden="true"
+                    className="h-full w-full"
+                  />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="https://github.com/nrwl/nx-recipes/blob/main/go/README.md"
+                  prefetch={false}
+                  title="Nx with Go"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <GoIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/nx-api/next?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Nextjs"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <NextJSIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/recipes/storybook?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Storybook"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <StorybookIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/nx-api/rollup?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Rollup"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <RollupIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/nx-api/jest?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Jest"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <JestIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/nx-api/eslint?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with EsLint"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <EslintIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/recipes/adopting-nx/adding-to-monorepo?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Pnpm"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <PnpmIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/nx-api/vite?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Vite"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <ViteIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/showcase/example-repos/add-solid?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Solid"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <SolidIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+            </div>
+            <div className="my-4 grid grid-cols-4 gap-8">
+              <Card>
+                <div className="absolute inset-0 overflow-hidden">
+                  <img
+                    src="/images/home/video-tutorial-light.avif"
+                    aria-hidden="true"
+                    className="absolute block scale-125 object-cover opacity-50 dark:hidden"
+                    alt="Nx Video tutorials card"
+                  />
+                  <img
+                    src="/images/home/video-tutorial-dark.avif"
+                    aria-hidden="true"
+                    className="absolute hidden scale-125 object-cover opacity-50 dark:block"
+                    alt="Nx Video tutorials card"
+                  />
+                </div>
+
+                <Link
+                  href="/getting-started/intro#learn-nx"
+                  prefetch={false}
+                  title="Nx video tutorials"
+                  className="h-full w-full p-4"
+                >
+                  <FitText className="text-slate-950 dark:text-white">
+                    Video tutorials
+                  </FitText>
+                </Link>
+              </Card>
+              <div className="col-span-2 row-span-1 grid grid-cols-6 gap-8">
+                <div className="grid grid-cols-1 gap-8">
+                  <Card>
+                    <Link
+                      href="/getting-started/tutorials/gradle-tutorial?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                      prefetch={false}
+                      title="Nx with Java"
+                      className="h-full w-full p-4"
+                    >
+                      <span className="absolute inset-0" />
+                      <JavaIcon aria-hidden="true" className="h-full w-full" />
+                    </Link>
+                  </Card>
+                  <Card>
+                    <Link
+                      href="/nx-api/remix?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                      prefetch={false}
+                      title="Nx with Remix"
+                      className="h-full w-full p-4"
+                    >
+                      <span className="absolute inset-0" />
+                      <RemixIcon aria-hidden="true" className="h-full w-full" />
+                    </Link>
+                  </Card>
+                  <Card>
+                    <Link
+                      href="/getting-started/tutorials/angular-monorepo-tutorial?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                      prefetch={false}
+                      title="Nx with Angular"
+                      className="h-full w-full p-4"
+                    >
+                      <span className="absolute inset-0" />
+                      <AngularIcon
+                        aria-hidden="true"
+                        className="h-full w-full"
+                      />
+                    </Link>
+                  </Card>
+                </div>
+                <div className="col-span-4 grid grid-cols-1 place-items-center border-none bg-none p-0">
+                  <div className="flex w-full items-center gap-4 pr-8">
+                    <motion.div
+                      initial={{
+                        transform: 'translateY(4px)',
+                      }}
+                      animate={{
+                        transform: 'translateY(-4px)',
+                      }}
+                      transition={{
+                        duration: 10,
+                        ease: 'anticipate',
+                        delay: 0,
+                        repeat: Infinity,
+                        repeatType: 'reverse',
+                      }}
+                    >
+                      <img
+                        src="/images/home/crystal.avif"
+                        alt="crystal"
+                        className="h-[156px] w-[136px]"
+                      />
+                    </motion.div>
+                    <FitText className="text-slate-950 dark:text-white">
+                      Plugins
+                    </FitText>
+                  </div>
+                </div>
+                <div className="grid grid-cols-1 gap-4">
+                  <Card>
+                    <Link
+                      href="/showcase/example-repos/add-rust?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                      prefetch={false}
+                      title="Nx with Rust"
+                      className="h-full w-full p-4"
+                    >
+                      <span className="absolute inset-0" />
+                      <RustIcon aria-hidden="true" className="h-full w-full" />
+                    </Link>
+                  </Card>
+                  <Card>
+                    <Link
+                      href="/getting-started/tutorials/vue-standalone-tutorial?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                      prefetch={false}
+                      title="Nx with Vue"
+                      className="h-full w-full p-4"
+                    >
+                      <span className="absolute inset-0" />
+                      <VueIcon aria-hidden="true" className="h-full w-full" />
+                    </Link>
+                  </Card>
+                  <Card>
+                    <Link
+                      href="/nx-api/nuxt?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                      prefetch={false}
+                      title="Nx with Nuxt"
+                      className="h-full w-full p-4"
+                    >
+                      <span className="absolute inset-0" />
+                      <NuxtIcon aria-hidden="true" className="h-full w-full" />
+                    </Link>
+                  </Card>
+                </div>
+              </div>
+              <Card className="p-4">
+                <Link
+                  href="/getting-started/editor-setup?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Webstorm plugin"
+                  className="flex items-center gap-2 rounded-full border border-slate-200 bg-slate-50 px-4 py-2 text-xs transition dark:border-slate-800 dark:bg-slate-900"
+                >
+                  <JetBrainsIcon aria-hidden="true" className="size-3" />{' '}
+                  JetBrains
+                </Link>
+                <FitText className="text-slate-950 dark:text-white">
+                  Editors support
+                </FitText>
+                <Link
+                  href="/getting-started/editor-setup?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="VSCode plugin"
+                  className="flex items-center gap-2 rounded-full border border-slate-200 bg-slate-50 px-4 py-2 text-xs dark:border-slate-800 dark:bg-slate-900"
+                >
+                  <VisualStudioCodeIcon aria-hidden="true" className="size-3" />{' '}
+                  VS Code
+                </Link>
+              </Card>
+            </div>
+            <div className="grid grid-cols-12 gap-8">
+              <Card>
+                <Link
+                  href="https://github.com/nrwl/nx-recipes/tree/main/dot-net-standalone"
+                  prefetch={false}
+                  title="Nx with DotNet"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <DotNetIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/showcase/example-repos/add-astro?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Astro"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <AstroIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/nx-api/cypress?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Cypress"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <CypressIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/getting-started/tutorials/react-monorepo-tutorial?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with React"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <ReactIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/nx-api/nest?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with NestJS"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <NestJSIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/showcase/example-repos/add-fastify?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Vitest"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <FastifyIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/nx-api/rspac?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with RSpack"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <RspackIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/nx-api/express?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Express"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <ExpressIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/nx-api/webpack?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Webpack"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <WebpackIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/nx-api/node?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with NodeJs"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <NodeIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="showcase/example-repos/add-qwik?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Qwik"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <QwikIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/nx-api/expo?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Expo"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <ExpoIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+            </div>
+          </div>
+          {/*MOBILE*/}
+          <div className="mx-auto max-w-5xl lg:hidden">
+            <div className="mx-auto flex w-3/5 items-center gap-4 pr-8 sm:w-2/5 md:w-1/3">
+              <motion.div
+                initial={{
+                  transform: 'translateY(4px)',
+                }}
+                animate={{
+                  transform: 'translateY(-4px)',
+                }}
+                transition={{
+                  duration: 10,
+                  ease: 'anticipate',
+                  delay: 0,
+                  repeat: Infinity,
+                  repeatType: 'reverse',
+                }}
+              >
+                <img
+                  src="/images/home/crystal.avif"
+                  alt="crystal"
+                  className="h-[156px] w-[136px]"
+                />
+              </motion.div>
+              <FitText className="text-slate-950 dark:text-white">
+                Plugins
+              </FitText>
+            </div>
+
+            <div className="grid grid-cols-6 gap-4 sm:grid-cols-8 md:grid-cols-12">
+              <Card>
+                <Link
+                  href="/getting-started/tutorials/gradle-tutorial?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Gradle"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <GradleIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/nx-api/playwright?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Playwright"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <PlaywrightIcon
+                    aria-hidden="true"
+                    className="h-full w-full"
+                  />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/getting-started/tutorials/npm-workspaces-tutorial?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Typescript"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <TypeScriptIcon
+                    aria-hidden="true"
+                    className="h-full w-full"
+                  />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="https://github.com/nrwl/nx-recipes/blob/main/go/README.md"
+                  prefetch={false}
+                  title="Nx with Go"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <GoIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/nx-api/next?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Nextjs"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <NextJSIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/recipes/storybook?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Storybook"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <StorybookIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/nx-api/rollup?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Rollup"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <RollupIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/nx-api/jest?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Jest"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <JestIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/nx-api/eslint?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with EsLint"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <EslintIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/recipes/adopting-nx/adding-to-monorepo?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Pnpm"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <PnpmIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/nx-api/vite?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Vite"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <ViteIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/showcase/example-repos/add-solid?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Solid"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <SolidIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/getting-started/tutorials/gradle-tutorial?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Java"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <JavaIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/nx-api/remix?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Remix"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <RemixIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/getting-started/tutorials/angular-monorepo-tutorial?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Angular"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <AngularIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/showcase/example-repos/add-rust?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Rust"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <RustIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/getting-started/tutorials/vue-standalone-tutorial?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Vue"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <VueIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/nx-api/nuxt?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Nuxt"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <NuxtIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="https://github.com/nrwl/nx-recipes/tree/main/dot-net-standalone"
+                  prefetch={false}
+                  title="Nx with DotNet"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <DotNetIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/showcase/example-repos/add-astro?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Astro"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <AstroIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/nx-api/cypress?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Cypress"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <CypressIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/getting-started/tutorials/react-monorepo-tutorial?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with React"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <ReactIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/nx-api/nest?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with NestJS"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <NestJSIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/showcase/example-repos/add-fastify?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Vitest"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <FastifyIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/nx-api/rspack?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with RSpack"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <RspackIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/nx-api/express?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Express"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <ExpressIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/nx-api/webpack?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Webpack"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <WebpackIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/nx-api/node?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with NodeJs"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <NodeIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="showcase/example-repos/add-qwik?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Qwik"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <QwikIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+              <Card>
+                <Link
+                  href="/nx-api/expo?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                  prefetch={false}
+                  title="Nx with Expo"
+                  className="h-full w-full p-4"
+                >
+                  <span className="absolute inset-0" />
+                  <ExpoIcon aria-hidden="true" className="h-full w-full" />
+                </Link>
+              </Card>
+            </div>
+            <div className="mt-12 flex w-auto items-center justify-center gap-12">
+              <ButtonLink
+                href="/getting-started/intro#learn-nx"
+                title="Nx video tutorials"
+                variant="secondary"
+              >
+                Watch video tutorials
+              </ButtonLink>
+              <ButtonLink
+                href="/getting-started/editor-setup?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_smarter_tools_techlink"
+                title="Nx editor support"
+                variant="secondary"
+              >
+                See editors support
+              </ButtonLink>
+            </div>
+          </div>
+        </div>
+      </article>
+    </section>
+  );
+}
+
+const Card = ({
+  className = '',
+  children,
+}: {
+  className?: string;
+  children?: ReactNode;
+}) => {
+  return (
+    <div
+      className={cx(
+        'relative col-span-1 row-span-1 grid grid-cols-1 place-items-center rounded-2xl border border-slate-100 bg-white dark:border-slate-800/60 dark:bg-slate-950',
+        'text-slate-600 transition hover:text-slate-950 dark:text-slate-400 dark:hover:text-white',
+        className
+      )}
+    >
+      {children}
+    </div>
+  );
+};
diff --git a/nx-dev/ui-home/src/lib/statistics.tsx b/nx-dev/ui-home/src/lib/statistics.tsx
new file mode 100644
index 0000000000000..37f4a0e7e8749
--- /dev/null
+++ b/nx-dev/ui-home/src/lib/statistics.tsx
@@ -0,0 +1,52 @@
+import { AnimateValue } from '@nx/nx-dev/ui-animations';
+
+const statistics = [
+  {
+    id: 1,
+    name: 'use it every day',
+    value: 2,
+    suffix: ' million',
+    associative: 'developers',
+  },
+  {
+    id: 2,
+    name: 'companies use it',
+    value: 50,
+    suffix: '%',
+    associative: 'of Fortune 500',
+  },
+  {
+    id: 3,
+    name: 'on NPM every month',
+    value: 18,
+    suffix: ' million',
+    associative: 'downloads',
+  },
+];
+
+export function Statistics(): JSX.Element {
+  return (
+    <section id="statistics">
+      <div className="mx-auto max-w-7xl px-6 lg:px-8">
+        <dl className="grid grid-cols-1 justify-between gap-x-8 gap-y-16 text-center lg:grid-cols-3">
+          {statistics.map((stat) => (
+            <div
+              key={stat.id}
+              className="mx-auto flex max-w-xs flex-col gap-y-2"
+            >
+              <dt className="text-base leading-7 text-slate-600 dark:text-slate-400">
+                {stat.name}
+              </dt>
+              <dd className="order-first text-3xl font-semibold tracking-tight text-slate-950 dark:text-white">
+                <span className="text-blue-500 dark:text-sky-500">
+                  <AnimateValue once num={stat.value} suffix={stat.suffix} />
+                </span>{' '}
+                {stat.associative}
+              </dd>
+            </div>
+          ))}
+        </dl>
+      </div>
+    </section>
+  );
+}
diff --git a/nx-dev/ui-home/src/lib/team-and-community.tsx b/nx-dev/ui-home/src/lib/team-and-community.tsx
new file mode 100644
index 0000000000000..c85648ce3b842
--- /dev/null
+++ b/nx-dev/ui-home/src/lib/team-and-community.tsx
@@ -0,0 +1,179 @@
+import {
+  DiscordIcon,
+  SectionHeading,
+  Strong,
+  TextLink,
+} from '@nx/nx-dev/ui-common';
+import {
+  ArrowUpRightIcon,
+  ChevronRightIcon,
+  ComputerDesktopIcon,
+  DocumentIcon,
+  MicrophoneIcon,
+  NewspaperIcon,
+} from '@heroicons/react/24/outline';
+import Link from 'next/link';
+import { YoutubeIcon } from '@nx/nx-dev/ui-icons';
+
+const yearsAgo = new Date().getFullYear() - 2017;
+
+export function TeamAndCommunity(): JSX.Element {
+  return (
+    <section className="mx-auto max-w-7xl px-6 lg:px-8">
+      <article className="max-w-5xl">
+        <SectionHeading
+          as="h2"
+          variant="title"
+          id="team-and-community"
+          className="scroll-mt-24"
+        >
+          Backed by an awesome team and a thriving community.
+        </SectionHeading>
+        <SectionHeading as="p" variant="subtitle" className="mt-6">
+          Founded {yearsAgo} years ago by two <Strong>ex-Googlers</Strong>, our
+          mission is to revoluzionize software development with the power of{' '}
+          <TextLink
+            href="https://github.com/nrwl/nx"
+            title="Monorepo & OSS"
+            target="_blank"
+            rel="noopener"
+          >
+            monorepos and OSS
+          </TextLink>
+          . We are joined by a{' '}
+          <TextLink
+            href="/company?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_team_and_community"
+            title="Our company"
+          >
+            talented and enthusiastic team
+          </TextLink>
+          , many of which are publicly recognized GDEs and MVPs.
+        </SectionHeading>
+        <SectionHeading as="p" variant="subtitle" className="mt-6">
+          We closely collaborate with many{' '}
+          <TextLink href="/customers#popular-oss" title="OSS projects">
+            OSS projects
+          </TextLink>{' '}
+          and companies in the ecosystem. Our team is highly motivated to{' '}
+          <Strong>bring you the best learning material</Strong> through various
+          channels.
+        </SectionHeading>
+      </article>
+
+      <div className="mx-auto mt-24">
+        <div className="grid grid-cols-2 gap-12 sm:grid-cols-3 sm:gap-8 lg:grid-cols-6 lg:gap-6">
+          <div>
+            <div className="group/item relative flex items-center gap-2 rounded-xl border border-slate-100 p-4 transition hover:text-slate-950 dark:border-slate-800/60 dark:hover:text-white">
+              <DocumentIcon aria-hidden="true" className="size-6 shrink-0" />
+              <Link
+                href="/docs?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_team_and_community"
+                className="grow text-base"
+                prefetch={false}
+              >
+                <span className="absolute inset-0" />
+                Docs
+              </Link>
+              <ChevronRightIcon
+                aria-hidden="true"
+                className="size-4 shrink-0 transition group-hover/item:translate-x-1 "
+              />
+            </div>
+          </div>
+          <div>
+            <div className="group/item relative flex items-center gap-2 rounded-xl border border-slate-100 p-4 transition hover:text-slate-950 dark:border-slate-800/60 dark:hover:text-white">
+              <NewspaperIcon aria-hidden="true" className="size-6 shrink-0" />
+              <Link
+                href="/blog?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_team_and_community"
+                className="grow text-base"
+                prefetch={false}
+              >
+                <span className="absolute inset-0" />
+                Blog
+              </Link>
+              <ChevronRightIcon
+                aria-hidden="true"
+                className="size-4 shrink-0 transition group-hover/item:translate-x-1 "
+              />
+            </div>
+          </div>
+          <div>
+            <div className="group/item relative flex items-center gap-2 rounded-xl border border-slate-100 p-4 transition hover:text-slate-950 dark:border-slate-800/60 dark:hover:text-white">
+              <YoutubeIcon aria-hidden="true" className="size-6 shrink-0" />
+              <a
+                href="https://youtube.com/@nxdevtools"
+                className="grow text-base"
+              >
+                <span className="absolute inset-0" />
+                Youtube
+              </a>
+              <ArrowUpRightIcon
+                aria-hidden="true"
+                className="size-4 shrink-0 transition group-hover/item:-translate-y-1 group-hover/item:translate-x-1"
+              />
+            </div>
+          </div>
+
+          <div>
+            <div className="group/item relative flex items-center gap-2 rounded-xl border border-slate-100 p-4 transition hover:text-slate-950 dark:border-slate-800/60 dark:hover:text-white">
+              <DiscordIcon aria-hidden="true" className="size-6 shrink-0" />
+              <a
+                href="https://go.nx.dev/community?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_team_and_community"
+                className="grow text-base"
+              >
+                <span className="absolute inset-0" />
+                Discord
+              </a>
+              <ArrowUpRightIcon
+                aria-hidden="true"
+                className="size-4 shrink-0 transition group-hover/item:-translate-y-1 group-hover/item:translate-x-1"
+              />
+            </div>
+          </div>
+
+          <div>
+            <div className="group/item relative flex items-center gap-2 rounded-xl border border-slate-100 p-4 transition dark:border-slate-800/60 dark:hover:text-white">
+              <MicrophoneIcon aria-hidden="true" className="size-6 shrink-0" />
+              <Link
+                href="https://podcasters.spotify.com/pod/show/enterprise-software"
+                prefetch={false}
+                rel="noreferrer"
+                target="_blank"
+                className="grow text-base"
+              >
+                <span className="absolute inset-0" />
+                Podcasts
+              </Link>
+              <ArrowUpRightIcon
+                aria-hidden="true"
+                className="size-4 shrink-0 transition group-hover/item:-translate-y-1 group-hover/item:translate-x-1"
+              />
+            </div>
+          </div>
+
+          <div>
+            <div className="group/item relative flex items-center gap-2 rounded-xl border border-slate-100 p-4 transition dark:border-slate-800/60 dark:hover:text-white">
+              <ComputerDesktopIcon
+                aria-hidden="true"
+                className="size-6 shrink-0"
+              />
+              <Link
+                href="https://go.nx.dev/june-webinar?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_team_and_community"
+                prefetch={false}
+                target="_blank"
+                rel="noopener"
+                className="grow text-base"
+              >
+                <span className="absolute inset-0" />
+                Webinars
+              </Link>
+              <ArrowUpRightIcon
+                aria-hidden="true"
+                className="size-4 shrink-0 transition group-hover/item:-translate-y-1 group-hover/item:translate-x-1"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/nx-dev/ui-home/src/lib/testimonials.tsx b/nx-dev/ui-home/src/lib/testimonials.tsx
deleted file mode 100644
index 1bcf85d3e02e3..0000000000000
--- a/nx-dev/ui-home/src/lib/testimonials.tsx
+++ /dev/null
@@ -1,123 +0,0 @@
-import { SectionHeading, TestimonialCard } from '@nx/nx-dev/ui-common';
-
-export function Testimonials(): JSX.Element {
-  const column1 = [
-    {
-      link: 'https://twitter.com/antoinepairet/status/1488882179434328065',
-      title: 'Co-founder and CTO at @HealthRosa',
-      author: 'Antoine Pairet',
-      imageUrl: '/images/testimonials/antoine-pairet.jpg',
-      content:
-        "I can't recommend @NxDevTools enough! Go use it, your future self says thanks ;-). Have a doubt or a question? Reach out to @nrwl_io, they are kind, smart, and willing to help",
-    },
-    {
-      link: 'https://twitter.com/danm_t/status/1504832834271330313',
-      title: 'Developer',
-      author: 'Daniel Marin',
-      imageUrl: '/images/testimonials/daniel-marin.jpg',
-      content: [
-        "I'd def invest in @nrwl_io - Our whole platform for @HeavyDutyBuild is powered by it.",
-        "We're using Nx in a monorepo with an @angular Dapp, a @nestframework API and a @solana Rust Program.",
-        "A year ago I used Nx for my Angular stuff, now it's a core piece of everything I build.",
-      ].join(' '),
-    },
-  ];
-  const column2 = [
-    {
-      author: 'Tomek Sułkowski',
-      content:
-        "Supporting @NxDevTools was an exciting goal for @StackBlitz: it's a remarkably elegant setup – but also a great test for WebContainers' maturity, so we're so happy to have reached this milestone!",
-      imageUrl: '/images/testimonials/tomek-sulkowski.jpg',
-      link: 'https://twitter.com/sulco/status/1455207019942748162',
-      title: '@StackBlitz Founding Engineer & DevRel',
-    },
-    {
-      author: 'Michael Bromley',
-      content:
-        'Just set up a full-stack Angular/NestJS app with @NxDevTools. One command, about 5 minutes, and a working full-stack "hello world". Probably just saved about 2 hours.',
-      imageUrl: '/images/testimonials/michael-bromley.jpg',
-      link: 'https://twitter.com/i/web/status/1403437555769561090',
-      title: 'Creator of @vendure_io',
-    },
-  ];
-  const column3 = [
-    {
-      author: 'Kent C. Dodds',
-      content: 'Wow, @NxDevTools is no joke. This is awesome!',
-      imageUrl: '/images/testimonials/kent-c-dodds.jpg',
-      link: 'https://twitter.com/kentcdodds/status/1487079957536788480',
-      title: 'Teacher, OSS',
-    },
-    {
-      author: 'Tejas Kumar',
-      content:
-        "There is a lot to be learned from @nrwl_io's Nx developer experience. It is exemplary.",
-      imageUrl: '/images/testimonials/tejas-kumar.jpg',
-      link: 'https://twitter.com/TejasKumar_/status/1503676694208655361',
-      title: 'Director of Developer Relations, @xatabase',
-    },
-    {
-      author: 'Alan Montgomery',
-      content:
-        'Beautiful! I’m using NX on a nextjs/tailwind project and I must say it’s such a nice developer experience',
-      imageUrl: '/images/testimonials/alan-montgomery.jpg',
-      link: 'https://twitter.com/93alan/status/1488825290973405184',
-      title: 'Senior React Dev/Mobile Team Lead @Idox',
-    },
-    {
-      link: 'https://twitter.com/241Dev/status/1487531051484278791',
-      title: 'Web Engineer',
-      author: 'Akira Tsuboi',
-      imageUrl: '/images/testimonials/akira-tsuboi.jpg',
-      content: 'I just started using Nx (@NxDevTools). It’s awesome 😍',
-    },
-  ];
-
-  return (
-    <article
-      id="next-generation"
-      className="relative bg-slate-50 pt-28 dark:bg-slate-800/40"
-    >
-      <div className="mx-auto max-w-7xl items-stretch px-4 py-12 sm:grid sm:grid-cols-1 sm:gap-8 sm:px-6 md:grid-cols-3 lg:px-8 lg:py-16">
-        <div className="md:col-span-2">
-          <header>
-            <SectionHeading as="h1" variant="title" id="testimonials">
-              They use Nx every day
-            </SectionHeading>
-            <SectionHeading
-              as="p"
-              variant="display"
-              id="nx-is-fast"
-              className="mt-4"
-            >
-              Devs & CEOs, Startups & big companies are loving Nx
-            </SectionHeading>
-          </header>
-          <div className="mt-8 flex gap-16 font-normal">
-            <p className="max-w-xl text-lg text-slate-700 dark:text-slate-400">
-              Here is what they say about Nx, what they like about it, how it
-              transforms their developer life and what you are missing out on!
-            </p>
-          </div>
-          <div className="mt-12 grid grid-cols-1 gap-8 md:grid-cols-2">
-            <div className="space-y-6">
-              {column1.map((data) => (
-                <TestimonialCard key={data.author} data={data} />
-              ))}
-            </div>
-            <div className="space-y-6">
-              {column2.map((data) => (
-                <TestimonialCard key={data.author} data={data} />
-              ))}
-            </div>
-          </div>
-        </div>
-        <div className="mt-6 flex h-full w-full flex-col items-start items-stretch gap-6 md:mt-0">
-          {column3.map((data) => (
-            <TestimonialCard key={data.author} data={data} />
-          ))}
-        </div>
-      </div>
-    </article>
-  );
-}
diff --git a/nx-dev/ui-home/src/lib/trusted-by.tsx b/nx-dev/ui-home/src/lib/trusted-by.tsx
new file mode 100644
index 0000000000000..e9d5c7ca9bb51
--- /dev/null
+++ b/nx-dev/ui-home/src/lib/trusted-by.tsx
@@ -0,0 +1,126 @@
+import Link from 'next/link';
+import { SectionDescription, SectionHeading } from '@nx/nx-dev/ui-common';
+import {
+  AwsAmplifyIcon,
+  BillIcon,
+  CapitalOneIcon,
+  CaterpillarIcon,
+  CiscoIcon,
+  EpicWebIcon,
+  FicoIcon,
+  HiltonIcon,
+  ManIcon,
+  RoyalBankOfCanadaIcon,
+  ShopifyIcon,
+  StorybookIcon,
+  TanstackIcon,
+  TypescriptEslintIcon,
+  VmwareIcon,
+  WalmartIcon,
+} from '@nx/nx-dev/ui-icons';
+
+export function TrustedBy(): JSX.Element {
+  return (
+    <article className="mx-auto max-w-7xl px-6 lg:px-8">
+      <div className="text-center">
+        <SectionHeading
+          as="h2"
+          variant="subtitle"
+          id="trusted"
+          className="scroll-mt-24 font-medium tracking-tight text-slate-950 sm:text-3xl dark:text-white"
+        >
+          Trusted by leading OSS projects and Fortune 500 companies.
+        </SectionHeading>
+        <SectionDescription as="p" className="mt-2">
+          We developed Nx to be modular and incrementally adoptable to meet you
+          where you’re at.
+        </SectionDescription>
+      </div>
+
+      <div className="relative mt-12">
+        <div className="grid grid-cols-3 place-items-center items-center gap-6 transition-all sm:grid-cols-4 md:grid-cols-8">
+          <FicoIcon
+            aria-hidden="true"
+            className="h-24 w-24 text-slate-950 dark:text-white"
+          />
+          <RoyalBankOfCanadaIcon
+            aria-hidden="true"
+            className="h-10 w-10 text-slate-950 dark:text-white"
+          />
+          <CapitalOneIcon
+            aria-hidden="true"
+            className="h-28 w-28 text-slate-950 dark:text-white"
+          />
+          <TypescriptEslintIcon
+            aria-hidden="true"
+            className="h-10 w-10 text-slate-950 dark:text-white"
+          />
+          <CiscoIcon
+            aria-hidden="true"
+            className="h-16 w-16 text-slate-950 dark:text-white"
+          />
+          <StorybookIcon
+            aria-hidden="true"
+            className="h-10 w-10 text-slate-950 dark:text-white"
+          />
+          <BillIcon
+            aria-hidden="true"
+            className="hidden h-14 w-14 text-slate-950 sm:block dark:text-white"
+          />
+          <TanstackIcon
+            aria-hidden="true"
+            className="hidden h-10 w-10 text-slate-950 sm:block dark:text-white"
+          />
+          <ManIcon
+            aria-hidden="true"
+            className="hidden h-14 w-14 text-slate-950 md:block dark:text-white"
+          />
+          <HiltonIcon
+            aria-hidden="true"
+            className="hidden h-20 w-20 text-slate-950 md:block dark:text-white"
+          />
+          <CaterpillarIcon
+            aria-hidden="true"
+            className="hidden h-12 w-12 text-slate-950 md:block dark:text-white"
+          />
+          <EpicWebIcon
+            aria-hidden="true"
+            className="hidden h-10 w-10 text-slate-950 md:block dark:text-white"
+          />
+          <VmwareIcon
+            aria-hidden="true"
+            className="hidden h-28 w-28 text-slate-950 md:block dark:text-white"
+          />
+          <AwsAmplifyIcon
+            aria-hidden="true"
+            className="hidden h-10 w-10 text-slate-950 md:block dark:text-white"
+          />
+          <WalmartIcon
+            aria-hidden="true"
+            className="hidden h-28 w-28 text-slate-950 md:block dark:text-white"
+          />
+          <ShopifyIcon
+            aria-hidden="true"
+            className="hidden h-10 w-10 text-slate-950 md:block dark:text-white"
+          />
+        </div>
+        <div className="mt-8 text-center">
+          <Link
+            href="/customers?utm_source=homepage&utm_medium=website&utm_campaign=homepage_links&utm_content=our_customers"
+            title="Our customers"
+            prefetch={false}
+            className="group font-semibold leading-6 text-slate-950 transition-all duration-200 dark:text-white"
+          >
+            Learn about our customers{' '}
+            <span
+              aria-hidden="true"
+              className="inline-block transition group-hover:translate-x-1"
+            >
+              →
+            </span>
+          </Link>
+        </div>
+      </div>
+    </article>
+  );
+}
diff --git a/nx-dev/ui-home/src/lib/why-is-nx-fast.tsx b/nx-dev/ui-home/src/lib/why-is-nx-fast.tsx
deleted file mode 100644
index 590e4d3e53654..0000000000000
--- a/nx-dev/ui-home/src/lib/why-is-nx-fast.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-export function WhyIsNxFast(): JSX.Element {
-  return (
-    <article
-      id="why-is-nx-fast"
-      className="relative bg-slate-50 pt-28 dark:bg-slate-800/40"
-    >
-      <div className="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8 lg:py-16">
-        <header className="max-w-prose">
-          <h1 className="text-lg font-semibold tracking-tight text-blue-500 dark:text-sky-500">
-            Full monorepo support
-          </h1>
-          <p className="mt-4 text-3xl font-semibold tracking-tight text-slate-900 sm:text-5xl dark:text-slate-100">
-            How Nx makes your workspace performant
-          </p>
-        </header>
-      </div>
-    </article>
-  );
-}
diff --git a/nx-dev/ui-home/src/lib/work-better-achieve-more-ship-quicker.tsx b/nx-dev/ui-home/src/lib/work-better-achieve-more-ship-quicker.tsx
new file mode 100644
index 0000000000000..d32c5057faa9d
--- /dev/null
+++ b/nx-dev/ui-home/src/lib/work-better-achieve-more-ship-quicker.tsx
@@ -0,0 +1,120 @@
+import {
+  ButtonLink,
+  SectionHeading,
+  Strong,
+  TextLink,
+} from '@nx/nx-dev/ui-common';
+import Image from 'next/image';
+
+export function WorkBetterAchieveMoreShipQuicker(): JSX.Element {
+  return (
+    <article className="mx-auto max-w-7xl px-6 lg:px-8">
+      <div className="max-w-5xl">
+        <SectionHeading
+          as="h2"
+          variant="title"
+          id="achieve-more-ship-quicker"
+          className="scroll-mt-24"
+        >
+          Work better together. Achieve more. Ship quicker.
+        </SectionHeading>
+        <SectionHeading as="p" variant="subtitle" className="mt-6">
+          <Strong>Tangled codebases</Strong> without well-defined ownership{' '}
+          <Strong>crush the velocity</Strong> of teams and the quality of
+          products. Nx solves it. By defining{' '}
+          <TextLink
+            href="/features/enforce-module-boundaries?utm_source=homepage&utm_medium=website&utm_campaign=homepage_links&utm_content=cta_achieve_more_ship_quicker"
+            title="Enforce module boundaries"
+          >
+            project boundaries
+          </TextLink>
+          , developers ensure code stays <Strong>modular</Strong> and easy to
+          maintain. By using{' '}
+          <TextLink
+            href="/concepts/nx-plugins?utm_source=homepage&utm_medium=website&utm_campaign=homepage_links&utm_content=cta_achieve_more_ship_quicker"
+            title="What are plugins?"
+          >
+            Nx plugins
+          </TextLink>{' '}
+          and{' '}
+          <TextLink
+            href="/features/generate-code?utm_source=homepage&utm_medium=website&utm_campaign=homepage_links&utm_content=cta_achieve_more_ship_quicker"
+            title="Generate code"
+          >
+            code generation
+          </TextLink>{' '}
+          , developers <Strong>standardize</Strong> best practices and reduce
+          duplication. Plus, they <Strong>keep everything up-to-date</Strong> by
+          using Nx's{' '}
+          <TextLink
+            href="/features/automate-updating-dependencies?utm_source=homepage&utm_medium=website&utm_campaign=homepage_links&utm_content=cta_achieve_more_ship_quicker"
+            title="Automate updating dependencies"
+          >
+            automated updating mechanism
+          </TextLink>
+          .
+        </SectionHeading>
+        <div className="mt-10 flex gap-x-6">
+          <ButtonLink
+            href="/getting-started/intro?utm_source=homepage&utm_medium=website&utm_campaign=homepage_links&utm_content=cta_achieve_more_ship_quicker_getstarted#try-nx-yourself"
+            title="Get started"
+            variant="primary"
+            size="large"
+          >
+            Try Nx for yourself
+          </ButtonLink>
+        </div>
+      </div>
+
+      <div className="mt-12 grid grid-cols-1 gap-8 sm:grid-cols-2 lg:gap-32">
+        <div className="group/card rounded-2xl border border-slate-100 bg-slate-50/30 p-6 transition-all duration-500 dark:border-slate-800/60 dark:bg-black">
+          <SectionHeading
+            as="h3"
+            variant="title"
+            className="text-center sm:text-2xl"
+          >
+            From overwhelming...
+          </SectionHeading>
+          <Image
+            src="/images/home/yarn-light.avif"
+            width={700}
+            height={700}
+            alt="chaos"
+            className="translation-all block max-w-full duration-500 group-hover/card:brightness-95 dark:hidden"
+          />
+          <Image
+            src="/images/home/yarn-dark.avif"
+            width={700}
+            height={700}
+            alt="chaos"
+            className="translation-all hidden max-w-full duration-500 group-hover/card:brightness-200 dark:block"
+          />
+        </div>
+        <div className="group/card rounded-2xl border border-slate-100 bg-slate-50/30 p-6 transition-all duration-500 dark:border-slate-800/60 dark:bg-black">
+          <SectionHeading
+            as="h3"
+            variant="title"
+            className="text-center sm:text-2xl"
+          >
+            ...to structured with clear ownership.
+          </SectionHeading>
+
+          <Image
+            src="/images/home/order-light.avif"
+            width={1000}
+            height={1000}
+            alt="order"
+            className="translation-all block max-w-full duration-500 group-hover/card:brightness-95 dark:hidden"
+          />
+          <Image
+            src="/images/home/order-dark.avif"
+            width={1000}
+            height={1000}
+            alt="order"
+            className="translation-all hidden max-w-full duration-500 group-hover/card:brightness-200 dark:block"
+          />
+        </div>
+      </div>
+    </article>
+  );
+}
diff --git a/nx-dev/ui-icons/.babelrc b/nx-dev/ui-icons/.babelrc
new file mode 100644
index 0000000000000..1ea870ead410c
--- /dev/null
+++ b/nx-dev/ui-icons/.babelrc
@@ -0,0 +1,12 @@
+{
+  "presets": [
+    [
+      "@nx/react/babel",
+      {
+        "runtime": "automatic",
+        "useBuiltIns": "usage"
+      }
+    ]
+  ],
+  "plugins": []
+}
diff --git a/nx-dev/ui-icons/.eslintrc.json b/nx-dev/ui-icons/.eslintrc.json
new file mode 100644
index 0000000000000..a39ac5d057803
--- /dev/null
+++ b/nx-dev/ui-icons/.eslintrc.json
@@ -0,0 +1,18 @@
+{
+  "extends": ["plugin:@nx/react", "../../.eslintrc.json"],
+  "ignorePatterns": ["!**/*"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.ts", "*.tsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "rules": {}
+    }
+  ]
+}
diff --git a/nx-dev/ui-icons/README.md b/nx-dev/ui-icons/README.md
new file mode 100644
index 0000000000000..679de4c720008
--- /dev/null
+++ b/nx-dev/ui-icons/README.md
@@ -0,0 +1,7 @@
+# nx-dev-ui-icons
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test nx-dev-ui-icons` to execute the unit tests via [Jest](https://jestjs.io).
diff --git a/nx-dev/ui-icons/jest.config.ts b/nx-dev/ui-icons/jest.config.ts
new file mode 100644
index 0000000000000..f3a9d44f3b094
--- /dev/null
+++ b/nx-dev/ui-icons/jest.config.ts
@@ -0,0 +1,10 @@
+/* eslint-disable */
+export default {
+  displayName: 'nx-dev-ui-icons',
+  preset: '../../jest.preset.js',
+  transform: {
+    '^.+\\.[tj]sx?$': 'babel-jest',
+  },
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
+  coverageDirectory: '../../coverage/nx-dev/ui-icons',
+};
diff --git a/nx-dev/ui-icons/project.json b/nx-dev/ui-icons/project.json
new file mode 100644
index 0000000000000..07b38c5a421dc
--- /dev/null
+++ b/nx-dev/ui-icons/project.json
@@ -0,0 +1,8 @@
+{
+  "name": "nx-dev-ui-icons",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "nx-dev/ui-icons/src",
+  "projectType": "library",
+  "tags": [],
+  "targets": {}
+}
diff --git a/nx-dev/ui-icons/src/index.ts b/nx-dev/ui-icons/src/index.ts
new file mode 100644
index 0000000000000..c8501447541f5
--- /dev/null
+++ b/nx-dev/ui-icons/src/index.ts
@@ -0,0 +1,121 @@
+// CI PROVIDERS
+export * from './lib/ci-providers/azure-devops';
+export * from './lib/ci-providers/bitbucket';
+export * from './lib/ci-providers/github';
+export * from './lib/ci-providers/gitlab';
+export * from './lib/ci-providers/jenkins';
+export * from './lib/ci-providers/travis-ci';
+
+// CUSTOMERS
+export * from './lib/customers/7eleven';
+export * from './lib/customers/adidas';
+export * from './lib/customers/adobe';
+export * from './lib/customers/american-airlines';
+export * from './lib/customers/aws-amplify';
+export * from './lib/customers/bill';
+export * from './lib/customers/bloomberg';
+export * from './lib/customers/builder-mitosis';
+export * from './lib/customers/cais-group';
+export * from './lib/customers/capital-one';
+export * from './lib/customers/caseware';
+export * from './lib/customers/caterpillar';
+export * from './lib/customers/cisco';
+export * from './lib/customers/click-up';
+export * from './lib/customers/deloitte';
+export * from './lib/customers/dicks-sporting-goods';
+export * from './lib/customers/dnb';
+export * from './lib/customers/entain';
+export * from './lib/customers/epic-web';
+export * from './lib/customers/fedex';
+export * from './lib/customers/fico';
+export * from './lib/customers/ghost';
+export * from './lib/customers/hasura';
+export * from './lib/customers/hetzner-cloud';
+export * from './lib/customers/hilton';
+export * from './lib/customers/ikea';
+export * from './lib/customers/intel';
+export * from './lib/customers/lego';
+export * from './lib/customers/lerna';
+export * from './lib/customers/mail-chimp';
+export * from './lib/customers/man';
+export * from './lib/customers/microsoft';
+export * from './lib/customers/milliennium';
+export * from './lib/customers/moderna';
+export * from './lib/customers/mui';
+export * from './lib/customers/paramount';
+export * from './lib/customers/payfit';
+export * from './lib/customers/paylocity';
+export * from './lib/customers/philips';
+export * from './lib/customers/react-query';
+export * from './lib/customers/red-bull';
+export * from './lib/customers/redwood-js';
+export * from './lib/customers/royal-bank-of-canada';
+export * from './lib/customers/sainsburys';
+export * from './lib/customers/sentry';
+export * from './lib/customers/sharp';
+export * from './lib/customers/shopify';
+export * from './lib/customers/splice';
+// export * from './lib/customers/storybook'; // Present in "Technologies".
+export * from './lib/customers/strapi';
+export * from './lib/customers/t-mobile';
+export * from './lib/customers/tanstack';
+export * from './lib/customers/three-kit';
+export * from './lib/customers/tide';
+export * from './lib/customers/typescript-eslint';
+export * from './lib/customers/ukg';
+export * from './lib/customers/varian';
+export * from './lib/customers/vmware';
+export * from './lib/customers/vodafone';
+export * from './lib/customers/wallmart';
+export * from './lib/customers/zipari';
+
+// EDITORS
+export * from './lib/editors/jetbrains';
+export * from './lib/editors/visual-studio-code';
+
+// PRODUCTS
+export * from './lib/products';
+
+// SOCIALS
+export * from './lib/socials/discord-icon';
+export * from './lib/socials/x-icon';
+export * from './lib/socials/youtube';
+
+// TECHNOLOGIES
+export * from './lib/technologies/angular';
+export * from './lib/technologies/astro';
+export * from './lib/technologies/cypress';
+export * from './lib/technologies/dot-net';
+export * from './lib/technologies/electron';
+export * from './lib/technologies/esbuild';
+export * from './lib/technologies/eslint';
+export * from './lib/technologies/expo';
+export * from './lib/technologies/express';
+export * from './lib/technologies/fastify';
+export * from './lib/technologies/go';
+export * from './lib/technologies/gradle';
+export * from './lib/technologies/html5';
+export * from './lib/technologies/java';
+export * from './lib/technologies/javascript';
+export * from './lib/technologies/jest';
+export * from './lib/technologies/nestjs';
+export * from './lib/technologies/nextjs';
+export * from './lib/technologies/nodejs';
+export * from './lib/technologies/nuxtjs';
+export * from './lib/technologies/playwright';
+export * from './lib/technologies/pnpm';
+export * from './lib/technologies/prettier';
+export * from './lib/technologies/qwik';
+export * from './lib/technologies/react';
+export * from './lib/technologies/remix';
+export * from './lib/technologies/rollup';
+export * from './lib/technologies/rspack';
+export * from './lib/technologies/rust';
+export * from './lib/technologies/rxjs';
+export * from './lib/technologies/solid';
+export * from './lib/technologies/storybook';
+export * from './lib/technologies/typescript';
+export * from './lib/technologies/vite';
+export * from './lib/technologies/vitest';
+export * from './lib/technologies/vue';
+export * from './lib/technologies/webpack';
diff --git a/nx-dev/ui-icons/src/lib/ci-providers/azure-devops.tsx b/nx-dev/ui-icons/src/lib/ci-providers/azure-devops.tsx
new file mode 100644
index 0000000000000..76e1f0a748e71
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/ci-providers/azure-devops.tsx
@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const AzureDevOpsIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Azure DevOps</title>
+    <path d="M0 8.877L2.247 5.91l8.405-3.416V.022l7.37 5.393L2.966 8.338v8.225L0 15.707zm24-4.45v14.651l-5.753 4.9-9.303-3.057v3.056l-5.978-7.416 15.057 1.798V5.415z" />
+  </svg>
+);
diff --git a/nx-dev/ui-icons/src/lib/ci-providers/bitbucket.tsx b/nx-dev/ui-icons/src/lib/ci-providers/bitbucket.tsx
new file mode 100644
index 0000000000000..09f43cd22552e
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/ci-providers/bitbucket.tsx
@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const BitbucketIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Bitbucket</title>
+    <path d="M.778 1.213a.768.768 0 00-.768.892l3.263 19.81c.084.5.515.868 1.022.873H19.95a.772.772 0 00.77-.646l3.27-20.03a.768.768 0 00-.768-.891zM14.52 15.53H9.522L8.17 8.466h7.561z" />
+  </svg>
+);
diff --git a/nx-dev/ui-common/src/lib/github-icon.tsx b/nx-dev/ui-icons/src/lib/ci-providers/github.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/github-icon.tsx
rename to nx-dev/ui-icons/src/lib/ci-providers/github.tsx
diff --git a/nx-dev/ui-icons/src/lib/ci-providers/gitlab.tsx b/nx-dev/ui-icons/src/lib/ci-providers/gitlab.tsx
new file mode 100644
index 0000000000000..ad231e671e6ee
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/ci-providers/gitlab.tsx
@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const GitlabIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>GitLab</title>
+    <path d="m23.6004 9.5927-.0337-.0862L20.3.9814a.851.851 0 0 0-.3362-.405.8748.8748 0 0 0-.9997.0539.8748.8748 0 0 0-.29.4399l-2.2055 6.748H7.5375l-2.2057-6.748a.8573.8573 0 0 0-.29-.4412.8748.8748 0 0 0-.9997-.0537.8585.8585 0 0 0-.3362.4049L.4332 9.5015l-.0325.0862a6.0657 6.0657 0 0 0 2.0119 7.0105l.0113.0087.03.0213 4.976 3.7264 2.462 1.8633 1.4995 1.1321a1.0085 1.0085 0 0 0 1.2197 0l1.4995-1.1321 2.4619-1.8633 5.006-3.7489.0125-.01a6.0682 6.0682 0 0 0 2.0094-7.003z" />
+  </svg>
+);
diff --git a/nx-dev/ui-icons/src/lib/ci-providers/jenkins.tsx b/nx-dev/ui-icons/src/lib/ci-providers/jenkins.tsx
new file mode 100644
index 0000000000000..e7d1899cf8136
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/ci-providers/jenkins.tsx
@@ -0,0 +1,17 @@
+import { FC, SVGProps } from 'react';
+
+/**
+ * Use `#D24939` for a colored version.
+ */
+export const JenkinsIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Jenkins</title>
+    <path d="M2.872 24h-.975a3.866 3.866 0 01-.07-.197c-.215-.666-.594-1.49-.692-2.154-.146-.984.78-1.039 1.374-1.465.915-.66 1.635-1.025 2.627-1.62.295-.179 1.182-.624 1.281-.829.201-.408-.345-.982-.49-1.3-.225-.507-.345-.937-.376-1.435-.824-.13-1.455-.627-1.844-1.185-.63-.925-1.066-2.635-.525-3.936.045-.103.254-.305.285-.463.06-.308-.105-.72-.12-1.048-.06-1.692.284-3.15 1.425-3.66.463-1.84 2.113-2.453 3.673-3.367.58-.342 1.224-.562 1.89-.807 2.372-.877 6.027-.712 7.994.783.836.633 2.176 1.97 2.656 2.939 1.262 2.555 1.17 6.825.287 9.934-.12.421-.29 1.032-.533 1.533-.168.35-.689 1.05-.625 1.36.064.314 1.19 1.17 1.432 1.395.434.422 1.26.975 1.324 1.5.07.557-.248 1.336-.41 1.875-.217.721-.436 1.441-.654 2.131H2.87zm11.104-3.54c-.545-.3-1.361-.622-2.065-.757-.87-.164-.78 1.188-.75 1.994.03.643.36 1.316.51 1.744.076.197.09.41.256.449.3.068 1.29-.326 1.575-.479.6-.328 1.064-.844 1.574-1.189.016-.17.016-.34.03-.508a2.648 2.648 0 00-1.095-.277c.314-.15.75-.15 1.035-.332l.016-.193c-.496-.03-.69-.254-1.021-.436zm7.454 2.935a17.78 17.78 0 00.465-1.752c.06-.287.215-.918.178-1.176-.059-.459-.684-.799-1.004-1.086-.584-.525-.95-.975-1.56-1.469-.249.375-.78.615-.983.914 1.447-.689 1.71 2.625 1.141 3.69.09.329.391.45.514.735l-.086.166h1.29c.013 0 .03 0 .044.014zm-6.634-.012c-.05-.074-.1-.135-.15-.209l-.301.195h.45zm2.77 0c.008-.209.018-.404.03-.598-.53.029-.825-.48-1.196-.527-.324-.045-.6.361-1.02.195-.095.105-.183.227-.284.316.154.18.295.375.424.584h.815c.014-.164.135-.285.3-.285.165 0 .284.121.284.27h.66zm2.116 0c-.314-.479-.947-.898-1.68-.555l-.03.541h1.71zm-8.51 0l-.104-.344c-.225-.72-.36-1.26-.405-1.68-.914-.436-1.875-.87-2.654-1.426-.15-.105-1.109-1.35-1.23-1.305-1.739.676-3.359 1.86-4.814 2.984.256.557.48 1.141.69 1.74h8.505zm8.265-2.113c-.029-.512-.164-1.56-.48-1.74-.66-.39-1.846.78-2.34.943.045.15.135.271.15.48.285-.074.645-.029.898.092-.299.03-.629.03-.824.164-.074.195.016.48-.029.764.69.197 1.5.303 2.385.332.164-.227.225-.645.211-1.082zm-4.08-.36c-.044.375.046.51.12.943 1.26.391 1.034-1.74-.135-.959zM8.76 19.5c-.45.457 1.27 1.082 1.814 1.115 0-.29.165-.564.135-.77-.65-.118-1.502-.042-1.945-.347zm5.565.215c0 .043-.061.03-.068.064.58.451 1.014.545 1.802.51.354-.262.67-.563 1.043-.807-.855.074-1.931.607-2.774.23zm3.42-17.726c-1.606-.906-4.35-1.591-6.076-.731-1.38.692-3.27 1.84-3.899 3.292.6 1.402-.166 2.686-.226 4.109-.018.757.36 1.42.391 2.242-.2.338-.825.38-1.26.356-.146-.729-.4-1.549-1.155-1.63-1.064-.116-1.845.764-1.89 1.683-.06 1.08.833 2.864 2.085 2.745.488-.046.608-.54 1.139-.54.285.57-.445.75-.523 1.154-.016.105.06.511.104.705.233.944.744 2.16 1.245 2.88.635.9 1.884 1.051 3.229 1.141.24-.525 1.125-.48 1.706-.346-.691-.27-1.336-.945-1.875-1.529-.615-.676-1.23-1.41-1.261-2.28 1.155 1.604 2.1 3 4.2 3.704 1.59.525 3.45-.254 4.664-1.109.51-.359.811-.93 1.17-1.439 1.35-1.936 1.98-4.71 1.846-7.394-.06-1.111-.06-2.221-.436-2.955-.389-.781-1.695-1.471-2.475-.781-.15-.764.63-1.23 1.545-.96-.66-.854-1.336-1.858-2.266-2.384zM13.58 14.896c.615 1.544 2.724 1.363 4.505 1.323-.084.194-.256.435-.465.515-.57.232-2.145.408-2.937-.012-.506-.27-.824-.873-1.102-1.227-.137-.172-.795-.608-.012-.609zm.164-.87c.893.464 2.52.517 3.731.48.066.267.066.593.068.913-1.55.08-3.386-.304-3.794-1.395h-.005zm6.675-.586c-.473.9-1.145 1.897-2.539 1.928-.023-.284-.045-.735 0-.904 1.064-.103 1.727-.646 2.543-1.017zm-.649-.667c-1.02.66-2.154 1.375-3.824 1.21-.351-.31-.485-1-.14-1.458.181.313.06.885.57.97.944.165 2.038-.579 2.73-.84.42-.713-.046-.976-.42-1.433-.782-.93-1.83-2.1-1.802-3.51.314-.224.346.346.391.45.404.96 1.424 2.175 2.174 3 .18.21.48.39.51.524.092.39-.254.854-.209 1.11zm-13.439-.675c-.314-.184-.393-.99-.768-1.01-.535-.03-.438 1.05-.436 1.68-.37-.33-.435-1.365-.164-1.89-.308-.15-.445.164-.618.284.22-1.59 2.34-.734 1.99.96zM4.713 5.995c-.685.756-.54 2.174-.459 3.188 1.244-.785 2.898.06 2.883 1.394.595-.016.223-.744.115-1.215-.353-1.528.592-3.187.041-4.59-1.064.084-1.939.52-2.578 1.215zm9.12 1.113c.307.562.404 1.148.84 1.57.195.19.574.424.387.95-.045.121-.365.391-.551.45-.674.195-2.254.03-1.721-.81.563.015 1.314.36 1.732-.045-.314-.524-.885-1.53-.674-2.13zm6.198-.013h.068c.33.668.6 1.375 1.004 1.965-.27.628-2.053 1.19-2.023.057.39-.17 1.05-.035 1.395-.25-.193-.556-.48-1.006-.434-1.771zm-6.927-1.617c-1.422-.33-2.131.592-2.56 1.553-.384-.094-.231-.615-.135-.883.255-.701 1.28-1.633 2.119-1.506.359.057.848.386.576.834zM9.642 1.593c-1.56.44-3.56 1.574-4.2 2.974.495-.07.84-.321 1.33-.351.186-.016.428.074.641.015.424-.104.78-1.065 1.102-1.41.31-.345.685-.496.94-.81.167-.09.409-.074.42-.33-.073-.075-.15-.135-.232-.105v.017z" />
+  </svg>
+);
diff --git a/nx-dev/ui-icons/src/lib/ci-providers/travis-ci.tsx b/nx-dev/ui-icons/src/lib/ci-providers/travis-ci.tsx
new file mode 100644
index 0000000000000..a677a138c423a
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/ci-providers/travis-ci.tsx
@@ -0,0 +1,17 @@
+import { FC, SVGProps } from 'react';
+
+/**
+ * Use `#3EAAAF` for a colored version.
+ */
+export const TravisCiIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Travis CI</title>
+    <path d="M9.32 13.025a.485.485 0 1 1-.97 0c0-.446-.167-.758-.406-.758-.239 0-.405.312-.405.758a.485.485 0 1 1-.97 0c0-1.187.713-1.728 1.375-1.728s1.376.541 1.376 1.728zm6.017.485a.485.485 0 0 0 .485-.485c0-.446.167-.758.405-.758s.405.312.405.758a.485.485 0 1 0 .97 0c0-1.187-.713-1.728-1.375-1.728s-1.375.541-1.375 1.728c0 .268.217.485.485.485zm7.967-4.454l-.191 2.459a.801.801 0 0 1-.367.623.852.852 0 0 1-.46.13 1.07 1.07 0 0 1-.366-.068c-.271-.101-.544-.192-.817-.285a8.978 8.978 0 0 1-.094 1.614c-.04.242-.092.471-.138.707a.485.485 0 0 1-.024.125 19.471 19.471 0 0 1-1.033 3.513l.033-.02.897-.537c.193-.137.599-.122.815.1a.645.645 0 0 1 .173.577.743.743 0 0 1-.053.159c-.061.135-.319.706-.866 1.906-.675 1.483-2.06 1.77-2.121 1.782.001.001-.907.214-1.879.44C15.458 23.419 13.87 24 12.087 24c-1.84 0-3.448-.58-4.787-1.713l-1.924-.45c-.041-.008-1.427-.294-2.103-1.778l-.87-1.914c-.005-.019-.05-.158-.053-.177-.009-.625.621-.914 1.023-.632l.858.512c.006.003.074.043.171.085a20.443 20.443 0 0 1-.982-3.444c-.063-.317-.129-.63-.183-.96a8.937 8.937 0 0 1-.09-1.7c-.357.118-.713.24-1.066.372-.292.109-.593.087-.827-.062a.802.802 0 0 1-.366-.621L.695 9.055c-.036-.475.305-.969.794-1.152l.3-.117c.225-.089.505-.198.837-.318C3.65 3.124 7.566 0 12.041 0c4.516 0 8.438 3.158 9.434 7.549.472.153.843.281 1.036.355.492.183.833.677.793 1.152zm-4.612 8.973c.369-.815.678-1.708.93-2.67l-.997.713a.952.952 0 0 1-.655.166l-4.467-.47a.96.96 0 0 1-.821-.698l-.558-1.923a2.482 2.482 0 0 0-.244 0l-.56 1.93a.955.955 0 0 1-.82.691l-4.471.471a.951.951 0 0 1-.642-.162l-.723-.503c.231.889.506 1.708.824 2.451.609-.028 1.207-.069 1.209-.069.001 0 .434-.039.788-.332l1.061-.885c.148-.165.652-.465 1.33-.271.196.055.495.146.815.243.062.019.12.05.17.092.532.445 1.832.445 2.365.002a.481.481 0 0 1 .168-.091c.337-.103.631-.192.823-.247.68-.193 1.182.108 1.374.314l1.016.843c.353.294.785.332.789.332-.001.001.658.045 1.296.073zm-6.605 5.001a6.42 6.42 0 0 0 1.949-.313c-.932-.209-1.555-1.019-1.588-1.062l-.406-.542-.407.543c-.031.043-.641.842-1.558 1.06.63.196 1.295.314 2.01.314zm6.941-4.016a63.622 63.622 0 0 1-1.701-.089 2.519 2.519 0 0 1-1.339-.554l-1.065-.888c-.055-.051-.187-.152-.442-.083-.176.05-.436.13-.717.216-.878.655-2.567.655-3.443-.003a43.693 43.693 0 0 0-.709-.212c-.258-.076-.386.03-.411.052l-1.097.918a2.523 2.523 0 0 1-1.341.553s-.872.059-1.594.085h-.002l-.106.004a2.41 2.41 0 0 1-1.341-.343l-.018-.01.453.996c.463 1.017 1.389 1.225 1.427 1.232.014.004 2.754.646 3.822.889.781.174 1.447-.696 1.454-.705l.795-1.061c.183-.245.594-.245.776 0l.796 1.061c.007.009.682.881 1.455.705 1.067-.243 3.807-.886 3.807-.886a2.193 2.193 0 0 0 1.442-1.236l.452-.993-.026.015a2.27 2.27 0 0 1-1.327.337zm1.096-7.412a28.286 28.286 0 0 0-15.998-.075 8.025 8.025 0 0 0 .067 1.845c.045.275.1.535.152.8l1.591 1.108 4.461-.476.642-2.243a.488.488 0 0 1 .395-.345 3.855 3.855 0 0 1 1.135.003.482.482 0 0 1 .394.344l.652 2.245 4.462.468 1.864-1.336c.036-.19.079-.374.111-.568a7.89 7.89 0 0 0 .072-1.77zm2.214-2.623c-.005-.034-.073-.133-.165-.167l-.004-.001c-.22-.083-.68-.242-1.256-.423l-.007-.005c-.955-.299-2.771-.823-4.267-.99a.485.485 0 0 1 .108-.964c1.192.134 2.529.466 3.637.787C19.298 3.552 15.913.97 12.041.97c-3.832 0-7.207 2.549-8.318 6.165a20.252 20.252 0 0 1 3.27-.705.484.484 0 1 1 .121.962 19.235 19.235 0 0 0-3.909.899l-.005.004c-.432.149-.785.288-1.056.394l-.315.123c-.094.035-.162.135-.167.175l.177 2.264a29.36 29.36 0 0 1 10.164-1.817c3.442 0 6.881.607 10.157 1.82l.178-2.275zm-8.534-5.986h-3.539a.485.485 0 0 0-.485.485v.811a.485.485 0 1 0 .97 0v-.326h.746v3.308h-.521a.485.485 0 1 0 0 .97h2.061a.485.485 0 1 0 0-.97h-.57V3.963h.853v.326a.485.485 0 1 0 .97 0v-.811a.485.485 0 0 0-.485-.485z" />
+  </svg>
+);
diff --git a/nx-dev/ui-common/src/lib/logos/7eleven.tsx b/nx-dev/ui-icons/src/lib/customers/7eleven.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/7eleven.tsx
rename to nx-dev/ui-icons/src/lib/customers/7eleven.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/addidas.tsx b/nx-dev/ui-icons/src/lib/customers/adidas.tsx
similarity index 83%
rename from nx-dev/ui-common/src/lib/logos/addidas.tsx
rename to nx-dev/ui-icons/src/lib/customers/adidas.tsx
index 08fefe9f8f493..97fe2178ad895 100644
--- a/nx-dev/ui-common/src/lib/logos/addidas.tsx
+++ b/nx-dev/ui-icons/src/lib/customers/adidas.tsx
@@ -1,6 +1,6 @@
 import { FC, SVGProps } from 'react';
 
-export const AddidasIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+export const AdidasIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
   <svg
     role="img"
     viewBox="0 0 24 24"
diff --git a/nx-dev/ui-common/src/lib/logos/adobe.tsx b/nx-dev/ui-icons/src/lib/customers/adobe.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/adobe.tsx
rename to nx-dev/ui-icons/src/lib/customers/adobe.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/american-airlines.tsx b/nx-dev/ui-icons/src/lib/customers/american-airlines.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/american-airlines.tsx
rename to nx-dev/ui-icons/src/lib/customers/american-airlines.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/aws-amplify.tsx b/nx-dev/ui-icons/src/lib/customers/aws-amplify.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/aws-amplify.tsx
rename to nx-dev/ui-icons/src/lib/customers/aws-amplify.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/bill.tsx b/nx-dev/ui-icons/src/lib/customers/bill.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/bill.tsx
rename to nx-dev/ui-icons/src/lib/customers/bill.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/bloomberg.tsx b/nx-dev/ui-icons/src/lib/customers/bloomberg.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/bloomberg.tsx
rename to nx-dev/ui-icons/src/lib/customers/bloomberg.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/builder-mitosis.tsx b/nx-dev/ui-icons/src/lib/customers/builder-mitosis.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/builder-mitosis.tsx
rename to nx-dev/ui-icons/src/lib/customers/builder-mitosis.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/cais-group.tsx b/nx-dev/ui-icons/src/lib/customers/cais-group.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/cais-group.tsx
rename to nx-dev/ui-icons/src/lib/customers/cais-group.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/capital-one.tsx b/nx-dev/ui-icons/src/lib/customers/capital-one.tsx
similarity index 72%
rename from nx-dev/ui-common/src/lib/logos/capital-one.tsx
rename to nx-dev/ui-icons/src/lib/customers/capital-one.tsx
index f25942de8741d..a8dea3a475079 100644
--- a/nx-dev/ui-common/src/lib/logos/capital-one.tsx
+++ b/nx-dev/ui-icons/src/lib/customers/capital-one.tsx
@@ -12,3 +12,27 @@ export const CapitalOneIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
     <path d="M15.55 13.706c.015.487.326.883.728.883.778 0 1.109-.954 1.089-1.596-.015-.487-.331-.888-.733-.888-.678.01-1.11.958-1.084 1.6zm-.411-.025c-.03-.834.622-1.682 1.566-1.682.632 0 1.044.422 1.069 1.07.03.877-.578 1.68-1.566 1.68-.633 0-1.05-.42-1.07-1.069zm-8.96-.221a.6.6 0 0 1-.13.035c-.055.01-.15.03-.296.05a.47.47 0 0 0-.206.065c-.035.03-.06.06-.065.1-.01.045.005.076.045.106.04.025.1.04.19.04.066 0 .131-.01.197-.03.065-.02.12-.05.16-.085.03-.025.05-.06.07-.1.005-.026.02-.086.035-.181zm.824-.507a2.388 2.388 0 0 1-.035.26l-.141.784c-.01.07.015.125.08.16l-.005.03h-.798l-.005-.2a1.59 1.59 0 0 1-.382.165 1.47 1.47 0 0 1-.381.045c-.256 0-.407-.025-.507-.115-.105-.09-.156-.15-.15-.281a.44.44 0 0 1 .095-.231.567.567 0 0 1 .211-.146c.08-.04.18-.065.321-.09a6.58 6.58 0 0 1 .598-.065c.135-.01.22-.045.26-.06.056-.02.076-.046.086-.091.015-.08-.01-.126-.115-.146-.286-.055-.823.035-1.104.106l.15-.407a7.014 7.014 0 0 1 1.07-.085c.57-.01.757.156.752.367zm2.308 1.23.276-1.562h.763l-.276 1.561h-.763Zm.317-1.923c.025-.13.226-.23.451-.23.226 0 .392.105.372.23-.025.13-.226.231-.452.231-.23.005-.391-.1-.371-.23zm3.427 1.205c-.035.01-.08.025-.13.035-.055.015-.15.03-.296.05a.47.47 0 0 0-.206.065.149.149 0 0 0-.065.1c-.01.046.01.08.045.106.04.025.1.04.19.04.066 0 .131-.01.197-.03.065-.02.12-.05.16-.085.03-.025.05-.06.07-.1.005-.026.02-.086.035-.181zm.824-.512a1.652 1.652 0 0 1-.04.26l-.141.784c-.01.07.015.125.075.16l-.005.026h-.798l-.005-.2c-.115.07-.256.13-.381.165a1.307 1.307 0 0 1-.382.045c-.256 0-.401-.026-.507-.116-.105-.09-.155-.15-.15-.28a.425.425 0 0 1 .095-.232.635.635 0 0 1 .211-.15c.08-.04.181-.065.316-.09.141-.02.337-.046.603-.066a.9.9 0 0 0 .26-.055c.056-.02.076-.045.086-.09.015-.08-.01-.126-.115-.146-.287-.056-.824.035-1.104.105l.15-.407c.366-.055.708-.09 1.069-.09.582.006.768.166.763.377zm-9.305.668a2.73 2.73 0 0 1-.633.07c-.366 0-.652-.181-.637-.512.01-.221.27-.688.938-.688.211 0 .372.035.593.161l.095-.542a1.763 1.763 0 0 0-.753-.126c-.873.01-1.706.407-1.812 1.21-.105.818.894 1.023 1.335 1.023.256 0 .522-.01.773-.035l.1-.562zm6.193-1.004.055-.317.798-.175-.085.492h.391l-.075.316h-.377l-.23 1.255s-.769-.005-.773 0l.23-1.25h-.29l.06-.316h.296zm3.885 1.565h-.778l.391-2.173.758.02zm-6.35-1.194c-.1 0-.19.03-.27.09-.08.06-.13.15-.15.267-.026.135-.01.235.044.296.056.06.13.09.236.09.07 0 .14-.01.196-.04a.38.38 0 0 0 .15-.13.54.54 0 0 0 .086-.206c.02-.126.005-.216-.056-.276a.322.322 0 0 0-.235-.091Zm-1.39 1.731.372-2.088h.668l-.05.267c.06-.08.15-.146.28-.201.13-.055.277-.09.432-.09.176 0 .281.01.412.075.13.07.22.165.27.296a.8.8 0 0 1 .036.427.934.934 0 0 1-.377.612c-.205.15-.386.19-.652.19-.096 0-.17-.01-.236-.025a.421.421 0 0 1-.15-.06.823.823 0 0 1-.126-.115l-.125.718h-.753v-.006zm13.843-1.54c-.005-.126-.065-.211-.196-.211-.311 0-.648.612-.703.858.512.005.909-.301.899-.647zm.065.963.06.04c-.15.312-.461.563-.828.563-.296 0-.542-.2-.557-.572-.025-.668.602-1.29 1.114-1.29.221 0 .422.096.432.331.02.532-.728.693-1.22.703a.714.714 0 0 0-.02.196c.01.22.14.407.417.407.246-.001.481-.192.602-.377zm-3.057-.978c.056-.005.14-.015.176-.015.055 0 .11.01.11.065 0 .035-.06.27-.07.326l-.12.522c-.05.216-.1.442-.146.617h.306l.17-.833c.523-.547.728-.723.849-.723.055 0 .095.03.095.096.006.096-.055.316-.075.376l-.176.607c-.04.136-.07.261-.065.347.005.135.085.19.206.19.22 0 .386-.23.527-.461l-.04-.075c-.056.09-.191.29-.296.29-.036 0-.066-.02-.066-.075-.005-.07.026-.176.045-.246l.196-.708c.05-.195.076-.32.076-.386-.005-.13-.08-.196-.2-.196-.201 0-.468.146-1.035.798h-.01l.07-.316c.041-.176.076-.356.116-.482-.196.07-.477.15-.647.181l.004.1zm3.328-.567a.27.27 0 0 1 .276-.271c.146 0 .276.115.276.27a.27.27 0 0 1-.276.271.265.265 0 0 1-.276-.27zm.276.23a.22.22 0 0 0 .22-.226.218.218 0 0 0-.22-.226.218.218 0 0 0-.22.226c0 .131.095.226.22.226zm-.055-.07h-.05v-.311h.12c.076 0 .11.025.11.09 0 .056-.034.08-.08.085l.091.136h-.055l-.08-.136h-.056zm.055-.175c.04 0 .076-.006.076-.05 0-.04-.036-.046-.07-.046h-.066v.096zm-6.33 1.49c-.798.567-1.741 1.16-2.755 1.777l-.04.025a.027.027 0 0 0-.005.04c.01.016.03.016.04.006l.035-.02c.858-.447 1.847-.984 2.84-1.531l.016-.01a1.414 1.414 0 0 1-.13-.287zm5.225-4.23c-1.255-1.386-9.325-.142-12.758.611l-.08.016a.038.038 0 0 0-.026.035c.006.015.02.025.036.025l.08-.015c2.845-.507 8.758-1.21 10.033.055.386.387.296.883-.156 1.466.24.155.417.402.492.707 1.757-1.17 2.941-2.283 2.379-2.9z" />
   </svg>
 );
+
+export const CapitalOneColoredIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+    fill="none"
+  >
+    <title>7eleven</title>
+    <path
+      fill="#147350"
+      d="M15.92 17.5c.34 0 .6422.2933.6422.6233 0 .33-.2644.6234-.6422.6234-.34 0-.6044-.2934-.6044-.6234 0-.33.2644-.6233.6044-.6233Zm0 1.1c.2644 0 .4911-.22.4911-.4767 0-.2933-.2267-.4766-.4911-.4766-.2644 0-.4911.22-.4911.4766 0 .2934.2267.4767.4911.4767Zm-.0756-.1467h-.1133v-.66h.2267c.1511 0 .2266.0734.2266.22 0 .11-.0755.1834-.1511.1834l.1511.2566h-.1511l-.1511-.2566h-.0378v.2566Zm.0756-.3666c.0756 0 .1133-.0367.1133-.11 0-.0734-.0377-.11-.1133-.11h-.0756v.1833h.0756v.0367ZM18.9422 12.8433c-.34 0-.5666.1467-.7933.33l-.1511.22-.0378-.0366.1889-.2934V12.88H16.94v3.8867h1.0956V14.31c0-.4033.2644-.5133.4533-.55.1889-.0367.4155.0733.4155.2933v2.7134H20V14.09c0-.8433-.3778-1.2467-1.0578-1.2467ZM6.74 15.8867h1.13333v.8433H5.64444v-3.8867H6.74v3.0434ZM3 16.73h2.22889v-.77H4.09556v-.8433h1.13333v-.7334H4.09556V13.65h1.13333v-.8067H3V16.73ZM8.25111 16.73h2.26669v-.77H9.34667v-.8433h1.17113v-.7334H9.34667V13.65h1.17113v-.8067H8.25111V16.73ZM14.2956 16.73h2.2666v-.77h-1.1711v-.8433h1.1711v-.7334h-1.1711V13.65h1.1711v-.8067h-2.2666V16.73ZM12.86 12.8433 12.4444 15.3l-.0377.44v.0367h-.0378V15.74l-.0378-.44-.4155-2.4567H10.82l.9067 3.8867h1.36l.9066-3.8867H12.86Z"
+    />
+    <path
+      fill="#FF6C00"
+      d="M17.2422 1H3v5.5h7.5178c1.7-2.38333 4.0044-4.29 6.7244-5.5Z"
+    />
+    <path
+      fill="#EB0F2A"
+      d="M8.66667 22.9633h5.66663v-5.5H8.66667v5.5ZM20 6.5V1c-5.4022 1.43-9.6333 5.64667-10.91778 11h5.77998C15.7311 9.54333 17.62 7.56333 20 6.5Z"
+    />
+  </svg>
+);
diff --git a/nx-dev/ui-common/src/lib/logos/caseware.tsx b/nx-dev/ui-icons/src/lib/customers/caseware.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/caseware.tsx
rename to nx-dev/ui-icons/src/lib/customers/caseware.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/caterpillar.tsx b/nx-dev/ui-icons/src/lib/customers/caterpillar.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/caterpillar.tsx
rename to nx-dev/ui-icons/src/lib/customers/caterpillar.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/cisco.tsx b/nx-dev/ui-icons/src/lib/customers/cisco.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/cisco.tsx
rename to nx-dev/ui-icons/src/lib/customers/cisco.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/click-up.tsx b/nx-dev/ui-icons/src/lib/customers/click-up.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/click-up.tsx
rename to nx-dev/ui-icons/src/lib/customers/click-up.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/deloitte.tsx b/nx-dev/ui-icons/src/lib/customers/deloitte.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/deloitte.tsx
rename to nx-dev/ui-icons/src/lib/customers/deloitte.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/dicks-sporting-goods.tsx b/nx-dev/ui-icons/src/lib/customers/dicks-sporting-goods.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/dicks-sporting-goods.tsx
rename to nx-dev/ui-icons/src/lib/customers/dicks-sporting-goods.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/dnb.tsx b/nx-dev/ui-icons/src/lib/customers/dnb.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/dnb.tsx
rename to nx-dev/ui-icons/src/lib/customers/dnb.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/entain.tsx b/nx-dev/ui-icons/src/lib/customers/entain.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/entain.tsx
rename to nx-dev/ui-icons/src/lib/customers/entain.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/epic-web.tsx b/nx-dev/ui-icons/src/lib/customers/epic-web.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/epic-web.tsx
rename to nx-dev/ui-icons/src/lib/customers/epic-web.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/fedex.tsx b/nx-dev/ui-icons/src/lib/customers/fedex.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/fedex.tsx
rename to nx-dev/ui-icons/src/lib/customers/fedex.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/fico.tsx b/nx-dev/ui-icons/src/lib/customers/fico.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/fico.tsx
rename to nx-dev/ui-icons/src/lib/customers/fico.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/ghost.tsx b/nx-dev/ui-icons/src/lib/customers/ghost.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/ghost.tsx
rename to nx-dev/ui-icons/src/lib/customers/ghost.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/hasura.tsx b/nx-dev/ui-icons/src/lib/customers/hasura.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/hasura.tsx
rename to nx-dev/ui-icons/src/lib/customers/hasura.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/hetzner-cloud.tsx b/nx-dev/ui-icons/src/lib/customers/hetzner-cloud.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/hetzner-cloud.tsx
rename to nx-dev/ui-icons/src/lib/customers/hetzner-cloud.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/hilton.tsx b/nx-dev/ui-icons/src/lib/customers/hilton.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/hilton.tsx
rename to nx-dev/ui-icons/src/lib/customers/hilton.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/ikea.tsx b/nx-dev/ui-icons/src/lib/customers/ikea.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/ikea.tsx
rename to nx-dev/ui-icons/src/lib/customers/ikea.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/intel.tsx b/nx-dev/ui-icons/src/lib/customers/intel.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/intel.tsx
rename to nx-dev/ui-icons/src/lib/customers/intel.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/lego.tsx b/nx-dev/ui-icons/src/lib/customers/lego.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/lego.tsx
rename to nx-dev/ui-icons/src/lib/customers/lego.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/lerna.tsx b/nx-dev/ui-icons/src/lib/customers/lerna.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/lerna.tsx
rename to nx-dev/ui-icons/src/lib/customers/lerna.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/mail-chimp.tsx b/nx-dev/ui-icons/src/lib/customers/mail-chimp.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/mail-chimp.tsx
rename to nx-dev/ui-icons/src/lib/customers/mail-chimp.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/man.tsx b/nx-dev/ui-icons/src/lib/customers/man.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/man.tsx
rename to nx-dev/ui-icons/src/lib/customers/man.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/microsoft.tsx b/nx-dev/ui-icons/src/lib/customers/microsoft.tsx
similarity index 53%
rename from nx-dev/ui-common/src/lib/logos/microsoft.tsx
rename to nx-dev/ui-icons/src/lib/customers/microsoft.tsx
index 9ed386ff233c9..e3ffa0bdf4818 100644
--- a/nx-dev/ui-common/src/lib/logos/microsoft.tsx
+++ b/nx-dev/ui-icons/src/lib/customers/microsoft.tsx
@@ -1,12 +1,17 @@
 import { FC, SVGProps } from 'react';
 
+/**
+ * Use `#5E5E5E` for a colored version.
+ */
 export const MicrosoftIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
   <svg
-    xmlns="http://www.w3.org/2000/svg"
+    role="img"
     viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
     fill="currentColor"
     {...props}
   >
-    <path d="M0 0h11.42v11.42H0Zm12.58 0v11.42H24V0ZM0 12.58V24h11.42V12.58Zm12.58 0V24H24V12.58Z" />
+    <title>Microsoft</title>
+    <path d="M0 0v11.408h11.408V0zm12.594 0v11.408H24V0zM0 12.594V24h11.408V12.594zm12.594 0V24H24V12.594z" />
   </svg>
 );
diff --git a/nx-dev/ui-common/src/lib/logos/milliennium.tsx b/nx-dev/ui-icons/src/lib/customers/milliennium.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/milliennium.tsx
rename to nx-dev/ui-icons/src/lib/customers/milliennium.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/moderna.tsx b/nx-dev/ui-icons/src/lib/customers/moderna.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/moderna.tsx
rename to nx-dev/ui-icons/src/lib/customers/moderna.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/mui.tsx b/nx-dev/ui-icons/src/lib/customers/mui.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/mui.tsx
rename to nx-dev/ui-icons/src/lib/customers/mui.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/paramount.tsx b/nx-dev/ui-icons/src/lib/customers/paramount.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/paramount.tsx
rename to nx-dev/ui-icons/src/lib/customers/paramount.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/payfit.tsx b/nx-dev/ui-icons/src/lib/customers/payfit.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/payfit.tsx
rename to nx-dev/ui-icons/src/lib/customers/payfit.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/paylocity.tsx b/nx-dev/ui-icons/src/lib/customers/paylocity.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/paylocity.tsx
rename to nx-dev/ui-icons/src/lib/customers/paylocity.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/philips.tsx b/nx-dev/ui-icons/src/lib/customers/philips.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/philips.tsx
rename to nx-dev/ui-icons/src/lib/customers/philips.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/react-query.tsx b/nx-dev/ui-icons/src/lib/customers/react-query.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/react-query.tsx
rename to nx-dev/ui-icons/src/lib/customers/react-query.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/red-bull.tsx b/nx-dev/ui-icons/src/lib/customers/red-bull.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/red-bull.tsx
rename to nx-dev/ui-icons/src/lib/customers/red-bull.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/redwood-js.tsx b/nx-dev/ui-icons/src/lib/customers/redwood-js.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/redwood-js.tsx
rename to nx-dev/ui-icons/src/lib/customers/redwood-js.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/royal-bank-of-canada.tsx b/nx-dev/ui-icons/src/lib/customers/royal-bank-of-canada.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/royal-bank-of-canada.tsx
rename to nx-dev/ui-icons/src/lib/customers/royal-bank-of-canada.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/sainsburys.tsx b/nx-dev/ui-icons/src/lib/customers/sainsburys.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/sainsburys.tsx
rename to nx-dev/ui-icons/src/lib/customers/sainsburys.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/sentry.tsx b/nx-dev/ui-icons/src/lib/customers/sentry.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/sentry.tsx
rename to nx-dev/ui-icons/src/lib/customers/sentry.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/sharp.tsx b/nx-dev/ui-icons/src/lib/customers/sharp.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/sharp.tsx
rename to nx-dev/ui-icons/src/lib/customers/sharp.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/shopify.tsx b/nx-dev/ui-icons/src/lib/customers/shopify.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/shopify.tsx
rename to nx-dev/ui-icons/src/lib/customers/shopify.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/splice.tsx b/nx-dev/ui-icons/src/lib/customers/splice.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/splice.tsx
rename to nx-dev/ui-icons/src/lib/customers/splice.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/storybook.tsx b/nx-dev/ui-icons/src/lib/customers/storybook.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/storybook.tsx
rename to nx-dev/ui-icons/src/lib/customers/storybook.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/strapi.tsx b/nx-dev/ui-icons/src/lib/customers/strapi.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/strapi.tsx
rename to nx-dev/ui-icons/src/lib/customers/strapi.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/t-mobile.tsx b/nx-dev/ui-icons/src/lib/customers/t-mobile.tsx
similarity index 92%
rename from nx-dev/ui-common/src/lib/logos/t-mobile.tsx
rename to nx-dev/ui-icons/src/lib/customers/t-mobile.tsx
index a0f91dbd5d1ba..90079f2886470 100644
--- a/nx-dev/ui-common/src/lib/logos/t-mobile.tsx
+++ b/nx-dev/ui-icons/src/lib/customers/t-mobile.tsx
@@ -1,5 +1,8 @@
 import { FC, SVGProps } from 'react';
 
+/**
+ * Use `#E20074` for a colored version.
+ */
 export const TMobileIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
   <svg
     role="img"
diff --git a/nx-dev/ui-common/src/lib/logos/tanstack.tsx b/nx-dev/ui-icons/src/lib/customers/tanstack.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/tanstack.tsx
rename to nx-dev/ui-icons/src/lib/customers/tanstack.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/three-kit.tsx b/nx-dev/ui-icons/src/lib/customers/three-kit.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/three-kit.tsx
rename to nx-dev/ui-icons/src/lib/customers/three-kit.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/tide.tsx b/nx-dev/ui-icons/src/lib/customers/tide.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/tide.tsx
rename to nx-dev/ui-icons/src/lib/customers/tide.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/typescript-eslint.tsx b/nx-dev/ui-icons/src/lib/customers/typescript-eslint.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/typescript-eslint.tsx
rename to nx-dev/ui-icons/src/lib/customers/typescript-eslint.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/ukg.tsx b/nx-dev/ui-icons/src/lib/customers/ukg.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/ukg.tsx
rename to nx-dev/ui-icons/src/lib/customers/ukg.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/varian.tsx b/nx-dev/ui-icons/src/lib/customers/varian.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/varian.tsx
rename to nx-dev/ui-icons/src/lib/customers/varian.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/vmware.tsx b/nx-dev/ui-icons/src/lib/customers/vmware.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/vmware.tsx
rename to nx-dev/ui-icons/src/lib/customers/vmware.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/vodafone.tsx b/nx-dev/ui-icons/src/lib/customers/vodafone.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/vodafone.tsx
rename to nx-dev/ui-icons/src/lib/customers/vodafone.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/wallmart.tsx b/nx-dev/ui-icons/src/lib/customers/wallmart.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/wallmart.tsx
rename to nx-dev/ui-icons/src/lib/customers/wallmart.tsx
diff --git a/nx-dev/ui-common/src/lib/logos/zipari.tsx b/nx-dev/ui-icons/src/lib/customers/zipari.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/zipari.tsx
rename to nx-dev/ui-icons/src/lib/customers/zipari.tsx
diff --git a/nx-dev/ui-icons/src/lib/editors/jetbrains.tsx b/nx-dev/ui-icons/src/lib/editors/jetbrains.tsx
new file mode 100644
index 0000000000000..82fb05a8d3e3b
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/editors/jetbrains.tsx
@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const JetBrainsIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>JetBrains</title>
+    <path d="M7.529 8.753h-.705v.941h.706c.376 0 .565-.188.565-.471-.001-.329-.236-.47-.566-.47zm-3.2.282c0-.235-.188-.329-.471-.329h-.705v.706h.659c.329-.047.517-.141.517-.377zm6.212 1.13h.847l-.423-1.083zm-6.588 0h-.847v.706h.847c.329 0 .518-.141.518-.376s-.189-.33-.518-.33zM0 0v24h24V0H0zm8.424 3.012h3.435v.941h-1.176v2.965H9.6V3.953H8.424v-.941zm-.236 0v.894h-2.07v.612H8v.847H6.118v.612h2.118v.941H5.082l-.047-3.906h3.153zm-2.635 7.623c0 .659-.565 1.082-1.459 1.082H2.071V7.812h2.023c.471 0 .847.141 1.082.329.142.141.236.377.236.659 0 .471-.235.706-.612.894.471.141.753.424.753.941zM2.682 5.647c.188.235.376.376.612.376.282 0 .424-.188.424-.565V2.965H4.8v2.494c0 .471-.141.847-.376 1.082s-.612.377-1.083.377c-.706.047-1.082-.236-1.364-.612l.705-.659zm8.377 15.341H2.071v-1.506h8.988v1.506zm.894-9.223l-.282-.706h-1.506l-.282.706h-1.13l.02-.047h-.679l-.8-1.176h-.47v1.176H5.741V7.812h1.835c.612 0 .988.141 1.271.424.235.235.329.518.329.894 0 .612-.329.988-.8 1.224l.605.878 1.465-3.419h1.035l1.647 3.953h-1.175zm2.4-.047h-1.082V7.812h1.082v3.906zm3.953 0h-.941L15.718 9.6v2.165h-1.082V7.812h.988l1.6 2.071V7.812h1.082v3.906zm1.929.047a2.488 2.488 0 0 1-1.835-.612l.612-.706c.376.329.8.471 1.271.471.282 0 .471-.094.471-.282s-.141-.235-.659-.376c-.847-.188-1.459-.424-1.459-1.224 0-.706.565-1.271 1.506-1.271.659 0 1.176.188 1.6.518l-.565.753c-.377-.236-.753-.377-1.083-.377-.282 0-.376.094-.376.235 0 .188.141.235.659.376.894.188 1.459.471 1.459 1.224-.001.8-.612 1.271-1.601 1.271z" />
+  </svg>
+);
diff --git a/nx-dev/ui-icons/src/lib/editors/visual-studio-code.tsx b/nx-dev/ui-icons/src/lib/editors/visual-studio-code.tsx
new file mode 100644
index 0000000000000..9026d980a5bce
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/editors/visual-studio-code.tsx
@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const VisualStudioCodeIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Visual Studio Code</title>
+    <path d="M23.15 2.587L18.21.21a1.494 1.494 0 0 0-1.705.29l-9.46 8.63-4.12-3.128a.999.999 0 0 0-1.276.057L.327 7.261A1 1 0 0 0 .326 8.74L3.899 12 .326 15.26a1 1 0 0 0 .001 1.479L1.65 17.94a.999.999 0 0 0 1.276.057l4.12-3.128 9.46 8.63a1.492 1.492 0 0 0 1.704.29l4.942-2.377A1.5 1.5 0 0 0 24 20.06V3.939a1.5 1.5 0 0 0-.85-1.352zm-5.146 14.861L10.826 12l7.178-5.448v10.896z" />
+  </svg>
+);
diff --git a/nx-dev/ui-icons/src/lib/products.tsx b/nx-dev/ui-icons/src/lib/products.tsx
new file mode 100644
index 0000000000000..6a244b53fa376
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/products.tsx
@@ -0,0 +1,91 @@
+import { motion } from 'framer-motion';
+import { FC, SVGProps } from 'react';
+
+export const NxAgentsIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    stroke="currentColor"
+    fill="none"
+    {...props}
+  >
+    <path
+      strokeLinejoin="round"
+      d="M21 12.5h-4m4 0a1 1 0 1 0 2 0 1 1 0 0 0-2 0Zm-2 8h-5v-3m5 3a1 1 0 1 0 2 0 1 1 0 0 0-2 0Zm-16-8h4m-4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2 8h5v-3m-5 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm0-17h5v4m-5-4a1 1 0 1 0-2 0 1 1 0 0 0 2 0Zm14 0h-5v4m5-4a1 1 0 1 1 2 0 1 1 0 0 1-2 0Zm-3 14H8a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1Zm-5-8h2l-.667 1.875L14 11.346 11.333 15.5l.334-2.77H10l1-3.23Z"
+    />
+  </svg>
+);
+
+export const NxReplayIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    stroke="currentColor"
+    fill="none"
+    {...props}
+  >
+    <path
+      strokeLinecap="round"
+      d="m8.625 2.621-.014.004c-.317.09-.622.22-.907.387m4.796-.965-.014-.002a3.958 3.958 0 0 0-.986.002m3.875.574.014.004c.317.09.622.22.907.387m-.92 18.367.013-.004c.317-.09.622-.22.907-.387m-4.796.965.014.002c.328.04.659.04.986-.002m-3.875-.574-.014-.004a3.96 3.96 0 0 1-.907-.387M21.38 8.625l-.004-.014a3.96 3.96 0 0 0-.387-.907m.965 4.796.002-.014c.04-.328.04-.659-.002-.986m-.574 3.875-.004.014a3.96 3.96 0 0 1-.387.907m-18.367-.92.004.013c.09.317.22.622.387.907M2.047 11.5l-.002.014c-.04.328-.04.659.002.986m.574-3.875.004-.014c.09-.317.22-.622.387-.907M7.5 10.516h9m-9 0a1.5 1.5 0 0 1 0-3h9a1.5 1.5 0 0 1 0 3m-9 0a1.5 1.5 0 0 0 0 3m9-3a1.5 1.5 0 0 1 0 3m-6.412-4.5h.01m-1.883 0h.01m-.725 4.5h9m-9 0a1.5 1.5 0 0 0 0 3h9a1.5 1.5 0 0 0 0-3m-6.412-1.5h.01m-1.883 0h.01m1.863 3h.01m-1.883 0h.01M3 4.516a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Zm15 0a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Zm-15 15a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Zm15 0a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Z"
+    />
+  </svg>
+);
+
+export const NxWorkflowsIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    stroke="currentColor"
+    fill="none"
+    {...props}
+  >
+    <g clipPath="url(#a)">
+      <path
+        strokeLinecap="round"
+        d="M13.315 10h7.37m-7.37-6h7.37m-5.95-1v2m-1.42 2h7.37m-1.159-1v2M17 9v2M4.678 3.5h.75m2.29 0h.75m-3.79 7h.75m2.29 0h.75m1.605-5.395v.75m0 2.29v.75m-7-3.79v.75m0 2.29v.75M3.698 21h6a1 1 0 0 0 1-1v-.763a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1V20a1 1 0 0 0 1 1Zm0-4.605h6a1 1 0 0 0 1-1v-.763a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v.763a1 1 0 0 0 1 1Zm14.723.976a1.42 1.42 0 1 1-2.842 0 1.42 1.42 0 0 1 2.842 0ZM2.499.499H21.5a2 2 0 0 1 2 2V21.5a2 2 0 0 1-2 2h-19a2 2 0 0 1-2-2v-19a2 2 0 0 1 2-2ZM20.11 16.087l.599.126a.6.6 0 0 1 .476.587v1.133a.6.6 0 0 1-.477.588l-.594.123a.6.6 0 0 0-.448.773l.19.583a.6.6 0 0 1-.27.706l-.983.566a.6.6 0 0 1-.747-.12l-.408-.456a.6.6 0 0 0-.896.001l-.403.454a.6.6 0 0 1-.748.12l-.98-.565a.6.6 0 0 1-.27-.704l.19-.586a.6.6 0 0 0-.449-.773l-.594-.124a.6.6 0 0 1-.478-.588l.001-1.13a.6.6 0 0 1 .476-.587l.6-.127a.6.6 0 0 0 .446-.775l-.19-.576a.6.6 0 0 1 .27-.707l.978-.567a.6.6 0 0 1 .747.119l.408.454a.6.6 0 0 0 .894 0l.405-.454a.6.6 0 0 1 .747-.12l.982.567a.6.6 0 0 1 .27.707l-.19.578a.6.6 0 0 0 .446.774Z"
+      />
+    </g>
+    <defs>
+      <clipPath id="a">
+        <path fill="transparent" d="M0 0h24v24H0z" />
+      </clipPath>
+    </defs>
+  </svg>
+);
+
+export const NxCloudIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    stroke="currentColor"
+    fill="transparent"
+    {...props}
+  >
+    <motion.path
+      d="M22.167 7.167v-2.5a2.5 2.5 0 0 0-2.5-2.5h-15a2.5 2.5 0 0 0-2.5 2.5v15a2.5 2.5 0 0 0 2.5 2.5h2.5m15-15c-2.76 0-5 2.24-5 5s-2.24 5-5 5-5 2.24-5 5m15-15V19.59a2.577 2.577 0 0 1-2.576 2.576H7.167"
+      strokeWidth="2"
+      initial={{ pathLength: 0 }}
+      animate={{ pathLength: 1 }}
+      transition={{ duration: 1.5, ease: 'easeOut' }}
+    />
+  </svg>
+);
+/**
+ * Use `#143055` for a colored version.
+ */
+export const NxIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Nx</title>
+    <path d="M11.987 14.138l-3.132 4.923-5.193-8.427-.012 8.822H0V4.544h3.691l5.247 8.833.005-3.998 3.044 4.759zm.601-5.761c.024-.048 0-3.784.008-3.833h-3.65c.002.059-.005 3.776-.003 3.833h3.645zm5.634 4.134a2.061 2.061 0 0 0-1.969 1.336 1.963 1.963 0 0 1 2.343-.739c.396.161.917.422 1.33.283a2.1 2.1 0 0 0-1.704-.88zm3.39 1.061c-.375-.13-.8-.277-1.109-.681-.06-.08-.116-.17-.176-.265a2.143 2.143 0 0 0-.533-.642c-.294-.216-.68-.322-1.18-.322a2.482 2.482 0 0 0-2.294 1.536 2.325 2.325 0 0 1 4.002.388.75.75 0 0 0 .836.334c.493-.105.46.36 1.203.518v-.133c-.003-.446-.246-.55-.75-.733zm2.024 1.266a.723.723 0 0 0 .347-.638c-.01-2.957-2.41-5.487-5.37-5.487a5.364 5.364 0 0 0-4.487 2.418c-.01-.026-1.522-2.39-1.538-2.418H8.943l3.463 5.423-3.379 5.32h3.54l1.54-2.366 1.568 2.366h3.541l-3.21-5.052a.7.7 0 0 1-.084-.32 2.69 2.69 0 0 1 2.69-2.691h.001c1.488 0 1.736.89 2.057 1.308.634.826 1.9.464 1.9 1.541a.707.707 0 0 0 1.066.596zm.35.133c-.173.372-.56.338-.755.639-.176.271.114.412.114.412s.337.156.538-.311c.104-.231.14-.488.103-.74z" />
+  </svg>
+);
diff --git a/nx-dev/ui-icons/src/lib/socials/discord-icon.tsx b/nx-dev/ui-icons/src/lib/socials/discord-icon.tsx
new file mode 100644
index 0000000000000..2460c594f2600
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/socials/discord-icon.tsx
@@ -0,0 +1,19 @@
+import { FC, SVGProps } from 'react';
+
+export const DiscordIcon: FC<
+  SVGProps<SVGSVGElement> & { showTitle?: boolean }
+> = (props) => {
+  const { showTitle, ...rest } = props;
+  return (
+    <svg
+      fill="currentColor"
+      role="img"
+      viewBox="0 0 24 24"
+      xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      {!!showTitle && <title>Discord</title>}
+      <path d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z" />
+    </svg>
+  );
+};
diff --git a/nx-dev/ui-icons/src/lib/socials/x-icon.tsx b/nx-dev/ui-icons/src/lib/socials/x-icon.tsx
new file mode 100644
index 0000000000000..7d0563a229af7
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/socials/x-icon.tsx
@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const XIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    fill="currentColor"
+    role="img"
+    preserveAspectRatio="xMidYMid meet"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z" />
+  </svg>
+);
diff --git a/nx-dev/ui-icons/src/lib/socials/youtube.tsx b/nx-dev/ui-icons/src/lib/socials/youtube.tsx
new file mode 100644
index 0000000000000..e0c3fdbb7acee
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/socials/youtube.tsx
@@ -0,0 +1,17 @@
+import { FC, SVGProps } from 'react';
+
+/**
+ * Use `#FF0000` for a colored version.
+ */
+export const YoutubeIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>YouTube</title>
+    <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" />
+  </svg>
+);
diff --git a/nx-dev/ui-common/src/lib/logos/angular.tsx b/nx-dev/ui-icons/src/lib/technologies/angular.tsx
similarity index 57%
rename from nx-dev/ui-common/src/lib/logos/angular.tsx
rename to nx-dev/ui-icons/src/lib/technologies/angular.tsx
index f96a6f869b586..f581bb1d3c5a4 100644
--- a/nx-dev/ui-common/src/lib/logos/angular.tsx
+++ b/nx-dev/ui-icons/src/lib/technologies/angular.tsx
@@ -9,6 +9,6 @@ export const AngularIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
     {...props}
   >
     <title>Angular</title>
-    <path d="M9.931 12.645h4.138l-2.07-4.908m0-7.737L.68 3.982l1.726 14.771L12 24l9.596-5.242L23.32 3.984 11.999.001zm7.064 18.31h-2.638l-1.422-3.503H8.996l-1.422 3.504h-2.64L12 2.65z" />
+    <path d="M16.712 17.711H7.288l-1.204 2.916L12 24l5.916-3.373-1.204-2.916ZM14.692 0l7.832 16.855.814-12.856L14.692 0ZM9.308 0 .662 3.999l.814 12.856L9.308 0Zm-.405 13.93h6.198L12 6.396 8.903 13.93Z" />
   </svg>
 );
diff --git a/nx-dev/ui-icons/src/lib/technologies/astro.tsx b/nx-dev/ui-icons/src/lib/technologies/astro.tsx
new file mode 100644
index 0000000000000..31644bc23426e
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/technologies/astro.tsx
@@ -0,0 +1,17 @@
+import { FC, SVGProps } from 'react';
+
+/**
+ * Use `#BC52EE` for a colored version.
+ */
+export const AstroIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Astro</title>
+    <path d="M8.358 20.162c-1.186-1.07-1.532-3.316-1.038-4.944.856 1.026 2.043 1.352 3.272 1.535 1.897.283 3.76.177 5.522-.678.202-.098.388-.229.608-.36.166.473.209.95.151 1.437-.14 1.185-.738 2.1-1.688 2.794-.38.277-.782.525-1.175.787-1.205.804-1.531 1.747-1.078 3.119l.044.148a3.158 3.158 0 0 1-1.407-1.188 3.31 3.31 0 0 1-.544-1.815c-.004-.32-.004-.642-.048-.958-.106-.769-.472-1.113-1.161-1.133-.707-.02-1.267.411-1.415 1.09-.012.053-.028.104-.045.165h.002zm-5.961-4.445s3.24-1.575 6.49-1.575l2.451-7.565c.092-.366.36-.614.662-.614.302 0 .57.248.662.614l2.45 7.565c3.85 0 6.491 1.575 6.491 1.575L16.088.727C15.93.285 15.663 0 15.303 0H8.697c-.36 0-.615.285-.784.727l-5.516 14.99z" />
+  </svg>
+);
diff --git a/nx-dev/ui-common/src/lib/logos/cypress.tsx b/nx-dev/ui-icons/src/lib/technologies/cypress.tsx
similarity index 97%
rename from nx-dev/ui-common/src/lib/logos/cypress.tsx
rename to nx-dev/ui-icons/src/lib/technologies/cypress.tsx
index d3d1ea26e4ef8..1edcea194dae6 100644
--- a/nx-dev/ui-common/src/lib/logos/cypress.tsx
+++ b/nx-dev/ui-icons/src/lib/technologies/cypress.tsx
@@ -2,11 +2,13 @@ import { FC, SVGProps } from 'react';
 
 export const CypressIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
   <svg
-    xmlns="http://www.w3.org/2000/svg"
+    role="img"
     viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
     fill="currentColor"
     {...props}
   >
+    <title>Cypress</title>
     <path d="M11.998.0195c-.8642 0-1.6816.1101-2.1445.1934v.002C4.1731 1.2283 0 6.1368 0 12.0018c0 1.1265.1573 2.2328.4648 3.3028.0387.1453.0915.2993.1368.4473 1.607 4.865 6.2245 8.226 11.3925 8.2285.0651 0 .2518-.0003.502-.0118.8564-.0353 1.6228-.5734 1.9512-1.369l.4736-1.1544L20.4258 8.043H18.621l-2.3164 5.871-2.334-5.871h-1.9082l3.2734 8.0117c-.8115 1.9702-1.6252 3.9395-2.4355 5.9101-.0808.1945-.2655.3284-.4727.336-.144.005-.285.0098-.4316.0098-4.5848 0-8.6672-3.0695-9.9277-7.4649a10.3058 10.3058 0 0 1-.3985-2.8437c0-5.0887 3.6521-9.3404 8.6035-10.164.2214-.037.8885-.1446 1.7246-.1446 4.4166 0 8.269 2.732 9.7305 6.8476.0558.144.0977.293.1465.4395.299.9746.4531 1.9887.4531 3.0215 0 4.5696-2.9413 8.5326-7.3164 9.8613l.4863 1.5996c5.085-1.546 8.4995-6.1518 8.502-11.459 0-1.5491-.2983-2.8706-.6504-3.8926-.0432-.1212-.0873-.2422-.1309-.3633h-.002C21.4577 3.0954 17.0444.0195 11.998.0195ZM8.4336 7.8906c-1.1999 0-2.1747.3852-2.9805 1.1758-.8007.7856-1.205 1.7736-1.205 2.9356 0 1.1544.4068 2.1368 1.205 2.9199.8058.7906 1.7806 1.1738 2.9805 1.1738 1.705 0 3.1556-.955 3.7871-2.4883l.0332-.082-1.6289-.5547c-.168.4563-.7552 1.4883-2.1914 1.4883-.6745 0-1.2437-.2344-1.6934-.6992-.4572-.4699-.6875-1.0632-.6875-1.7578 0-.6998.2253-1.2809.6875-1.7735.4522-.4648 1.019-.7012 1.6934-.7012 1.438 0 2.0238 1.0815 2.1934 1.4883l1.627-.5527-.0333-.084c-.629-1.5358-2.082-2.4883-3.7871-2.4883Z" />
   </svg>
 );
diff --git a/nx-dev/ui-icons/src/lib/technologies/dot-net.tsx b/nx-dev/ui-icons/src/lib/technologies/dot-net.tsx
new file mode 100644
index 0000000000000..5124baf99c69b
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/technologies/dot-net.tsx
@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const DotNetIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>.NET</title>
+    <path d="M24 8.77h-2.468v7.565h-1.425V8.77h-2.462V7.53H24zm-6.852 7.565h-4.821V7.53h4.63v1.24h-3.205v2.494h2.953v1.234h-2.953v2.604h3.396zm-6.708 0H8.882L4.78 9.863a2.896 2.896 0 0 1-.258-.51h-.036c.032.189.048.592.048 1.21v5.772H3.157V7.53h1.659l3.965 6.32c.167.261.275.442.323.54h.024c-.04-.233-.06-.629-.06-1.185V7.529h1.372zm-8.703-.693a.868.829 0 0 1-.869.829.868.829 0 0 1-.868-.83.868.829 0 0 1 .868-.828.868.829 0 0 1 .869.829Z" />
+  </svg>
+);
diff --git a/nx-dev/ui-common/src/lib/logos/electron.tsx b/nx-dev/ui-icons/src/lib/technologies/electron.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/electron.tsx
rename to nx-dev/ui-icons/src/lib/technologies/electron.tsx
diff --git a/nx-dev/ui-icons/src/lib/technologies/esbuild.tsx b/nx-dev/ui-icons/src/lib/technologies/esbuild.tsx
new file mode 100644
index 0000000000000..12f8006410326
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/technologies/esbuild.tsx
@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const EsbuildIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>esbuild</title>
+    <path d="M12 0A12 12 0 000 12a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0012 0zM6.718 5.282L13.436 12l-6.718 6.718-2.036-2.036L9.364 12 4.682 7.318zm7.2 0L20.636 12l-6.718 6.718-2.036-2.036L16.564 12l-4.682-4.682z" />
+  </svg>
+);
diff --git a/nx-dev/ui-icons/src/lib/technologies/eslint.tsx b/nx-dev/ui-icons/src/lib/technologies/eslint.tsx
new file mode 100644
index 0000000000000..40138eed4d505
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/technologies/eslint.tsx
@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const EslintIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>ESLint</title>
+    <path d="M7.257 9.132L11.816 6.5a.369.369 0 0 1 .368 0l4.559 2.632a.369.369 0 0 1 .184.32v5.263a.37.37 0 0 1-.184.319l-4.559 2.632a.369.369 0 0 1-.368 0l-4.559-2.632a.369.369 0 0 1-.184-.32V9.452a.37.37 0 0 1 .184-.32M23.852 11.53l-5.446-9.475c-.198-.343-.564-.596-.96-.596H6.555c-.396 0-.762.253-.96.596L.149 11.509a1.127 1.127 0 0 0 0 1.117l5.447 9.398c.197.342.563.517.959.517h10.893c.395 0 .76-.17.959-.512l5.446-9.413a1.069 1.069 0 0 0 0-1.086m-4.51 4.556a.4.4 0 0 1-.204.338L12.2 20.426a.395.395 0 0 1-.392 0l-6.943-4.002a.4.4 0 0 1-.205-.338V8.08c0-.14.083-.269.204-.338L11.8 3.74c.12-.07.272-.07.392 0l6.943 4.003a.4.4 0 0 1 .206.338z" />
+  </svg>
+);
diff --git a/nx-dev/ui-icons/src/lib/technologies/expo.tsx b/nx-dev/ui-icons/src/lib/technologies/expo.tsx
new file mode 100644
index 0000000000000..31d1acf1678d5
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/technologies/expo.tsx
@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const ExpoIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Expo</title>
+    <path d="M0 20.084c.043.53.23 1.063.718 1.778.58.849 1.576 1.315 2.303.567.49-.505 5.794-9.776 8.35-13.29a.761.761 0 011.248 0c2.556 3.514 7.86 12.785 8.35 13.29.727.748 1.723.282 2.303-.567.57-.835.728-1.42.728-2.046 0-.426-8.26-15.798-9.092-17.078-.8-1.23-1.044-1.498-2.397-1.542h-1.032c-1.353.044-1.597.311-2.398 1.542C8.267 3.991.33 18.758 0 19.77Z" />
+  </svg>
+);
diff --git a/nx-dev/ui-icons/src/lib/technologies/express.tsx b/nx-dev/ui-icons/src/lib/technologies/express.tsx
new file mode 100644
index 0000000000000..5968a72072e5b
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/technologies/express.tsx
@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const ExpressIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Express</title>
+    <path d="M24 18.588a1.529 1.529 0 01-1.895-.72l-3.45-4.771-.5-.667-4.003 5.444a1.466 1.466 0 01-1.802.708l5.158-6.92-4.798-6.251a1.595 1.595 0 011.9.666l3.576 4.83 3.596-4.81a1.435 1.435 0 011.788-.668L21.708 7.9l-2.522 3.283a.666.666 0 000 .994l4.804 6.412zM.002 11.576l.42-2.075c1.154-4.103 5.858-5.81 9.094-3.27 1.895 1.489 2.368 3.597 2.275 5.973H1.116C.943 16.447 4.005 19.009 7.92 17.7a4.078 4.078 0 002.582-2.876c.207-.666.548-.78 1.174-.588a5.417 5.417 0 01-2.589 3.957 6.272 6.272 0 01-7.306-.933 6.575 6.575 0 01-1.64-3.858c0-.235-.08-.455-.134-.666A88.33 88.33 0 010 11.577zm1.127-.286h9.654c-.06-3.076-2.001-5.258-4.59-5.278-2.882-.04-4.944 2.094-5.071 5.264z" />
+  </svg>
+);
diff --git a/nx-dev/ui-icons/src/lib/technologies/fastify.tsx b/nx-dev/ui-icons/src/lib/technologies/fastify.tsx
new file mode 100644
index 0000000000000..70175fa73d056
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/technologies/fastify.tsx
@@ -0,0 +1,17 @@
+import { FC, SVGProps } from 'react';
+
+/**
+ * Use `#000000` for a colored version.
+ */
+export const FastifyIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Fastify</title>
+    <path d="M23.245 6.49L24 4.533l-.031-.121-7.473 1.967c.797-1.153.523-2.078.523-2.078s-2.387 1.524-4.193 1.485c-1.804-.04-2.387-.52-5.155.362-2.768.882-3.551 3.59-4.351 4.173-.804.583-3.32 2.477-3.32 2.477l.006.034 2.27-.724s-.622.585-1.945 2.37l-.062-.057.002.011s1.064 1.626 2.107 1.324a2.14 2.14 0 0 0 .353-.147c.419.234.967.463 1.572.525 0 0-.41-.475-.752-1.017l.238-.154.865.318-.096-.812c.003-.003.006-.003.008-.006l.849.311-.105-.738a5.65 5.65 0 0 1 .322-.158l.885-3.345 3.662-2.497-.291.733c-.741 1.826-2.135 2.256-2.135 2.256l-.582.22c-.433.512-.614.637-.764 2.353.348-.088.682-.107.984-.028 1.564.421 2.107 2.307 1.685 2.827-.104.13-.356.354-.673.617H7.77l-.008.514-.065.051h-.645l-.009.504-.17.127c-.607.011-1.373-.518-1.373-.518 0 .481.401 1.225.401 1.225l.07-.034-.061.045s1.625 1.083 2.646.681c.91-.356 3.263-2.213 5.296-3.093l6.15-1.62.811-2.1-4.688 1.235v-1.889l5.5-1.448.811-2.1-6.31 1.662V8.367zm-11.163 4l1.459-.384.02.074-.455 1.179-1.513.398zm.503 2.526l-1.512.398.489-1.266 1.459-.385.02.074zm1.971-.424l-1.513.398.49-1.266 1.459-.385.02.073Z" />
+  </svg>
+);
diff --git a/nx-dev/ui-icons/src/lib/technologies/go.tsx b/nx-dev/ui-icons/src/lib/technologies/go.tsx
new file mode 100644
index 0000000000000..30b7f1f243006
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/technologies/go.tsx
@@ -0,0 +1,17 @@
+import { FC, SVGProps } from 'react';
+
+/**
+ * Use `#00ADD8` for a colored version.
+ */
+export const GoIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Go</title>
+    <path d="M1.811 10.231c-.047 0-.058-.023-.035-.059l.246-.315c.023-.035.081-.058.128-.058h4.172c.046 0 .058.035.035.07l-.199.303c-.023.036-.082.07-.117.07zM.047 11.306c-.047 0-.059-.023-.035-.058l.245-.316c.023-.035.082-.058.129-.058h5.328c.047 0 .07.035.058.07l-.093.28c-.012.047-.058.07-.105.07zm2.828 1.075c-.047 0-.059-.035-.035-.07l.163-.292c.023-.035.07-.07.117-.07h2.337c.047 0 .07.035.07.082l-.023.28c0 .047-.047.082-.082.082zm12.129-2.36c-.736.187-1.239.327-1.963.514-.176.046-.187.058-.34-.117-.174-.199-.303-.327-.548-.444-.737-.362-1.45-.257-2.115.175-.795.514-1.204 1.274-1.192 2.22.011.935.654 1.706 1.577 1.835.795.105 1.46-.175 1.987-.77.105-.13.198-.27.315-.434H10.47c-.245 0-.304-.152-.222-.35.152-.362.432-.97.596-1.274a.315.315 0 01.292-.187h4.253c-.023.316-.023.631-.07.947a4.983 4.983 0 01-.958 2.29c-.841 1.11-1.94 1.8-3.33 1.986-1.145.152-2.209-.07-3.143-.77-.865-.655-1.356-1.52-1.484-2.595-.152-1.274.222-2.419.993-3.424.83-1.086 1.928-1.776 3.272-2.02 1.098-.2 2.15-.07 3.096.571.62.41 1.063.97 1.356 1.648.07.105.023.164-.117.2m3.868 6.461c-1.064-.024-2.034-.328-2.852-1.029a3.665 3.665 0 01-1.262-2.255c-.21-1.32.152-2.489.947-3.529.853-1.122 1.881-1.706 3.272-1.95 1.192-.21 2.314-.095 3.33.595.923.63 1.496 1.484 1.648 2.605.198 1.578-.257 2.863-1.344 3.962-.771.783-1.718 1.273-2.805 1.495-.315.06-.63.07-.934.106zm2.78-4.72c-.011-.153-.011-.27-.034-.387-.21-1.157-1.274-1.81-2.384-1.554-1.087.245-1.788.935-2.045 2.033-.21.912.234 1.835 1.075 2.21.643.28 1.285.244 1.905-.07.923-.48 1.425-1.228 1.484-2.233z" />
+  </svg>
+);
diff --git a/nx-dev/ui-icons/src/lib/technologies/gradle.tsx b/nx-dev/ui-icons/src/lib/technologies/gradle.tsx
new file mode 100644
index 0000000000000..e491d3b81ddd2
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/technologies/gradle.tsx
@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const GradleIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Gradle</title>
+    <path d="M22.695 4.297a3.807 3.807 0 0 0-5.29-.09.368.368 0 0 0 0 .533l.46.47a.363.363 0 0 0 .474.032 2.182 2.182 0 0 1 2.86 3.291c-3.023 3.02-7.056-5.447-16.211-1.083a1.24 1.24 0 0 0-.534 1.745l1.571 2.713a1.238 1.238 0 0 0 1.681.461l.037-.02-.029.02.688-.384a16.083 16.083 0 0 0 2.193-1.635.384.384 0 0 1 .499-.016.357.357 0 0 1 .016.534 16.435 16.435 0 0 1-2.316 1.741H8.77l-.696.39a1.958 1.958 0 0 1-.963.25 1.987 1.987 0 0 1-1.726-.989L3.9 9.696C1.06 11.72-.686 15.603.26 20.522a.363.363 0 0 0 .354.296h1.675a.363.363 0 0 0 .37-.331 2.478 2.478 0 0 1 4.915 0 .36.36 0 0 0 .357.317h1.638a.363.363 0 0 0 .357-.317 2.478 2.478 0 0 1 4.914 0 .363.363 0 0 0 .358.317h1.627a.363.363 0 0 0 .363-.357c.037-2.294.656-4.93 2.42-6.25 6.108-4.57 4.502-8.486 3.088-9.9zm-6.229 6.901l-1.165-.584a.73.73 0 1 1 1.165.587z" />
+  </svg>
+);
diff --git a/nx-dev/ui-icons/src/lib/technologies/html5.tsx b/nx-dev/ui-icons/src/lib/technologies/html5.tsx
new file mode 100644
index 0000000000000..b0651c113c9a1
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/technologies/html5.tsx
@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const HTML5Icon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>HTML5</title>
+    <path d="M1.5 0h21l-1.91 21.563L11.977 24l-8.564-2.438L1.5 0zm7.031 9.75l-.232-2.718 10.059.003.23-2.622L5.412 4.41l.698 8.01h9.126l-.326 3.426-2.91.804-2.955-.81-.188-2.11H6.248l.33 4.171L12 19.351l5.379-1.443.744-8.157H8.531z" />
+  </svg>
+);
diff --git a/nx-dev/ui-icons/src/lib/technologies/java.tsx b/nx-dev/ui-icons/src/lib/technologies/java.tsx
new file mode 100644
index 0000000000000..b89034f20e214
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/technologies/java.tsx
@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const JavaIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Java</title>
+    <path d="m16.5093 4.9869-.0607-.0347c-1.1014.369-4.4915 1.707-4.4915 4.202 0 1.411 1.378 2.1925 1.378 3.5158 0 .472-.2666.9146-.4836 1.1791l.1091.063c.5735-.3728 1.589-1.18 1.589-2.2222 0-.8825-1.2216-1.943-1.2216-3.0774 0-1.7875 2.357-3.1899 3.1813-3.6256zm-1.6642-3.27c0 3.6925-5.0604 5.1055-5.0604 7.7309 0 1.843 1.2222 2.9987 1.8983 3.7293l-.055.0317c-.8536-.534-3.0995-1.876-3.0995-4.0927 0-3.112 5.8123-4.599 5.8123-8.134 0-.435-.0644-.7683-.1095-.9482L14.2901 0c.1842.2315.555.8102.555 1.7168m.514 14.9392c-.5962.1688-1.9389.4441-3.859.4441-1.8844 0-3.424-.3226-3.4289-.7024-.0032-.2527.3024-.3628.3024-.3628l-.0544-.0316c-.9023.1595-1.7406.406-1.7357.7752.0084.6698 2.5697 1.1728 4.9129 1.1728 1.992 0 3.9053-.3343 4.7684-.7722zm-6.368 2.0708c-.4185.0832-1.3305.2926-1.3305.7361 0 .6144 1.9513 1.085 3.835 1.085 2.5922 0 3.6539-.667 3.702-.7016l-1.078-.6235c-.4583.1092-1.2306.2808-2.6214.2808-1.5521 0-2.5634-.2658-2.5634-.5569 0-.0617.0386-.135.1106-.1886zm10.5923-4.1337c-.0725 1.3911-1.3577 2.2573-2.6423 2.9893l.1164.067c1.3708-.3855 3.8166-1.5085 3.6144-3.2346-.1007-.8608-.8875-1.4758-1.9133-1.4758-.3194 0-.6036.0563-.834.1265l-.0007.0022-.0486.1224c.9175-.1796 1.7558.4904 1.7082 1.403zm-8.1232 8.1638c3.6058-.0313 7.6402-.737 7.6298-1.9232-.0019-.215-.1418-.3622-.2635-.4513l-.0592.034c-.3333.9188-3.1508 1.5977-7.3132 1.634-2.6859.0234-6.4063-.62-6.4128-1.3636-.0065-.7455 1.7625-1.1552 1.7625-1.1552l-.125-.0714c-1.1854.1632-3.3697.731-3.3625 1.5506.0104 1.185 5.0304 1.7734 8.1439 1.7461zm-.375.847c-1.4333.0126-3.1833-.1061-4.6555-.3535l-.1363.0784c1.4664.43 3.508.6896 5.7514.6702 4.4059-.0386 7.9779-1.1311 8.0485-2.446l-.051-.0297c-.2953.3604-2.2009 2.0216-8.9572 2.0806zm-5.5195-9.328c0-.6646 2.521-1.0374 3.6947-1.1277l.112.0647c-.451.082-2.26.401-2.26.8172 0 .4532 2.7747.7501 4.3853.7501 2.7355 0 4.595-.414 5.095-.5505l.6997.4072c-.4792.2346-2.5362.8495-5.7945.8495-3.6214 0-5.9322-.7086-5.9322-1.2105" />
+  </svg>
+);
diff --git a/nx-dev/ui-icons/src/lib/technologies/javascript.tsx b/nx-dev/ui-icons/src/lib/technologies/javascript.tsx
new file mode 100644
index 0000000000000..fdcf1dcb7414f
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/technologies/javascript.tsx
@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const JavaScriptIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>JavaScript</title>
+    <path d="M0 0h24v24H0V0zm22.034 18.276c-.175-1.095-.888-2.015-3.003-2.873-.736-.345-1.554-.585-1.797-1.14-.091-.33-.105-.51-.046-.705.15-.646.915-.84 1.515-.66.39.12.75.42.976.9 1.034-.676 1.034-.676 1.755-1.125-.27-.42-.404-.601-.586-.78-.63-.705-1.469-1.065-2.834-1.034l-.705.089c-.676.165-1.32.525-1.71 1.005-1.14 1.291-.811 3.541.569 4.471 1.365 1.02 3.361 1.244 3.616 2.205.24 1.17-.87 1.545-1.966 1.41-.811-.18-1.26-.586-1.755-1.336l-1.83 1.051c.21.48.45.689.81 1.109 1.74 1.756 6.09 1.666 6.871-1.004.029-.09.24-.705.074-1.65l.046.067zm-8.983-7.245h-2.248c0 1.938-.009 3.864-.009 5.805 0 1.232.063 2.363-.138 2.711-.33.689-1.18.601-1.566.48-.396-.196-.597-.466-.83-.855-.063-.105-.11-.196-.127-.196l-1.825 1.125c.305.63.75 1.172 1.324 1.517.855.51 2.004.675 3.207.405.783-.226 1.458-.691 1.811-1.411.51-.93.402-2.07.397-3.346.012-2.054 0-4.109 0-6.179l.004-.056z" />
+  </svg>
+);
diff --git a/nx-dev/ui-icons/src/lib/technologies/jest.tsx b/nx-dev/ui-icons/src/lib/technologies/jest.tsx
new file mode 100644
index 0000000000000..3374a50e6a612
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/technologies/jest.tsx
@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const JestIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Jest</title>
+    <path d="M22.251 11.82a3.117 3.117 0 0 0-2.328-3.01L22.911 0H8.104L11.1 8.838a3.116 3.116 0 0 0-2.244 2.988c0 1.043.52 1.967 1.313 2.536a8.279 8.279 0 0 1-1.084 1.244 8.14 8.14 0 0 1-2.55 1.647c-.834-.563-1.195-1.556-.869-2.446a3.11 3.11 0 0 0-.91-6.08 3.117 3.117 0 0 0-3.113 3.113c0 .848.347 1.626.903 2.182-.048.097-.097.195-.146.299-.465.959-.993 2.043-1.195 3.259-.403 2.432.257 4.384 1.849 5.489A5.093 5.093 0 0 0 5.999 24c1.827 0 3.682-.917 5.475-1.807 1.279-.632 2.599-1.292 3.898-1.612.48-.118.98-.187 1.508-.264 1.07-.153 2.175-.312 3.168-.89a4.482 4.482 0 0 0 2.182-3.091c.174-.994 0-1.994-.444-2.87.298-.48.465-1.042.465-1.647zm-1.355 0c0 .965-.785 1.75-1.75 1.75a1.753 1.753 0 0 1-1.085-3.126l.007-.007c.056-.042.118-.084.18-.125 0 0 .008 0 .008-.007.028-.014.055-.035.083-.05.007 0 .014-.006.021-.006.028-.014.063-.028.097-.042.035-.014.07-.027.098-.041.007 0 .013-.007.02-.007.028-.007.056-.021.084-.028.007 0 .02-.007.028-.007.034-.007.062-.014.097-.02h.007l.104-.022c.007 0 .02 0 .028-.007.028 0 .055-.007.083-.007h.035c.035 0 .07-.007.111-.007h.09c.028 0 .05 0 .077.007h.014c.055.007.111.014.167.028a1.766 1.766 0 0 1 1.396 1.723zM10.043 1.39h10.93l-2.509 7.4c-.104.02-.208.055-.312.09l-2.64-5.385-2.648 5.35c-.104-.034-.216-.055-.327-.076l-2.494-7.38zm4.968 9.825a3.083 3.083 0 0 0-.938-1.668l1.438-2.904 1.452 2.967c-.43.43-.743.98-.868 1.605H15.01zm-3.481-1.098c.034-.007.062-.014.097-.02h.02c.029-.008.056-.008.084-.015h.028c.028 0 .049-.007.076-.007h.271c.028 0 .049.007.07.007.014 0 .02 0 .035.007.027.007.048.007.076.014.007 0 .014 0 .028.007l.097.02h.007c.028.008.056.015.083.029.007 0 .014.007.028.007.021.007.049.014.07.027.007 0 .014.007.02.007.028.014.056.021.084.035h.007a.374.374 0 0 1 .09.049h.007c.028.014.056.034.084.048.007 0 .007.007.013.007.028.014.05.035.077.049l.007.007c.083.062.16.132.236.201l.007.007a1.747 1.747 0 0 1 .48 1.209 1.752 1.752 0 0 1-3.502 0 1.742 1.742 0 0 1 1.32-1.695zm-6.838-.049c.966 0 1.751.786 1.751 1.751s-.785 1.751-1.75 1.751-1.752-.785-1.752-1.75.786-1.752 1.751-1.752zm16.163 6.025a3.07 3.07 0 0 1-1.508 2.133c-.758.438-1.689.577-2.669.716a17.29 17.29 0 0 0-1.64.291c-1.445.355-2.834 1.05-4.182 1.717-1.724.854-3.35 1.66-4.857 1.66a3.645 3.645 0 0 1-2.154-.688c-1.529-1.056-1.453-3.036-1.272-4.12.167-1.015.632-1.966 1.077-2.877.028-.055.049-.104.077-.16.152.056.312.098.479.126-.264 1.473.486 2.994 1.946 3.745l.264.139.284-.104c1.216-.431 2.342-1.133 3.336-2.071a9.334 9.334 0 0 0 1.445-1.716c.16.027.32.034.48.034a3.117 3.117 0 0 0 3.008-2.327h1.167a3.109 3.109 0 0 0 3.01 2.327c.576 0 1.11-.16 1.57-.43.18.52.236 1.063.139 1.605z" />
+  </svg>
+);
diff --git a/nx-dev/ui-icons/src/lib/technologies/nestjs.tsx b/nx-dev/ui-icons/src/lib/technologies/nestjs.tsx
new file mode 100644
index 0000000000000..a64875fe2fa10
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/technologies/nestjs.tsx
@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const NestJSIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>NestJS</title>
+    <path d="M14.131.047c-.173 0-.334.037-.483.087.316.21.49.49.576.806.007.043.019.074.025.117a.681.681 0 0 1 .013.112c.024.545-.143.614-.26.936-.18.415-.13.861.086 1.22a.74.74 0 0 0 .074.137c-.235-1.568 1.073-1.803 1.314-2.293.019-.428-.334-.713-.613-.911a1.37 1.37 0 0 0-.732-.21zM16.102.4c-.024.143-.006.106-.012.18-.006.05-.006.112-.012.161-.013.05-.025.1-.044.149-.012.05-.03.1-.05.149l-.067.142c-.02.025-.031.05-.05.075l-.037.055a2.152 2.152 0 0 1-.093.124c-.037.038-.068.081-.112.112v.006c-.037.031-.074.068-.118.1-.13.099-.278.173-.415.266-.043.03-.087.056-.124.093a.906.906 0 0 0-.118.099c-.043.037-.074.074-.111.118-.031.037-.068.08-.093.124a1.582 1.582 0 0 0-.087.13c-.025.05-.043.093-.068.142-.019.05-.037.093-.05.143a2.007 2.007 0 0 0-.043.155c-.006.025-.006.056-.012.08-.007.025-.007.05-.013.075 0 .05-.006.105-.006.155 0 .037 0 .074.006.111 0 .05.006.1.019.155.006.05.018.1.03.15.02.049.032.098.05.148.013.03.031.062.044.087l-1.426-.552c-.241-.068-.477-.13-.719-.186l-.39-.093c-.372-.074-.75-.13-1.128-.167-.013 0-.019-.006-.031-.006A11.082 11.082 0 0 0 8.9 2.855c-.378.025-.756.074-1.134.136a12.45 12.45 0 0 0-.837.174l-.279.074c-.092.037-.18.08-.266.118l-.205.093c-.012.006-.024.006-.03.012-.063.031-.118.056-.174.087a2.738 2.738 0 0 0-.236.118c-.043.018-.086.043-.124.062a.559.559 0 0 1-.055.03c-.056.032-.112.063-.162.094a1.56 1.56 0 0 0-.148.093c-.044.03-.087.055-.124.086-.006.007-.013.007-.019.013-.037.025-.08.056-.118.087l-.012.012-.093.074c-.012.007-.025.019-.037.025-.031.025-.062.056-.093.08-.006.013-.019.02-.025.025-.037.038-.074.069-.111.106-.007 0-.007.006-.013.012a1.742 1.742 0 0 0-.111.106c-.007.006-.007.012-.013.012a1.454 1.454 0 0 0-.093.1c-.012.012-.03.024-.043.036a1.374 1.374 0 0 1-.106.112c-.006.012-.018.019-.024.03-.05.05-.093.1-.143.15l-.018.018c-.1.106-.205.211-.317.304-.111.1-.229.192-.347.273a3.777 3.777 0 0 1-.762.421c-.13.056-.267.106-.403.149-.26.056-.527.161-.756.18-.05 0-.105.012-.155.018l-.155.037-.149.056c-.05.019-.099.044-.148.068-.044.031-.093.056-.137.087a1.011 1.011 0 0 0-.124.106c-.043.03-.087.074-.124.111-.037.043-.074.08-.105.124-.031.05-.068.093-.093.143a1.092 1.092 0 0 0-.087.142c-.025.056-.05.106-.068.161-.019.05-.037.106-.056.161-.012.05-.025.1-.03.15 0 .005-.007.012-.007.018-.012.056-.012.13-.019.167C.006 7.95 0 7.986 0 8.03a.657.657 0 0 0 .074.31v.006c.019.037.044.075.069.112.024.037.05.074.08.111.031.031.068.069.106.1a.906.906 0 0 0 .117.099c.149.13.186.173.378.272.031.019.062.031.1.05.006 0 .012.006.018.006 0 .013 0 .019.006.031a1.272 1.272 0 0 0 .08.298c.02.037.032.074.05.111.007.013.013.025.02.031.024.05.049.093.073.137l.093.13c.031.037.069.08.106.118.037.037.074.068.118.105 0 0 .006.006.012.006.037.031.074.062.112.087a.986.986 0 0 0 .136.08c.043.025.093.05.142.069a.73.73 0 0 0 .124.043c.007.006.013.006.025.012.025.007.056.013.08.019-.018.335-.024.65.026.762.055.124.328-.254.6-.688-.036.428-.061.93 0 1.079.069.155.44-.329.763-.862 4.395-1.016 8.405 2.02 8.826 6.31-.08-.67-.905-1.041-1.283-.948-.186.458-.502 1.047-1.01 1.413.043-.41.025-.83-.062-1.24a4.009 4.009 0 0 1-.769 1.562c-.588.043-1.177-.242-1.487-.67-.025-.018-.031-.055-.05-.08-.018-.043-.037-.087-.05-.13a.515.515 0 0 1-.037-.13c-.006-.044-.006-.087-.006-.137v-.093a.992.992 0 0 1 .031-.13c.013-.043.025-.086.044-.13.024-.043.043-.087.074-.13.105-.298.105-.54-.087-.682a.706.706 0 0 0-.118-.062c-.024-.006-.055-.018-.08-.025l-.05-.018a.847.847 0 0 0-.13-.031.472.472 0 0 0-.13-.019 1.01 1.01 0 0 0-.136-.012c-.031 0-.062.006-.093.006a.484.484 0 0 0-.137.019c-.043.006-.086.012-.13.024a1.068 1.068 0 0 0-.13.044c-.043.018-.08.037-.124.056-.037.018-.074.043-.118.062-1.444.942-.582 3.148.403 3.787-.372.068-.75.148-.855.229l-.013.012c.267.161.546.298.837.416.397.13.818.247 1.004.297v.006a5.996 5.996 0 0 0 1.562.112c2.746-.192 4.996-2.281 5.405-5.033l.037.161c.019.112.043.23.056.347v.006c.012.056.018.112.025.162v.024c.006.056.012.112.012.162.006.068.012.136.012.204v.1c0 .03.007.067.007.098 0 .038-.007.075-.007.112v.087c0 .043-.006.08-.006.124 0 .025 0 .05-.006.08 0 .044-.006.087-.006.137-.006.018-.006.037-.006.055l-.02.143c0 .019 0 .037-.005.056-.007.062-.019.118-.025.18v.012l-.037.174v.018l-.037.167c0 .007-.007.02-.007.025a1.663 1.663 0 0 1-.043.168v.018c-.019.062-.037.118-.05.174-.006.006-.006.012-.006.012l-.056.186c-.024.062-.043.118-.068.18-.025.062-.043.124-.068.18-.025.062-.05.117-.074.18h-.007c-.024.055-.05.117-.08.173a.302.302 0 0 1-.019.043c-.006.006-.006.013-.012.019a5.867 5.867 0 0 1-1.742 2.082c-.05.031-.099.069-.149.106-.012.012-.03.018-.043.03a2.603 2.603 0 0 1-.136.094l.018.037h.007l.26-.037h.006c.161-.025.322-.056.483-.087.044-.006.093-.019.137-.031l.087-.019c.043-.006.086-.018.13-.024.037-.013.074-.02.111-.031.62-.15 1.221-.354 1.798-.595a9.926 9.926 0 0 1-3.85 3.142c.714-.05 1.426-.167 2.114-.366a9.903 9.903 0 0 0 5.857-4.68 9.893 9.893 0 0 1-1.667 3.986 9.758 9.758 0 0 0 1.655-1.376 9.824 9.824 0 0 0 2.61-5.268c.21.98.272 1.99.18 2.987 4.474-6.241.371-12.712-1.346-14.416-.006-.013-.012-.019-.012-.031-.006.006-.006.006-.006.012 0-.006 0-.006-.007-.012 0 .074-.006.148-.012.223a8.34 8.34 0 0 1-.062.415c-.03.136-.068.273-.105.41-.044.13-.093.266-.15.396a5.322 5.322 0 0 1-.185.378 4.735 4.735 0 0 1-.477.688c-.093.111-.192.21-.292.31a3.994 3.994 0 0 1-.18.155l-.142.124a3.459 3.459 0 0 1-.347.241 4.295 4.295 0 0 1-.366.211c-.13.062-.26.118-.39.174a4.364 4.364 0 0 1-.818.223c-.143.025-.285.037-.422.05a4.914 4.914 0 0 1-.297.012 4.66 4.66 0 0 1-.422-.025 3.137 3.137 0 0 1-.421-.062 3.136 3.136 0 0 1-.415-.105h-.007c.137-.013.273-.025.41-.05a4.493 4.493 0 0 0 .818-.223c.136-.05.266-.112.39-.174.13-.062.248-.13.372-.204.118-.08.235-.161.347-.248.112-.087.217-.18.316-.279.105-.093.198-.198.291-.304.093-.111.18-.223.26-.334.013-.019.026-.044.038-.062.062-.1.124-.199.18-.298a4.272 4.272 0 0 0 .334-.775c.044-.13.075-.266.106-.403.025-.142.05-.278.062-.415.012-.142.025-.285.025-.421 0-.1-.007-.199-.013-.298a6.726 6.726 0 0 0-.05-.415 4.493 4.493 0 0 0-.092-.415c-.044-.13-.087-.267-.137-.397-.05-.13-.111-.26-.173-.384-.069-.124-.137-.248-.211-.366a6.843 6.843 0 0 0-.248-.34c-.093-.106-.186-.212-.285-.317a3.878 3.878 0 0 0-.161-.155c-.28-.217-.57-.421-.862-.607a1.154 1.154 0 0 0-.124-.062 2.415 2.415 0 0 0-.589-.26Z" />
+  </svg>
+);
diff --git a/nx-dev/ui-icons/src/lib/technologies/nextjs.tsx b/nx-dev/ui-icons/src/lib/technologies/nextjs.tsx
new file mode 100644
index 0000000000000..99e86baa23464
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/technologies/nextjs.tsx
@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const NextJSIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Next.js</title>
+    <path d="M18.665 21.978C16.758 23.255 14.465 24 12 24 5.377 24 0 18.623 0 12S5.377 0 12 0s12 5.377 12 12c0 3.583-1.574 6.801-4.067 9.001L9.219 7.2H7.2v9.596h1.615V9.251l9.85 12.727Zm-3.332-8.533 1.6 2.061V7.2h-1.6v6.245Z" />
+  </svg>
+);
diff --git a/nx-dev/ui-icons/src/lib/technologies/nodejs.tsx b/nx-dev/ui-icons/src/lib/technologies/nodejs.tsx
new file mode 100644
index 0000000000000..850ae53a7e4d3
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/technologies/nodejs.tsx
@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const NodeIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Node.js</title>
+    <path d="M11.998,24c-0.321,0-0.641-0.084-0.922-0.247l-2.936-1.737c-0.438-0.245-0.224-0.332-0.08-0.383 c0.585-0.203,0.703-0.25,1.328-0.604c0.065-0.037,0.151-0.023,0.218,0.017l2.256,1.339c0.082,0.045,0.197,0.045,0.272,0l8.795-5.076 c0.082-0.047,0.134-0.141,0.134-0.238V6.921c0-0.099-0.053-0.192-0.137-0.242l-8.791-5.072c-0.081-0.047-0.189-0.047-0.271,0 L3.075,6.68C2.99,6.729,2.936,6.825,2.936,6.921v10.15c0,0.097,0.054,0.189,0.139,0.235l2.409,1.392 c1.307,0.654,2.108-0.116,2.108-0.89V7.787c0-0.142,0.114-0.253,0.256-0.253h1.115c0.139,0,0.255,0.112,0.255,0.253v10.021 c0,1.745-0.95,2.745-2.604,2.745c-0.508,0-0.909,0-2.026-0.551L2.28,18.675c-0.57-0.329-0.922-0.945-0.922-1.604V6.921 c0-0.659,0.353-1.275,0.922-1.603l8.795-5.082c0.557-0.315,1.296-0.315,1.848,0l8.794,5.082c0.57,0.329,0.924,0.944,0.924,1.603 v10.15c0,0.659-0.354,1.273-0.924,1.604l-8.794,5.078C12.643,23.916,12.324,24,11.998,24z M19.099,13.993 c0-1.9-1.284-2.406-3.987-2.763c-2.731-0.361-3.009-0.548-3.009-1.187c0-0.528,0.235-1.233,2.258-1.233 c1.807,0,2.473,0.389,2.747,1.607c0.024,0.115,0.129,0.199,0.247,0.199h1.141c0.071,0,0.138-0.031,0.186-0.081 c0.048-0.054,0.074-0.123,0.067-0.196c-0.177-2.098-1.571-3.076-4.388-3.076c-2.508,0-4.004,1.058-4.004,2.833 c0,1.925,1.488,2.457,3.895,2.695c2.88,0.282,3.103,0.703,3.103,1.269c0,0.983-0.789,1.402-2.642,1.402 c-2.327,0-2.839-0.584-3.011-1.742c-0.02-0.124-0.126-0.215-0.253-0.215h-1.137c-0.141,0-0.254,0.112-0.254,0.253 c0,1.482,0.806,3.248,4.655,3.248C17.501,17.007,19.099,15.91,19.099,13.993z" />
+  </svg>
+);
diff --git a/nx-dev/ui-icons/src/lib/technologies/nuxtjs.tsx b/nx-dev/ui-icons/src/lib/technologies/nuxtjs.tsx
new file mode 100644
index 0000000000000..830b3be82328c
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/technologies/nuxtjs.tsx
@@ -0,0 +1,17 @@
+import { FC, SVGProps } from 'react';
+
+/**
+ * Use `#00DC82` for a colored version.
+ */
+export const NuxtIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Nuxt</title>
+    <path d="M13.4642 19.8295h8.9218c.2834 0 .5618-.0723.8072-.2098a1.5899 1.5899 0 0 0 .5908-.5732 1.5293 1.5293 0 0 0 .216-.783 1.529 1.529 0 0 0-.2167-.7828L17.7916 7.4142a1.5904 1.5904 0 0 0-.5907-.573 1.6524 1.6524 0 0 0-.807-.2099c-.2833 0-.5616.0724-.807.2098a1.5904 1.5904 0 0 0-.5907.5731L13.4642 9.99l-2.9954-5.0366a1.5913 1.5913 0 0 0-.591-.573 1.6533 1.6533 0 0 0-.8071-.2098c-.2834 0-.5617.0723-.8072.2097a1.5913 1.5913 0 0 0-.591.573L.2168 17.4808A1.5292 1.5292 0 0 0 0 18.2635c-.0001.2749.0744.545.216.783a1.59 1.59 0 0 0 .5908.5732c.2454.1375.5238.2098.8072.2098h5.6003c2.219 0 3.8554-.9454 4.9813-2.7899l2.7337-4.5922L16.3935 9.99l4.3944 7.382h-5.8586ZM7.123 17.3694l-3.9083-.0009 5.8586-9.8421 2.9232 4.921-1.9572 3.2892c-.7478 1.1967-1.5972 1.6328-2.9163 1.6328z" />
+  </svg>
+);
diff --git a/nx-dev/ui-icons/src/lib/technologies/playwright.tsx b/nx-dev/ui-icons/src/lib/technologies/playwright.tsx
new file mode 100644
index 0000000000000..7355ae4b65eca
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/technologies/playwright.tsx
@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const PlaywrightIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Playwright</title>
+    <path d="M23.996 7.462c-.056.837-.257 2.135-.716 3.85-.995 3.715-4.27 10.874-10.42 9.227-6.15-1.65-5.407-9.487-4.412-13.201.46-1.716.934-2.94 1.305-3.694.42-.853.846-.289 1.815.523.684.573 2.41 1.791 5.011 2.488 2.601.697 4.706.506 5.583.352 1.245-.219 1.897-.494 1.834.455Zm-9.807 3.863s-.127-1.819-1.773-2.286c-1.644-.467-2.613 1.04-2.613 1.04Zm4.058 4.539-7.769-2.172s.446 2.306 3.338 3.153c2.862.836 4.43-.98 4.43-.981Zm2.701-2.51s-.13-1.818-1.773-2.286c-1.644-.469-2.612 1.038-2.612 1.038ZM8.57 18.23c-4.749 1.279-7.261-4.224-8.021-7.08C.197 9.831.044 8.832.003 8.188c-.047-.73.455-.52 1.415-.354.677.118 2.3.261 4.308-.28a11.28 11.28 0 0 0 2.41-.956c-.058.197-.114.4-.17.61-.433 1.618-.827 4.055-.632 6.426-1.976.732-2.267 2.423-2.267 2.423l2.524-.715c.227 1.002.6 1.987 1.15 2.838a5.914 5.914 0 0 1-.171.049Zm-4.188-6.298c1.265-.333 1.363-1.631 1.363-1.631l-3.374.888s.745 1.076 2.01.743Z" />
+  </svg>
+);
diff --git a/nx-dev/ui-icons/src/lib/technologies/pnpm.tsx b/nx-dev/ui-icons/src/lib/technologies/pnpm.tsx
new file mode 100644
index 0000000000000..041278eeffdba
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/technologies/pnpm.tsx
@@ -0,0 +1,17 @@
+import { FC, SVGProps } from 'react';
+
+/**
+ * Use `#F69220` for a colored version.
+ */
+export const PnpmIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>pnpm</title>
+    <path d="M0 0v7.5h7.5V0zm8.25 0v7.5h7.498V0zm8.25 0v7.5H24V0zM8.25 8.25v7.5h7.498v-7.5zm8.25 0v7.5H24v-7.5zM0 16.5V24h7.5v-7.5zm8.25 0V24h7.498v-7.5zm8.25 0V24H24v-7.5z" />
+  </svg>
+);
diff --git a/nx-dev/ui-icons/src/lib/technologies/prettier.tsx b/nx-dev/ui-icons/src/lib/technologies/prettier.tsx
new file mode 100644
index 0000000000000..0c9595d6d9382
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/technologies/prettier.tsx
@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const PrettierIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Prettier</title>
+    <path d="M8.571 23.429A.571.571 0 0 1 8 24H2.286a.571.571 0 0 1 0-1.143H8c.316 0 .571.256.571.572zM8 20.57H6.857a.571.571 0 0 0 0 1.143H8a.571.571 0 0 0 0-1.143zm-5.714 1.143H4.57a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143zM8 18.286H2.286a.571.571 0 0 0 0 1.143H8a.571.571 0 0 0 0-1.143zM16 16H5.714a.571.571 0 0 0 0 1.143H16A.571.571 0 0 0 16 16zM2.286 17.143h1.143a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143zm17.143-3.429H16a.571.571 0 0 0 0 1.143h3.429a.571.571 0 0 0 0-1.143zM9.143 14.857h4.571a.571.571 0 0 0 0-1.143H9.143a.571.571 0 0 0 0 1.143zm-6.857 0h4.571a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143zM20.57 11.43H11.43a.571.571 0 0 0 0 1.142h9.142a.571.571 0 0 0 0-1.142zM9.714 12a.571.571 0 0 0-.571-.571H5.714a.571.571 0 0 0 0 1.142h3.429A.571.571 0 0 0 9.714 12zm-7.428.571h1.143a.571.571 0 0 0 0-1.142H2.286a.571.571 0 0 0 0 1.142zm19.428-3.428H16a.571.571 0 0 0 0 1.143h5.714a.571.571 0 0 0 0-1.143zM2.286 10.286H8a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143zm13.143-2.857c0 .315.255.571.571.571h5.714a.571.571 0 0 0 0-1.143H16a.571.571 0 0 0-.571.572zm-8.572-.572a.571.571 0 0 0 0 1.143H8a.571.571 0 0 0 0-1.143H6.857zM2.286 8H4.57a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143zm16.571-2.857c0 .315.256.571.572.571h1.142a.571.571 0 0 0 0-1.143H19.43a.571.571 0 0 0-.572.572zm-1.143 0a.571.571 0 0 0-.571-.572H12.57a.571.571 0 0 0 0 1.143h4.572a.571.571 0 0 0 .571-.571zm-15.428.571h8a.571.571 0 0 0 0-1.143h-8a.571.571 0 0 0 0 1.143zm5.143-2.857c0 .316.255.572.571.572h11.429a.571.571 0 0 0 0-1.143H8a.571.571 0 0 0-.571.571zm-5.143.572h3.428a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143zm0-2.286H16A.571.571 0 0 0 16 0H2.286a.571.571 0 0 0 0 1.143z" />
+  </svg>
+);
diff --git a/nx-dev/ui-icons/src/lib/technologies/qwik.tsx b/nx-dev/ui-icons/src/lib/technologies/qwik.tsx
new file mode 100644
index 0000000000000..4a9c4b3167697
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/technologies/qwik.tsx
@@ -0,0 +1,17 @@
+import { FC, SVGProps } from 'react';
+
+/**
+ * Use `#AC7EF4` for a colored version.
+ */
+export const QwikIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Qwik</title>
+    <path d="M7.5469 0a2.957 2.957 0 0 0-2.5606 1.4785L.5332 9.1915a2.957 2.957 0 0 0 0 2.957l4.4531 7.7128A2.955 2.955 0 0 0 7.547 21.338H12l8.5938 2.6484c.2409.0742.4512-.1782.3359-.4023l-1.916-3.7227 4.4531-7.7129a2.957 2.957 0 0 0 0-2.957l-4.4531-7.7129A2.957 2.957 0 0 0 16.453 0zm0 .7656L17.7324 10.67l-1.8965 1.8985.5782 7.5332L6.2676 10.67l2.371-2.373z" />
+  </svg>
+);
diff --git a/nx-dev/ui-icons/src/lib/technologies/react.tsx b/nx-dev/ui-icons/src/lib/technologies/react.tsx
new file mode 100644
index 0000000000000..53608823f180f
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/technologies/react.tsx
@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const ReactIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>React</title>
+    <path d="M14.23 12.004a2.236 2.236 0 0 1-2.235 2.236 2.236 2.236 0 0 1-2.236-2.236 2.236 2.236 0 0 1 2.235-2.236 2.236 2.236 0 0 1 2.236 2.236zm2.648-10.69c-1.346 0-3.107.96-4.888 2.622-1.78-1.653-3.542-2.602-4.887-2.602-.41 0-.783.093-1.106.278-1.375.793-1.683 3.264-.973 6.365C1.98 8.917 0 10.42 0 12.004c0 1.59 1.99 3.097 5.043 4.03-.704 3.113-.39 5.588.988 6.38.32.187.69.275 1.102.275 1.345 0 3.107-.96 4.888-2.624 1.78 1.654 3.542 2.603 4.887 2.603.41 0 .783-.09 1.106-.275 1.374-.792 1.683-3.263.973-6.365C22.02 15.096 24 13.59 24 12.004c0-1.59-1.99-3.097-5.043-4.032.704-3.11.39-5.587-.988-6.38-.318-.184-.688-.277-1.092-.278zm-.005 1.09v.006c.225 0 .406.044.558.127.666.382.955 1.835.73 3.704-.054.46-.142.945-.25 1.44-.96-.236-2.006-.417-3.107-.534-.66-.905-1.345-1.727-2.035-2.447 1.592-1.48 3.087-2.292 4.105-2.295zm-9.77.02c1.012 0 2.514.808 4.11 2.28-.686.72-1.37 1.537-2.02 2.442-1.107.117-2.154.298-3.113.538-.112-.49-.195-.964-.254-1.42-.23-1.868.054-3.32.714-3.707.19-.09.4-.127.563-.132zm4.882 3.05c.455.468.91.992 1.36 1.564-.44-.02-.89-.034-1.345-.034-.46 0-.915.01-1.36.034.44-.572.895-1.096 1.345-1.565zM12 8.1c.74 0 1.477.034 2.202.093.406.582.802 1.203 1.183 1.86.372.64.71 1.29 1.018 1.946-.308.655-.646 1.31-1.013 1.95-.38.66-.773 1.288-1.18 1.87-.728.063-1.466.098-2.21.098-.74 0-1.477-.035-2.202-.093-.406-.582-.802-1.204-1.183-1.86-.372-.64-.71-1.29-1.018-1.946.303-.657.646-1.313 1.013-1.954.38-.66.773-1.286 1.18-1.868.728-.064 1.466-.098 2.21-.098zm-3.635.254c-.24.377-.48.763-.704 1.16-.225.39-.435.782-.635 1.174-.265-.656-.49-1.31-.676-1.947.64-.15 1.315-.283 2.015-.386zm7.26 0c.695.103 1.365.23 2.006.387-.18.632-.405 1.282-.66 1.933-.2-.39-.41-.783-.64-1.174-.225-.392-.465-.774-.705-1.146zm3.063.675c.484.15.944.317 1.375.498 1.732.74 2.852 1.708 2.852 2.476-.005.768-1.125 1.74-2.857 2.475-.42.18-.88.342-1.355.493-.28-.958-.646-1.956-1.1-2.98.45-1.017.81-2.01 1.085-2.964zm-13.395.004c.278.96.645 1.957 1.1 2.98-.45 1.017-.812 2.01-1.086 2.964-.484-.15-.944-.318-1.37-.5-1.732-.737-2.852-1.706-2.852-2.474 0-.768 1.12-1.742 2.852-2.476.42-.18.88-.342 1.356-.494zm11.678 4.28c.265.657.49 1.312.676 1.948-.64.157-1.316.29-2.016.39.24-.375.48-.762.705-1.158.225-.39.435-.788.636-1.18zm-9.945.02c.2.392.41.783.64 1.175.23.39.465.772.705 1.143-.695-.102-1.365-.23-2.006-.386.18-.63.406-1.282.66-1.933zM17.92 16.32c.112.493.2.968.254 1.423.23 1.868-.054 3.32-.714 3.708-.147.09-.338.128-.563.128-1.012 0-2.514-.807-4.11-2.28.686-.72 1.37-1.536 2.02-2.44 1.107-.118 2.154-.3 3.113-.54zm-11.83.01c.96.234 2.006.415 3.107.532.66.905 1.345 1.727 2.035 2.446-1.595 1.483-3.092 2.295-4.11 2.295-.22-.005-.406-.05-.553-.132-.666-.38-.955-1.834-.73-3.703.054-.46.142-.944.25-1.438zm4.56.64c.44.02.89.034 1.345.034.46 0 .915-.01 1.36-.034-.44.572-.895 1.095-1.345 1.565-.455-.47-.91-.993-1.36-1.565z" />
+  </svg>
+);
diff --git a/nx-dev/ui-icons/src/lib/technologies/remix.tsx b/nx-dev/ui-icons/src/lib/technologies/remix.tsx
new file mode 100644
index 0000000000000..89f93d08f6837
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/technologies/remix.tsx
@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const RemixIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Remix</title>
+    <path d="M21.511 18.508c.216 2.773.216 4.073.216 5.492H15.31c0-.309.006-.592.011-.878.018-.892.036-1.821-.109-3.698-.19-2.747-1.374-3.358-3.55-3.358H1.574v-5h10.396c2.748 0 4.122-.835 4.122-3.049 0-1.946-1.374-3.125-4.122-3.125H1.573V0h11.541c6.221 0 9.313 2.938 9.313 7.632 0 3.511-2.176 5.8-5.114 6.182 2.48.497 3.93 1.909 4.198 4.694ZM1.573 24v-3.727h6.784c1.133 0 1.379.84 1.379 1.342V24Z" />
+  </svg>
+);
diff --git a/nx-dev/ui-icons/src/lib/technologies/rollup.tsx b/nx-dev/ui-icons/src/lib/technologies/rollup.tsx
new file mode 100644
index 0000000000000..f5dd0e16cc52d
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/technologies/rollup.tsx
@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const RollupIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Rollup</title>
+    <path d="M3.42.0002a.37.37 0 00-.369.37V19.885c.577-1.488 1.557-3.6168 3.1378-6.5297C11.8885 2.876 12.6355 1.8191 15.6043 1.8191c1.56 0 3.1338.704 4.1518 1.9549A7.9616 7.9616 0 0013.1014.0002zM16.1393 2.544c-1.19.01-2.257.466-2.6979 1.498-.967 2.2558 1.624 4.7667 2.7569 4.5677 1.4419-.255-.255-3.5628-.255-3.5628 2.2049 4.1558 1.6969 2.8838-2.2899 6.6996C9.6666 15.5623 5.596 23.6188 5.002 23.9568a.477.477 0 01-.08.043H20.558a.373.373 0 00.33-.538l-4.0878-8.0915a.37.37 0 01.144-.488 7.9596 7.9596 0 004.0048-6.9126c0-1.4249-.373-2.7608-1.03-3.9198-.9269-.9519-2.4298-1.5159-3.7787-1.5059z" />
+  </svg>
+);
diff --git a/nx-dev/ui-icons/src/lib/technologies/rspack.tsx b/nx-dev/ui-icons/src/lib/technologies/rspack.tsx
new file mode 100644
index 0000000000000..da927bed2fc8a
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/technologies/rspack.tsx
@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const RspackIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Rspack</title>
+    <path d="M15.14 14.64c-.061 0-.013.073.128.23.184.184.394.262.473.183.08-.079-.052-.237-.316-.316-.15-.064-.242-.097-.285-.097zm.69-1.471c-.135-.003-.48.216-.826.515-.395.343-.632.632-.5.632.369 0 1.527-.974 1.37-1.132-.01-.01-.026-.015-.045-.015zm3.309-10.182c-.37-.015-.965.116-1.765.402-1.343.5-3.528 2.133-3.739 2.765-.263.79.026 1 1.58 1.184 1.185.158 1.448.29 1.448.685 0 .606-.21.606-.895.105-.869-.658-2.212-.5-3.028.37l-.711.763-.737-1.159c-.896-1.422-2.554-2.449-4.345-2.66-2.528-.289-5.319 1.686-6.24 4.45-.421 1.29-.21 2.318.5 2.318.184 0 .474.368.685.816.605 1.37 2.001 2.554 3.607 3.028 1.37.395 1.422.447 1.053.869-.527.579-.526 1.08-.026 1.08.237 0 .368.21.316.579-.053.474.079.605.553.553.58-.08.79.29.316.579-.316.184-.343 1.106-.053 1.29.105.053 1.264-.105 2.554-.395 1.632-.368 2.897-.5 4.081-.395l1.712.132-1.448-.264c-.79-.131-1.633-.394-1.87-.579-2.16-1.632-3.396-2.765-3.396-3.107 0-.237.368-.58.816-.763.447-.185 1.053-.738 1.369-1.185.527-.79.632-.843 1.106-.5.263.21.684.368.895.342.369 0 .369-.027.027-.158-.527-.21-1.317-.895-1.317-1.185 0-.105.29-.158.658-.053 1.58.395 3.028-1.132 3.028-3.16 0-.526.132-.947.29-.947.316 0 .21 2.87-.132 3.712-.105.211.08.79.422 1.317.842 1.211 2.027 1.369 2.975.342.369-.395.737-.632.842-.526.106.105.21.921.21 1.843 0 1.395-.104 1.79-.71 2.58-.395.5-1.211 1.185-1.843 1.5-.974.475-1.027.554-.448.554.369 0 1.29.184 2.054.421 1.106.316 1.475.343 1.712.08.21-.238.21-.264-.027-.133-.421.237-2.264-.553-2.054-.895.237-.395.948-.316 1.475.158.5.448 1.132.263.921-.29-.052-.184.027-.473.185-.631.21-.21.131-.448-.29-.895-.71-.764-.737-1.422-.052-1.633.921-.29 2.106-2.001 2.106-3.028 0-1.396-.843-2.554-2.08-2.923-.632-.184-1.132-.527-1.238-.816-.079-.264-.42-.658-.763-.895l-.606-.395.764-.764c1.237-1.21.816-2.37-.843-2.37-.579 0-.553-.052.237-.868.757-.79.773-1.22.159-1.245zm-.197.277c.232-.004.354.072.354.23 0 .132-.448.606-.974 1.054l-1 .816H18.4c1.264 0 1.948.579 1.5 1.264-.315.526-2.395 2.159-2.738 2.159-.447 0-.263-1.264.237-1.396.237-.079.08-.132-.368-.158-1.738-.053-3.265-.368-3.265-.658 0-.553 1.685-1.948 3.16-2.633.937-.444 1.628-.673 2.015-.678zM6.58 5.684c.475.01.965.088 1.472.233 2.027.553 3.844 2.922 3.87 4.976 0 2.37-1.105 4.16-3.054 4.898-1 .368-1.369.394-2.554.131-1.764-.395-2.949-1.106-3.607-2.185-.737-1.211-.658-1.685.316-2.027.448-.158.842-.264.869-.238 0 .053.131.422.29.87.289.92 1.21 1.132 3.212.684 1.053-.237 1.29-.21 1.58.184.342.422.368.395.263-.079-.106-.579-.369-.605-2.897-.263-1.632.21-1.606.237-2.159-1.527-.131-.421-.21-.448-1.132-.026-1.658.71-2.106.737-2.317.157-.237-.816.79-2.975 1.949-4.107C3.866 6.22 5.155 5.652 6.58 5.684Zm7.001 3.407c.051.001.104.005.158.012.58.079.685.237.764 1.027.053.658-.079 1.053-.474 1.421-.737.659-1.422.264-1.527-.895-.099-1.012.312-1.584 1.08-1.565zm4.349.65c.346.01.602.274.733.784.185.71-.474 1.948-1.027 1.948-1.026 0-1.343-1.817-.421-2.475.267-.178.507-.263.715-.257zm2.208.362c.158 0 .21.474.079 1.238-.184 1.369-.816 2.633-1.475 3.054-.579.369-1.738.026-2.08-.58-.237-.473-.184-.5.606-.368 1.237.184 2.264-.737 2.475-2.238.079-.605.263-1.106.395-1.106zm1.049.518c.23 0 .524.137.9.404 1.21.843 1.553 3.16.447 3.16-.29 0-.659.079-.764.184-.105.132 0 .21.237.21.632 0 .553.448-.105.817-.632.316-1.027-.027-1.027-.896 0-.263-.132-.737-.29-1.027-.158-.316-.21-1-.105-1.685.115-.79.323-1.168.707-1.167zM8.079 16.686c.448.026.369.105-.368.526-1.185.659-1.606.659-.816 0 .342-.29.868-.526 1.184-.526zm.58.79c.5 0 .895.052.895.131 0 .264-1.711 1.185-2.185 1.185-.422 0-.422-.052-.027-.658.316-.5.659-.658 1.317-.658zm12.062.362c.07.007.168.059.287.164.237.185.342.395.29.448-.185.184-.685-.184-.685-.5 0-.08.039-.119.108-.112zm-10.495.468c.36-.019.675.082.881.328.474.553-.421 1.422-1.87 1.87-1.342.395-1.737.21-1.29-.632.49-.905 1.488-1.524 2.279-1.566zm9.946.032c.072.007.204.112.44.323.29.263.527.579.527.71 0 .132-.237.106-.526-.052-.29-.158-.527-.474-.527-.711 0-.185.013-.276.086-.27z" />
+  </svg>
+);
diff --git a/nx-dev/ui-icons/src/lib/technologies/rust.tsx b/nx-dev/ui-icons/src/lib/technologies/rust.tsx
new file mode 100644
index 0000000000000..fc0d8e72ba52b
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/technologies/rust.tsx
@@ -0,0 +1,17 @@
+import { FC, SVGProps } from 'react';
+
+/**
+ * Use `#000000` for a colored version.
+ */
+export const RustIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Rust</title>
+    <path d="M23.8346 11.7033l-1.0073-.6236a13.7268 13.7268 0 00-.0283-.2936l.8656-.8069a.3483.3483 0 00-.1154-.578l-1.1066-.414a8.4958 8.4958 0 00-.087-.2856l.6904-.9587a.3462.3462 0 00-.2257-.5446l-1.1663-.1894a9.3574 9.3574 0 00-.1407-.2622l.49-1.0761a.3437.3437 0 00-.0274-.3361.3486.3486 0 00-.3006-.154l-1.1845.0416a6.7444 6.7444 0 00-.1873-.2268l.2723-1.153a.3472.3472 0 00-.417-.4172l-1.1532.2724a14.0183 14.0183 0 00-.2278-.1873l.0415-1.1845a.3442.3442 0 00-.49-.328l-1.076.491c-.0872-.0476-.1742-.0952-.2623-.1407l-.1903-1.1673A.3483.3483 0 0016.256.955l-.9597.6905a8.4867 8.4867 0 00-.2855-.086l-.414-1.1066a.3483.3483 0 00-.5781-.1154l-.8069.8666a9.2936 9.2936 0 00-.2936-.0284L12.2946.1683a.3462.3462 0 00-.5892 0l-.6236 1.0073a13.7383 13.7383 0 00-.2936.0284L9.9803.3374a.3462.3462 0 00-.578.1154l-.4141 1.1065c-.0962.0274-.1903.0567-.2855.086L7.744.955a.3483.3483 0 00-.5447.2258L7.009 2.348a9.3574 9.3574 0 00-.2622.1407l-1.0762-.491a.3462.3462 0 00-.49.328l.0416 1.1845a7.9826 7.9826 0 00-.2278.1873L3.8413 3.425a.3472.3472 0 00-.4171.4171l.2713 1.1531c-.0628.075-.1255.1509-.1863.2268l-1.1845-.0415a.3462.3462 0 00-.328.49l.491 1.0761a9.167 9.167 0 00-.1407.2622l-1.1662.1894a.3483.3483 0 00-.2258.5446l.6904.9587a13.303 13.303 0 00-.087.2855l-1.1065.414a.3483.3483 0 00-.1155.5781l.8656.807a9.2936 9.2936 0 00-.0283.2935l-1.0073.6236a.3442.3442 0 000 .5892l1.0073.6236c.008.0982.0182.1964.0283.2936l-.8656.8079a.3462.3462 0 00.1155.578l1.1065.4141c.0273.0962.0567.1914.087.2855l-.6904.9587a.3452.3452 0 00.2268.5447l1.1662.1893c.0456.088.0922.1751.1408.2622l-.491 1.0762a.3462.3462 0 00.328.49l1.1834-.0415c.0618.0769.1235.1528.1873.2277l-.2713 1.1541a.3462.3462 0 00.4171.4161l1.153-.2713c.075.0638.151.1255.2279.1863l-.0415 1.1845a.3442.3442 0 00.49.327l1.0761-.49c.087.0486.1741.0951.2622.1407l.1903 1.1662a.3483.3483 0 00.5447.2268l.9587-.6904a9.299 9.299 0 00.2855.087l.414 1.1066a.3452.3452 0 00.5781.1154l.8079-.8656c.0972.0111.1954.0203.2936.0294l.6236 1.0073a.3472.3472 0 00.5892 0l.6236-1.0073c.0982-.0091.1964-.0183.2936-.0294l.8069.8656a.3483.3483 0 00.578-.1154l.4141-1.1066a8.4626 8.4626 0 00.2855-.087l.9587.6904a.3452.3452 0 00.5447-.2268l.1903-1.1662c.088-.0456.1751-.0931.2622-.1407l1.0762.49a.3472.3472 0 00.49-.327l-.0415-1.1845a6.7267 6.7267 0 00.2267-.1863l1.1531.2713a.3472.3472 0 00.4171-.416l-.2713-1.1542c.0628-.0749.1255-.1508.1863-.2278l1.1845.0415a.3442.3442 0 00.328-.49l-.49-1.076c.0475-.0872.0951-.1742.1407-.2623l1.1662-.1893a.3483.3483 0 00.2258-.5447l-.6904-.9587.087-.2855 1.1066-.414a.3462.3462 0 00.1154-.5781l-.8656-.8079c.0101-.0972.0202-.1954.0283-.2936l1.0073-.6236a.3442.3442 0 000-.5892zm-6.7413 8.3551a.7138.7138 0 01.2986-1.396.714.714 0 11-.2997 1.396zm-.3422-2.3142a.649.649 0 00-.7715.5l-.3573 1.6685c-1.1035.501-2.3285.7795-3.6193.7795a8.7368 8.7368 0 01-3.6951-.814l-.3574-1.6684a.648.648 0 00-.7714-.499l-1.473.3158a8.7216 8.7216 0 01-.7613-.898h7.1676c.081 0 .1356-.0141.1356-.088v-2.536c0-.074-.0536-.0881-.1356-.0881h-2.0966v-1.6077h2.2677c.2065 0 1.1065.0587 1.394 1.2088.0901.3533.2875 1.5044.4232 1.8729.1346.413.6833 1.2381 1.2685 1.2381h3.5716a.7492.7492 0 00.1296-.0131 8.7874 8.7874 0 01-.8119.9526zM6.8369 20.024a.714.714 0 11-.2997-1.396.714.714 0 01.2997 1.396zM4.1177 8.9972a.7137.7137 0 11-1.304.5791.7137.7137 0 011.304-.579zm-.8352 1.9813l1.5347-.6824a.65.65 0 00.33-.8585l-.3158-.7147h1.2432v5.6025H3.5669a8.7753 8.7753 0 01-.2834-3.348zm6.7343-.5437V8.7836h2.9601c.153 0 1.0792.1772 1.0792.8697 0 .575-.7107.7815-1.2948.7815zm10.7574 1.4862c0 .2187-.008.4363-.0243.651h-.9c-.09 0-.1265.0586-.1265.1477v.413c0 .973-.5487 1.1846-1.0296 1.2382-.4576.0517-.9648-.1913-1.0275-.4717-.2704-1.5186-.7198-1.8436-1.4305-2.4034.8817-.5599 1.799-1.386 1.799-2.4915 0-1.1936-.819-1.9458-1.3769-2.3153-.7825-.5163-1.6491-.6195-1.883-.6195H5.4682a8.7651 8.7651 0 014.907-2.7699l1.0974 1.151a.648.648 0 00.9182.0213l1.227-1.1743a8.7753 8.7753 0 016.0044 4.2762l-.8403 1.8982a.652.652 0 00.33.8585l1.6178.7188c.0283.2875.0425.577.0425.8717zm-9.3006-9.5993a.7128.7128 0 11.984 1.0316.7137.7137 0 01-.984-1.0316zm8.3389 6.71a.7107.7107 0 01.9395-.3625.7137.7137 0 11-.9405.3635z" />
+  </svg>
+);
diff --git a/nx-dev/ui-common/src/lib/logos/rxjs.tsx b/nx-dev/ui-icons/src/lib/technologies/rxjs.tsx
similarity index 100%
rename from nx-dev/ui-common/src/lib/logos/rxjs.tsx
rename to nx-dev/ui-icons/src/lib/technologies/rxjs.tsx
diff --git a/nx-dev/ui-icons/src/lib/technologies/solid.tsx b/nx-dev/ui-icons/src/lib/technologies/solid.tsx
new file mode 100644
index 0000000000000..7bde1b54ee2a4
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/technologies/solid.tsx
@@ -0,0 +1,17 @@
+import { FC, SVGProps } from 'react';
+
+/**
+ * Use `#2C4F7C` for a colored version.
+ */
+export const SolidIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Solid</title>
+    <path d="M11.558.788A9.082 9.082 0 0 0 9.776.99l-.453.15c-.906.303-1.656.755-2.1 1.348l-.301.452-2.035 3.528c.426-.387.974-.698 1.643-.894h.001l.613-.154h.001a8.82 8.82 0 0 1 1.777-.206c2.916-.053 6.033 1.148 8.423 2.36 2.317 1.175 3.888 2.32 3.987 2.39L24 5.518c-.082-.06-1.66-1.21-3.991-2.386-2.393-1.206-5.521-2.396-8.45-2.343zM8.924 5.366a8.634 8.634 0 0 0-1.745.203l-.606.151c-1.278.376-2.095 1.16-2.43 2.108-.334.948-.188 2.065.487 3.116.33.43.747.813 1.216 1.147L12.328 10h.001a6.943 6.943 0 0 1 6.013 1.013l2.844-.963c-.17-.124-1.663-1.2-3.91-2.34-2.379-1.206-5.479-2.396-8.352-2.344zm5.435 4.497a6.791 6.791 0 0 0-1.984.283L2.94 13.189 0 18.334l9.276-2.992a6.945 6.945 0 0 1 7.408 2.314v.001c.695.903.89 1.906.66 2.808l2.572-4.63c.595-1.041.45-2.225-.302-3.429a6.792 6.792 0 0 0-5.255-2.543zm-3.031 5.341a6.787 6.787 0 0 0-2.006.283L.008 18.492c.175.131 2.02 1.498 4.687 2.768 2.797 1.332 6.37 2.467 9.468 1.712l.454-.152h.002c1.278-.376 2.134-1.162 2.487-2.09.353-.93.207-2.004-.541-2.978a6.791 6.791 0 0 0-5.237-2.548z" />
+  </svg>
+);
diff --git a/nx-dev/ui-icons/src/lib/technologies/storybook.tsx b/nx-dev/ui-icons/src/lib/technologies/storybook.tsx
new file mode 100644
index 0000000000000..bd4d072815b19
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/technologies/storybook.tsx
@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const StorybookIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Storybook</title>
+    <path d="M16.71.243l-.12 2.71a.18.18 0 00.29.15l1.06-.8.9.7a.18.18 0 00.28-.14l-.1-2.76 1.33-.1a1.2 1.2 0 011.279 1.2v21.596a1.2 1.2 0 01-1.26 1.2l-16.096-.72a1.2 1.2 0 01-1.15-1.16l-.75-19.797a1.2 1.2 0 011.13-1.27L16.7.222zM13.64 9.3c0 .47 3.16.24 3.59-.08 0-3.2-1.72-4.89-4.859-4.89-3.15 0-4.899 1.72-4.899 4.29 0 4.45 5.999 4.53 5.999 6.959 0 .7-.32 1.1-1.05 1.1-.96 0-1.35-.49-1.3-2.16 0-.36-3.649-.48-3.769 0-.27 4.03 2.23 5.2 5.099 5.2 2.79 0 4.969-1.49 4.969-4.18 0-4.77-6.099-4.64-6.099-6.999 0-.97.72-1.1 1.13-1.1.45 0 1.25.07 1.19 1.87z" />
+  </svg>
+);
diff --git a/nx-dev/ui-icons/src/lib/technologies/typescript.tsx b/nx-dev/ui-icons/src/lib/technologies/typescript.tsx
new file mode 100644
index 0000000000000..4493f989bfab1
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/technologies/typescript.tsx
@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const TypeScriptIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>TypeScript</title>
+    <path d="M1.125 0C.502 0 0 .502 0 1.125v21.75C0 23.498.502 24 1.125 24h21.75c.623 0 1.125-.502 1.125-1.125V1.125C24 .502 23.498 0 22.875 0zm17.363 9.75c.612 0 1.154.037 1.627.111a6.38 6.38 0 0 1 1.306.34v2.458a3.95 3.95 0 0 0-.643-.361 5.093 5.093 0 0 0-.717-.26 5.453 5.453 0 0 0-1.426-.2c-.3 0-.573.028-.819.086a2.1 2.1 0 0 0-.623.242c-.17.104-.3.229-.393.374a.888.888 0 0 0-.14.49c0 .196.053.373.156.529.104.156.252.304.443.444s.423.276.696.41c.273.135.582.274.926.416.47.197.892.407 1.266.628.374.222.695.473.963.753.268.279.472.598.614.957.142.359.214.776.214 1.253 0 .657-.125 1.21-.373 1.656a3.033 3.033 0 0 1-1.012 1.085 4.38 4.38 0 0 1-1.487.596c-.566.12-1.163.18-1.79.18a9.916 9.916 0 0 1-1.84-.164 5.544 5.544 0 0 1-1.512-.493v-2.63a5.033 5.033 0 0 0 3.237 1.2c.333 0 .624-.03.872-.09.249-.06.456-.144.623-.25.166-.108.29-.234.373-.38a1.023 1.023 0 0 0-.074-1.089 2.12 2.12 0 0 0-.537-.5 5.597 5.597 0 0 0-.807-.444 27.72 27.72 0 0 0-1.007-.436c-.918-.383-1.602-.852-2.053-1.405-.45-.553-.676-1.222-.676-2.005 0-.614.123-1.141.369-1.582.246-.441.58-.804 1.004-1.089a4.494 4.494 0 0 1 1.47-.629 7.536 7.536 0 0 1 1.77-.201zm-15.113.188h9.563v2.166H9.506v9.646H6.789v-9.646H3.375z" />
+  </svg>
+);
diff --git a/nx-dev/ui-icons/src/lib/technologies/vite.tsx b/nx-dev/ui-icons/src/lib/technologies/vite.tsx
new file mode 100644
index 0000000000000..3c6d809c0490c
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/technologies/vite.tsx
@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const ViteIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Vite</title>
+    <path d="m8.286 10.578.512-8.657a.306.306 0 0 1 .247-.282L17.377.006a.306.306 0 0 1 .353.385l-1.558 5.403a.306.306 0 0 0 .352.385l2.388-.46a.306.306 0 0 1 .332.438l-6.79 13.55-.123.19a.294.294 0 0 1-.252.14c-.177 0-.35-.152-.305-.369l1.095-5.301a.306.306 0 0 0-.388-.355l-1.433.435a.306.306 0 0 1-.389-.354l.69-3.375a.306.306 0 0 0-.37-.36l-2.32.536a.306.306 0 0 1-.374-.316zm14.976-7.926L17.284 3.74l-.544 1.887 2.077-.4a.8.8 0 0 1 .84.369.8.8 0 0 1 .034.783L12.9 19.93l-.013.025-.015.023-.122.19a.801.801 0 0 1-.672.37.826.826 0 0 1-.634-.302.8.8 0 0 1-.16-.67l1.029-4.981-1.12.34a.81.81 0 0 1-.86-.262.802.802 0 0 1-.165-.67l.63-3.08-2.027.468a.808.808 0 0 1-.768-.233.81.81 0 0 1-.217-.6l.389-6.57-7.44-1.33a.612.612 0 0 0-.64.906L11.58 23.691a.612.612 0 0 0 1.066-.004l11.26-20.135a.612.612 0 0 0-.644-.9z" />
+  </svg>
+);
diff --git a/nx-dev/ui-icons/src/lib/technologies/vitest.tsx b/nx-dev/ui-icons/src/lib/technologies/vitest.tsx
new file mode 100644
index 0000000000000..ec4d059b2f444
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/technologies/vitest.tsx
@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const VitestIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Vitest</title>
+    <path d="M13.74024 1.05293a.49504.49504 0 0 0-.1569.02512.49338.49338 0 0 0-.25056.1876L7.59513 9.56159a.4895.4895 0 0 0-.08373.22327.48846.48846 0 0 0 .03163.23629.4893.4893 0 0 0 .13985.19319.4927.4927 0 0 0 .2149.10481l3.70685.78609-.22947 4.58007a.48834.48834 0 0 0 .08466.30017.49205.49205 0 0 0 .24931.18854c.10157.03398.21174.03444.3135.00064a.49387.49387 0 0 0 .25056-.18761l5.73735-8.29594a.4884.4884 0 0 0 .08404-.22327c.009-.08015-.0016-.16137-.03163-.23629a.48835.48835 0 0 0-.13985-.19319.49318.49318 0 0 0-.2149-.1048l-3.70686-.7861.22947-4.58008a.48802.48802 0 0 0-.08466-.30017.4913.4913 0 0 0-.24931-.18853.49439.49439 0 0 0-.1566-.02574zM1.15697 9.78795c-.30647.0012-.60009.12378-.81679.34048a1.16107 1.16107 0 0 0-.34017.81648 1.162 1.162 0 0 0 .33366.81957l10.84241 10.8421a1.15762 1.15762 0 0 0 .37677.25211 1.1583 1.1583 0 0 0 .44467.08838c.00084 0 .0016-.00031.0025-.00031.00073 0 .0014.00031.0022.00031a1.15827 1.15827 0 0 0 .44467-.08838 1.15731 1.15731 0 0 0 .37677-.2521l10.84236-10.8421a1.16272 1.16272 0 0 0 .33397-.81958c-.0013-.30647-.12376-.59976-.34048-.81648a1.1616 1.1616 0 0 0-.81679-.34048 1.16114 1.16114 0 0 0-.81926.33366l-5.4012 5.4009c-.0078.0074-.01718.01255-.02482.02015L12 20.14011l-4.59776-4.59745c-.0074-.0074-.01659-.01238-.02419-.01954l-5.4015-5.40151a1.162 1.162 0 0 0-.81958-.33366Z" />
+  </svg>
+);
diff --git a/nx-dev/ui-icons/src/lib/technologies/vue.tsx b/nx-dev/ui-icons/src/lib/technologies/vue.tsx
new file mode 100644
index 0000000000000..6086580476f3c
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/technologies/vue.tsx
@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const VueIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Vue.js</title>
+    <path d="M24,1.61H14.06L12,5.16,9.94,1.61H0L12,22.39ZM12,14.08,5.16,2.23H9.59L12,6.41l2.41-4.18h4.43Z" />
+  </svg>
+);
diff --git a/nx-dev/ui-icons/src/lib/technologies/webpack.tsx b/nx-dev/ui-icons/src/lib/technologies/webpack.tsx
new file mode 100644
index 0000000000000..0b0b927aac737
--- /dev/null
+++ b/nx-dev/ui-icons/src/lib/technologies/webpack.tsx
@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const WebpackIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Webpack</title>
+    <path d="M22.1987 18.498l-9.7699 5.5022v-4.2855l6.0872-3.3338 3.6826 2.117zm.6683-.6026V6.3884l-3.5752 2.0544v7.396zm-21.0657.6026l9.7699 5.5022v-4.2855L5.484 16.3809l-3.6826 2.117zm-.6683-.6026V6.3884l3.5751 2.0544v7.396zm.4183-12.2515l10.0199-5.644v4.1434L5.152 7.6586l-.0489.028zm20.8975 0l-10.02-5.644v4.1434l6.4192 3.5154.0489.028 3.5518-2.0427zm-10.8775 13.096l-6.0056-3.2873V8.9384l6.0054 3.4525v6.349zm.8575 0l6.0053-3.2873V8.9384l-6.0053 3.4525zM5.9724 8.1845l6.0287-3.3015L18.03 8.1845l-6.0288 3.4665z" />
+  </svg>
+);
diff --git a/nx-dev/ui-icons/tsconfig.json b/nx-dev/ui-icons/tsconfig.json
new file mode 100644
index 0000000000000..4c089585ed6b0
--- /dev/null
+++ b/nx-dev/ui-icons/tsconfig.json
@@ -0,0 +1,25 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "allowJs": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "noImplicitOverride": true,
+    "noPropertyAccessFromIndexSignature": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ]
+}
diff --git a/nx-dev/ui-icons/tsconfig.lib.json b/nx-dev/ui-icons/tsconfig.lib.json
new file mode 100644
index 0000000000000..3e8e485c662b4
--- /dev/null
+++ b/nx-dev/ui-icons/tsconfig.lib.json
@@ -0,0 +1,24 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "types": ["node"],
+    "lib": ["dom"]
+  },
+  "files": [
+    "../../node_modules/@nx/react/typings/cssmodule.d.ts",
+    "../../node_modules/@nx/react/typings/image.d.ts"
+  ],
+  "exclude": [
+    "jest.config.ts",
+    "**/*.spec.ts",
+    "**/*.test.ts",
+    "**/*.spec.tsx",
+    "**/*.test.tsx",
+    "**/*.spec.js",
+    "**/*.test.js",
+    "**/*.spec.jsx",
+    "**/*.test.jsx"
+  ],
+  "include": ["**/*.js", "**/*.jsx", "**/*.ts", "**/*.tsx"]
+}
diff --git a/nx-dev/ui-icons/tsconfig.spec.json b/nx-dev/ui-icons/tsconfig.spec.json
new file mode 100644
index 0000000000000..ff08addd60ff5
--- /dev/null
+++ b/nx-dev/ui-icons/tsconfig.spec.json
@@ -0,0 +1,20 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "module": "commonjs",
+    "types": ["jest", "node"]
+  },
+  "include": [
+    "jest.config.ts",
+    "**/*.test.ts",
+    "**/*.spec.ts",
+    "**/*.test.tsx",
+    "**/*.spec.tsx",
+    "**/*.test.js",
+    "**/*.spec.js",
+    "**/*.test.jsx",
+    "**/*.spec.jsx",
+    "**/*.d.ts"
+  ]
+}
diff --git a/nx-dev/ui-markdoc/src/lib/nodes/fence.schema.tsx b/nx-dev/ui-markdoc/src/lib/nodes/fence.schema.tsx
index 6f0bbcca82c33..4cf0c582a15dd 100644
--- a/nx-dev/ui-markdoc/src/lib/nodes/fence.schema.tsx
+++ b/nx-dev/ui-markdoc/src/lib/nodes/fence.schema.tsx
@@ -9,6 +9,7 @@ export const fence: Schema = {
     highlightLines: { type: 'Array', default: [] },
     lineGroups: { type: 'Object', default: {} },
     command: { type: 'String', default: '' },
+    title: { type: 'String', default: '' },
     path: { type: 'String', default: '' },
     process: { type: 'Boolean', render: false, default: true },
     skipRescope: { type: 'Boolean', default: false },
diff --git a/nx-dev/ui-markdoc/src/lib/nodes/heading.component.tsx b/nx-dev/ui-markdoc/src/lib/nodes/heading.component.tsx
index 7cf07a0354e3f..5747555fc7f11 100644
--- a/nx-dev/ui-markdoc/src/lib/nodes/heading.component.tsx
+++ b/nx-dev/ui-markdoc/src/lib/nodes/heading.component.tsx
@@ -18,7 +18,7 @@ export function Heading({
   return (
     <Component
       id={id}
-      className={['not-prose group', className].filter(Boolean).join(' ')}
+      className={['group', className].filter(Boolean).join(' ')}
     >
       {children}
       <Link aria-hidden="true" href={`#${id}`}>
diff --git a/nx-dev/ui-primitives/src/index.ts b/nx-dev/ui-primitives/src/index.ts
index bee7c9d540afd..dcf19699f8328 100644
--- a/nx-dev/ui-primitives/src/index.ts
+++ b/nx-dev/ui-primitives/src/index.ts
@@ -1,2 +1,4 @@
 export * from './lib/cx';
-export * from './lib/use-layout.effect';
+export * from './lib/use-isomorphic-layout-effect';
+export * from './lib/use-layout-effect';
+export * from './lib/use-media-query-effect';
diff --git a/nx-dev/ui-primitives/src/lib/use-isomorphic-layout-effect.ts b/nx-dev/ui-primitives/src/lib/use-isomorphic-layout-effect.ts
new file mode 100644
index 0000000000000..13e4f385a002f
--- /dev/null
+++ b/nx-dev/ui-primitives/src/lib/use-isomorphic-layout-effect.ts
@@ -0,0 +1,5 @@
+'use client';
+import { useEffect, useLayoutEffect } from 'react';
+
+export const useIsomorphicLayoutEffect =
+  typeof window !== 'undefined' ? useLayoutEffect : useEffect;
diff --git a/nx-dev/ui-primitives/src/lib/use-layout.effect.ts b/nx-dev/ui-primitives/src/lib/use-layout-effect.ts
similarity index 80%
rename from nx-dev/ui-primitives/src/lib/use-layout.effect.ts
rename to nx-dev/ui-primitives/src/lib/use-layout-effect.ts
index 1a5394b7d1368..13b92327bc9e8 100644
--- a/nx-dev/ui-primitives/src/lib/use-layout.effect.ts
+++ b/nx-dev/ui-primitives/src/lib/use-layout-effect.ts
@@ -1,4 +1,5 @@
 'use client';
+/* eslint-disable @typescript-eslint/no-restricted-imports */
 import { useLayoutEffect as ReactUseLayoutEffect } from 'react';
 
 /**
@@ -8,6 +9,6 @@ import { useLayoutEffect as ReactUseLayoutEffect } from 'react';
  *
  * See: https://reactjs.org/docs/hooks-reference.html#uselayouteffect
  */
-export const useLayoutEffect = (globalThis as any)?.document
+export const useLayoutEffect = globalThis?.document
   ? ReactUseLayoutEffect
   : () => void 0;
diff --git a/nx-dev/ui-primitives/src/lib/use-media-query-effect.ts b/nx-dev/ui-primitives/src/lib/use-media-query-effect.ts
new file mode 100644
index 0000000000000..713fed444368d
--- /dev/null
+++ b/nx-dev/ui-primitives/src/lib/use-media-query-effect.ts
@@ -0,0 +1,43 @@
+'use client';
+import { useEffect, useState } from 'react';
+
+export function useMediaQueryEffect(query: string): boolean {
+  const getMatches = (query: string): boolean => {
+    // Prevents SSR issues
+    if (typeof window !== 'undefined') {
+      return window.matchMedia(query).matches;
+    }
+    return false;
+  };
+
+  const [matches, setMatches] = useState<boolean>(getMatches(query));
+
+  function handleChange() {
+    setMatches(getMatches(query));
+  }
+
+  useEffect(() => {
+    const matchMedia = window.matchMedia(query);
+
+    // Triggered at the first client-side load and if query changes
+    handleChange();
+
+    // Listen matchMedia
+    if (matchMedia.addListener) {
+      matchMedia.addListener(handleChange);
+    } else {
+      matchMedia.addEventListener('change', handleChange);
+    }
+
+    return () => {
+      if (matchMedia.removeListener) {
+        matchMedia.removeListener(handleChange);
+      } else {
+        matchMedia.removeEventListener('change', handleChange);
+      }
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [query]);
+
+  return matches;
+}
diff --git a/package.json b/package.json
index a8efa4122816c..1935e89735ca1 100644
--- a/package.json
+++ b/package.json
@@ -312,25 +312,29 @@
   "dependencies": {
     "@docsearch/react": "^3.3.0",
     "@headlessui/react": "^1.7.19",
-    "@heroicons/react": "^2.1.3",
+    "@heroicons/react": "^2.1.4",
     "@markdoc/markdoc": "0.2.2",
     "@monaco-editor/react": "^4.4.6",
     "@napi-rs/canvas": "^0.1.52",
+    "@react-spring/three": "^9.7.3",
+    "@react-three/drei": "^9.108.3",
+    "@react-three/fiber": "^8.16.8",
     "@tailwindcss/aspect-ratio": "^0.4.2",
     "@tailwindcss/forms": "^0.5.7",
-    "@tailwindcss/typography": "0.5.7",
+    "@tailwindcss/typography": "0.5.13",
     "@types/license-checker": "^25.0.3",
     "@types/minimatch": "^5.1.2",
+    "@types/three": "^0.166.0",
     "@widgetbot/react-embed": "^1.9.0",
     "@yarnpkg/lockfile": "^1.1.0",
     "@yarnpkg/parsers": "3.0.0-rc.46",
     "axios": "^1.6.0",
-    "classnames": "^2.3.1",
+    "classnames": "^2.5.1",
     "cliui": "^8.0.1",
     "core-js": "3.36.1",
     "enquirer": "~2.3.6",
     "fast-glob": "3.2.7",
-    "framer-motion": "^11.1.7",
+    "framer-motion": "^11.3.0",
     "front-matter": "^4.0.2",
     "glob": "7.1.4",
     "history": "^5.3.0",
@@ -348,10 +352,12 @@
     "react-syntax-highlighter": "^15.5.0",
     "regenerator-runtime": "0.13.7",
     "send": "0.17.1",
+    "shadergradient": "^1.2.14",
     "string-width": "^4.2.3",
     "strong-log-transformer": "^2.1.0",
-    "tailwind-merge": "^2.3.0",
-    "tailwindcss": "3.4.3",
+    "tailwind-merge": "^2.4.0",
+    "tailwindcss": "3.4.4",
+    "three": "^0.166.1",
     "tslib": "^2.3.0",
     "weak-napi": "^2.0.2",
     "webpack-cli": "^5.1.4"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 4999570b57273..107aa4e0696a0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -16,8 +16,8 @@ dependencies:
     specifier: ^1.7.19
     version: 1.7.19(react-dom@18.3.1)(react@18.3.1)
   '@heroicons/react':
-    specifier: ^2.1.3
-    version: 2.1.3(react@18.3.1)
+    specifier: ^2.1.4
+    version: 2.1.4(react@18.3.1)
   '@markdoc/markdoc':
     specifier: 0.2.2
     version: 0.2.2(@types/react@18.3.1)(react@18.3.1)
@@ -27,21 +27,33 @@ dependencies:
   '@napi-rs/canvas':
     specifier: ^0.1.52
     version: 0.1.52
+  '@react-spring/three':
+    specifier: ^9.7.3
+    version: 9.7.3(@react-three/fiber@8.16.8)(react@18.3.1)(three@0.166.1)
+  '@react-three/drei':
+    specifier: ^9.108.3
+    version: 9.108.3(@react-three/fiber@8.16.8)(@types/react@18.3.1)(@types/three@0.166.0)(immer@9.0.16)(react-dom@18.3.1)(react@18.3.1)(three@0.166.1)
+  '@react-three/fiber':
+    specifier: ^8.16.8
+    version: 8.16.8(react-dom@18.3.1)(react@18.3.1)(three@0.166.1)
   '@tailwindcss/aspect-ratio':
     specifier: ^0.4.2
-    version: 0.4.2(tailwindcss@3.4.3)
+    version: 0.4.2(tailwindcss@3.4.4)
   '@tailwindcss/forms':
     specifier: ^0.5.7
-    version: 0.5.7(tailwindcss@3.4.3)
+    version: 0.5.7(tailwindcss@3.4.4)
   '@tailwindcss/typography':
-    specifier: 0.5.7
-    version: 0.5.7(tailwindcss@3.4.3)
+    specifier: 0.5.13
+    version: 0.5.13(tailwindcss@3.4.4)
   '@types/license-checker':
     specifier: ^25.0.3
     version: 25.0.3
   '@types/minimatch':
     specifier: ^5.1.2
     version: 5.1.2
+  '@types/three':
+    specifier: ^0.166.0
+    version: 0.166.0
   '@widgetbot/react-embed':
     specifier: ^1.9.0
     version: 1.9.0(react@18.3.1)
@@ -55,8 +67,8 @@ dependencies:
     specifier: ^1.6.0
     version: 1.6.2
   classnames:
-    specifier: ^2.3.1
-    version: 2.3.2
+    specifier: ^2.5.1
+    version: 2.5.1
   cliui:
     specifier: ^8.0.1
     version: 8.0.1
@@ -70,8 +82,8 @@ dependencies:
     specifier: 3.2.7
     version: 3.2.7
   framer-motion:
-    specifier: ^11.1.7
-    version: 11.1.7(react-dom@18.3.1)(react@18.3.1)
+    specifier: ^11.3.0
+    version: 11.3.0(react-dom@18.3.1)(react@18.3.1)
   front-matter:
     specifier: ^4.0.2
     version: 4.0.2
@@ -123,6 +135,9 @@ dependencies:
   send:
     specifier: 0.17.1
     version: 0.17.1
+  shadergradient:
+    specifier: ^1.2.14
+    version: 1.2.14(@react-spring/three@9.7.3)(@react-three/drei@9.108.3)(@react-three/fiber@8.16.8)(react@18.3.1)(three@0.166.1)
   string-width:
     specifier: ^4.2.3
     version: 4.2.3
@@ -130,11 +145,14 @@ dependencies:
     specifier: ^2.1.0
     version: 2.1.0
   tailwind-merge:
-    specifier: ^2.3.0
-    version: 2.3.0
+    specifier: ^2.4.0
+    version: 2.4.0
   tailwindcss:
-    specifier: 3.4.3
-    version: 3.4.3(ts-node@10.9.1)
+    specifier: 3.4.4
+    version: 3.4.4(ts-node@10.9.1)
+  three:
+    specifier: ^0.166.1
+    version: 0.166.1
   tslib:
     specifier: ^2.3.0
     version: 2.4.0
@@ -154,7 +172,7 @@ devDependencies:
     version: 0.1801.0
   '@angular-devkit/build-angular':
     specifier: ~18.1.0
-    version: 18.1.0(@angular/compiler-cli@18.1.0)(@swc/core@1.5.7)(@types/node@18.19.8)(html-webpack-plugin@5.5.0)(jest-environment-jsdom@29.4.3)(jest@29.4.3)(ng-packagr@18.1.0)(stylus@0.59.0)(tailwindcss@3.4.3)(typescript@5.5.3)(webpack-cli@5.1.4)
+    version: 18.1.0(@angular/compiler-cli@18.1.0)(@swc/core@1.5.7)(@types/node@18.19.8)(html-webpack-plugin@5.5.0)(jest-environment-jsdom@29.4.3)(jest@29.4.3)(ng-packagr@18.1.0)(stylus@0.59.0)(tailwindcss@3.4.4)(typescript@5.5.3)(webpack-cli@5.1.4)
   '@angular-devkit/core':
     specifier: ~18.1.0
     version: 18.1.0
@@ -766,7 +784,7 @@ devDependencies:
     version: 3.1.29(@next/env@14.2.4)(next@14.2.5)
   ng-packagr:
     specifier: ~18.1.0
-    version: 18.1.0(@angular/compiler-cli@18.1.0)(tailwindcss@3.4.3)(tslib@2.4.0)(typescript@5.5.3)
+    version: 18.1.0(@angular/compiler-cli@18.1.0)(tailwindcss@3.4.4)(tslib@2.4.0)(typescript@5.5.3)
   node-fetch:
     specifier: ^2.6.7
     version: 2.6.7
@@ -1168,7 +1186,7 @@ packages:
       - chokidar
     dev: true
 
-  /@angular-devkit/build-angular@18.1.0(@angular/compiler-cli@18.1.0)(@swc/core@1.5.7)(@types/node@18.19.8)(html-webpack-plugin@5.5.0)(jest-environment-jsdom@29.4.3)(jest@29.4.3)(ng-packagr@18.1.0)(stylus@0.59.0)(tailwindcss@3.4.3)(typescript@5.5.3)(webpack-cli@5.1.4):
+  /@angular-devkit/build-angular@18.1.0(@angular/compiler-cli@18.1.0)(@swc/core@1.5.7)(@types/node@18.19.8)(html-webpack-plugin@5.5.0)(jest-environment-jsdom@29.4.3)(jest@29.4.3)(ng-packagr@18.1.0)(stylus@0.59.0)(tailwindcss@3.4.4)(typescript@5.5.3)(webpack-cli@5.1.4):
     resolution: {integrity: sha512-j/YrEFuEX90Pcyzjew6EcCoxT+Va0AlGjgWyVIuStNTEsCx9Vp7T2tS7w6LL1t6leM7gzf8f/ZKtvRPnAsWdQg==}
     engines: {node: ^18.19.1 || ^20.11.1 || >=22.0.0, npm: ^6.11.0 || ^7.5.6 || >=8.0.0, yarn: '>= 1.13.0'}
     peerDependencies:
@@ -1213,7 +1231,7 @@ packages:
       '@angular-devkit/architect': 0.1801.0
       '@angular-devkit/build-webpack': 0.1801.0(webpack-dev-server@5.0.4)(webpack@5.92.1)
       '@angular-devkit/core': 18.1.0
-      '@angular/build': 18.1.0(@angular/compiler-cli@18.1.0)(@types/node@18.19.8)(less@4.2.0)(postcss@8.4.38)(stylus@0.59.0)(tailwindcss@3.4.3)(terser@5.29.2)(typescript@5.5.3)
+      '@angular/build': 18.1.0(@angular/compiler-cli@18.1.0)(@types/node@18.19.8)(less@4.2.0)(postcss@8.4.38)(stylus@0.59.0)(tailwindcss@3.4.4)(terser@5.29.2)(typescript@5.5.3)
       '@angular/compiler-cli': 18.1.0(@angular/compiler@18.1.0)(typescript@5.5.3)
       '@babel/core': 7.24.7
       '@babel/generator': 7.24.7
@@ -1250,7 +1268,7 @@ packages:
       magic-string: 0.30.10
       mini-css-extract-plugin: 2.9.0(webpack@5.92.1)
       mrmime: 2.0.0
-      ng-packagr: 18.1.0(@angular/compiler-cli@18.1.0)(tailwindcss@3.4.3)(tslib@2.4.0)(typescript@5.5.3)
+      ng-packagr: 18.1.0(@angular/compiler-cli@18.1.0)(tailwindcss@3.4.4)(tslib@2.4.0)(typescript@5.5.3)
       open: 10.1.0
       ora: 5.4.1
       parse5-html-rewriting-stream: 7.0.0
@@ -1265,7 +1283,7 @@ packages:
       semver: 7.6.2
       source-map-loader: 5.0.0(webpack@5.92.1)
       source-map-support: 0.5.21
-      tailwindcss: 3.4.3(ts-node@10.9.1)
+      tailwindcss: 3.4.4(ts-node@10.9.1)
       terser: 5.29.2
       tree-kill: 1.2.2
       tslib: 2.6.3
@@ -1478,7 +1496,7 @@ packages:
       typescript: 5.5.3
     dev: true
 
-  /@angular/build@18.1.0(@angular/compiler-cli@18.1.0)(@types/node@18.19.8)(less@4.2.0)(postcss@8.4.38)(stylus@0.59.0)(tailwindcss@3.4.3)(terser@5.29.2)(typescript@5.5.3):
+  /@angular/build@18.1.0(@angular/compiler-cli@18.1.0)(@types/node@18.19.8)(less@4.2.0)(postcss@8.4.38)(stylus@0.59.0)(tailwindcss@3.4.4)(terser@5.29.2)(typescript@5.5.3):
     resolution: {integrity: sha512-4yLrGqMDoNBis2Z4s8F3wSqlB2XLtwy/10tREBk9xVaCojERiwDvtHqzbMeHqD6ZMGDFtdhI12q8FT5jZVUmAw==}
     engines: {node: ^18.19.1 || ^20.11.1 || >=22.0.0, npm: ^6.11.0 || ^7.5.6 || >=8.0.0, yarn: '>= 1.13.0'}
     peerDependencies:
@@ -1531,7 +1549,7 @@ packages:
       rollup: 4.18.0
       sass: 1.77.6
       semver: 7.6.2
-      tailwindcss: 3.4.3(ts-node@10.9.1)
+      tailwindcss: 3.4.4(ts-node@10.9.1)
       typescript: 5.5.3
       undici: 6.19.2
       vite: 5.3.2(@types/node@18.19.8)(less@4.2.0)(sass@1.77.6)(stylus@0.59.0)(terser@5.29.2)
@@ -7408,13 +7426,13 @@ packages:
     engines: {node: '>=6.9.0'}
     dependencies:
       regenerator-runtime: 0.14.0
+    dev: true
 
   /@babel/runtime@7.24.7:
     resolution: {integrity: sha512-UwgBRMjJP+xv857DCngvqXI3Iq6J4v0wXmwc6sapg+zyhbwmQX67LUEFrkK5tbyJ30jGuG3ZvWpBiB9LCy1kWw==}
     engines: {node: '>=6.9.0'}
     dependencies:
       regenerator-runtime: 0.14.0
-    dev: true
 
   /@babel/standalone@7.23.10:
     resolution: {integrity: sha512-xqWviI/pt1Zb/d+6ilWa5IDL2mkDzsBnlHbreqnfyP3/QB/ofQ1bNVcHj8YQX154Rf/xZKR6y0s1ydVF3nAS8g==}
@@ -9606,8 +9624,8 @@ packages:
       react-dom: 18.3.1(react@18.3.1)
     dev: false
 
-  /@heroicons/react@2.1.3(react@18.3.1):
-    resolution: {integrity: sha512-fEcPfo4oN345SoqdlCDdSa4ivjaKbk0jTd+oubcgNxnNgAfzysfwWfQUr+51wigiWHQQRiZNd1Ao0M5Y3M2EGg==}
+  /@heroicons/react@2.1.4(react@18.3.1):
+    resolution: {integrity: sha512-ju0wj0wwrUTMQ2Yceyrma7TKuI3BpSjp+qKqV81K9KGcUHdvTMdiwfRc2cwXBp3uXtKuDZkh0v03nWOQnJFv2Q==}
     peerDependencies:
       react: '>= 16'
     dependencies:
@@ -10099,9 +10117,9 @@ packages:
     resolution: {integrity: sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==}
     engines: {node: '>=6.0.0'}
     dependencies:
-      '@jridgewell/set-array': 1.1.2
+      '@jridgewell/set-array': 1.2.1
       '@jridgewell/sourcemap-codec': 1.4.15
-      '@jridgewell/trace-mapping': 0.3.21
+      '@jridgewell/trace-mapping': 0.3.25
 
   /@jridgewell/gen-mapping@0.3.5:
     resolution: {integrity: sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==}
@@ -10120,10 +10138,6 @@ packages:
     resolution: {integrity: sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==}
     engines: {node: '>=6.0.0'}
 
-  /@jridgewell/set-array@1.1.2:
-    resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==}
-    engines: {node: '>=6.0.0'}
-
   /@jridgewell/set-array@1.2.1:
     resolution: {integrity: sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==}
     engines: {node: '>=6.0.0'}
@@ -10370,6 +10384,10 @@ packages:
       react: 18.3.1
     dev: true
 
+  /@mediapipe/tasks-vision@0.10.8:
+    resolution: {integrity: sha512-Rp7ll8BHrKB3wXaRFKhrltwZl1CiXGdibPxuWXvqGnKTnv8fqa/nvftYNuSbf+pbJWKYCXdBtYTITdAUTGGh0Q==}
+    dev: false
+
   /@module-federation/bridge-react-webpack-plugin@0.2.3:
     resolution: {integrity: sha512-RpFoo25kMaGkQpbwOhcYuF9cDNdo7FTFm6LceBbje8CkVaX8ekR9foXvKYoykbmCi/SbLw0WcXnq7/5y0UZ4nQ==}
     dependencies:
@@ -10571,6 +10589,15 @@ packages:
       - debug
     dev: true
 
+  /@monogrid/gainmap-js@3.0.5(three@0.166.1):
+    resolution: {integrity: sha512-53sCTG4FaJBaAq/tcufARtVYDMDGqyBT9i7F453pWGhZ5LqubDHDWtYoHo9VhQqMcHTEexdJqSsR58y+9HVmQA==}
+    peerDependencies:
+      three: '>= 0.159.0'
+    dependencies:
+      promise-worker-transferable: 1.0.4
+      three: 0.166.1
+    dev: false
+
   /@msgpackr-extract/msgpackr-extract-darwin-arm64@3.0.2:
     resolution: {integrity: sha512-9bfjwDxIDWmmOKusUcqdS4Rw+SETlp9Dy39Xui9BEGEk19dDwH0jhipwFzEff/pFg95NKymc6TOTbRKcWeRqyQ==}
     cpu: [arm64]
@@ -11447,6 +11474,9 @@ packages:
       urlpattern-polyfill: 8.0.2
     dev: true
 
+  /@next/env@14.2.3:
+    resolution: {integrity: sha512-W7fd7IbkfmeeY2gXrzJYDx8D2lWKbVoTIj1o1ScPHNzvp30s1AuoEFSdr39bC5sjxJaxTtq3OTCZboNp0lNWHA==}
+
   /@next/env@14.2.4:
     resolution: {integrity: sha512-3EtkY5VDkuV2+lNmKlbkibIJxcO4oIHEhBWne6PaAp+76J9KoSsGvNikp6ivzAT8dhhBMYrm6op2pS1ApG0Hzg==}
     dev: true
@@ -12350,7 +12380,7 @@ packages:
       esbuild:
         optional: true
     dependencies:
-      '@angular-devkit/build-angular': 18.1.0(@angular/compiler-cli@18.1.0)(@swc/core@1.5.7)(@types/node@18.19.8)(html-webpack-plugin@5.5.0)(jest-environment-jsdom@29.4.3)(jest@29.4.3)(ng-packagr@18.1.0)(stylus@0.59.0)(tailwindcss@3.4.3)(typescript@5.5.3)(webpack-cli@5.1.4)
+      '@angular-devkit/build-angular': 18.1.0(@angular/compiler-cli@18.1.0)(@swc/core@1.5.7)(@types/node@18.19.8)(html-webpack-plugin@5.5.0)(jest-environment-jsdom@29.4.3)(jest@29.4.3)(ng-packagr@18.1.0)(stylus@0.59.0)(tailwindcss@3.4.4)(typescript@5.5.3)(webpack-cli@5.1.4)
       '@angular-devkit/core': 18.1.0
       '@angular-devkit/schematics': 18.1.0
       '@nrwl/angular': 19.4.0-rc.1(@angular-devkit/build-angular@18.1.0)(@angular-devkit/core@18.1.0)(@angular-devkit/schematics@18.1.0)(@schematics/angular@18.1.0)(@swc-node/register@1.9.1)(@swc/core@1.5.7)(@types/node@18.19.8)(@zkochan/js-yaml@0.0.7)(esbuild@0.19.5)(eslint@8.57.0)(html-webpack-plugin@5.5.0)(nx@19.4.0-rc.1)(rxjs@7.8.1)(typescript@5.5.3)(verdaccio@5.31.0)(webpack-cli@5.1.4)
@@ -14381,6 +14411,197 @@ packages:
       '@babel/runtime': 7.24.7
     dev: true
 
+  /@react-spring/animated@9.6.1(react@18.3.1):
+    resolution: {integrity: sha512-ls/rJBrAqiAYozjLo5EPPLLOb1LM0lNVQcXODTC1SMtS6DbuBCPaKco5svFUQFMP2dso3O+qcC4k9FsKc0KxMQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      '@react-spring/shared': 9.6.1(react@18.3.1)
+      '@react-spring/types': 9.6.1
+      react: 18.3.1
+    dev: false
+
+  /@react-spring/animated@9.7.3(react@18.3.1):
+    resolution: {integrity: sha512-5CWeNJt9pNgyvuSzQH+uy2pvTg8Y4/OisoscZIR8/ZNLIOI+CatFBhGZpDGTF/OzdNFsAoGk3wiUYTwoJ0YIvw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      '@react-spring/shared': 9.7.3(react@18.3.1)
+      '@react-spring/types': 9.7.3
+      react: 18.3.1
+    dev: false
+
+  /@react-spring/core@9.6.1(react@18.3.1):
+    resolution: {integrity: sha512-3HAAinAyCPessyQNNXe5W0OHzRfa8Yo5P748paPcmMowZ/4sMfaZ2ZB6e5x5khQI8NusOHj8nquoutd6FRY5WQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      '@react-spring/animated': 9.6.1(react@18.3.1)
+      '@react-spring/rafz': 9.6.1
+      '@react-spring/shared': 9.6.1(react@18.3.1)
+      '@react-spring/types': 9.6.1
+      react: 18.3.1
+    dev: false
+
+  /@react-spring/core@9.7.3(react@18.3.1):
+    resolution: {integrity: sha512-IqFdPVf3ZOC1Cx7+M0cXf4odNLxDC+n7IN3MDcVCTIOSBfqEcBebSv+vlY5AhM0zw05PDbjKrNmBpzv/AqpjnQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      '@react-spring/animated': 9.7.3(react@18.3.1)
+      '@react-spring/shared': 9.7.3(react@18.3.1)
+      '@react-spring/types': 9.7.3
+      react: 18.3.1
+    dev: false
+
+  /@react-spring/rafz@9.6.1:
+    resolution: {integrity: sha512-v6qbgNRpztJFFfSE3e2W1Uz+g8KnIBs6SmzCzcVVF61GdGfGOuBrbjIcp+nUz301awVmREKi4eMQb2Ab2gGgyQ==}
+    dev: false
+
+  /@react-spring/shared@9.6.1(react@18.3.1):
+    resolution: {integrity: sha512-PBFBXabxFEuF8enNLkVqMC9h5uLRBo6GQhRMQT/nRTnemVENimgRd+0ZT4yFnAQ0AxWNiJfX3qux+bW2LbG6Bw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      '@react-spring/rafz': 9.6.1
+      '@react-spring/types': 9.6.1
+      react: 18.3.1
+    dev: false
+
+  /@react-spring/shared@9.7.3(react@18.3.1):
+    resolution: {integrity: sha512-NEopD+9S5xYyQ0pGtioacLhL2luflh6HACSSDUZOwLHoxA5eku1UPuqcJqjwSD6luKjjLfiLOspxo43FUHKKSA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      '@react-spring/types': 9.7.3
+      react: 18.3.1
+    dev: false
+
+  /@react-spring/three@9.6.1(@react-three/fiber@8.16.8)(react@18.3.1)(three@0.166.1):
+    resolution: {integrity: sha512-Tyw2YhZPKJAX3t2FcqvpLRb71CyTe1GvT3V+i+xJzfALgpk10uPGdGaQQ5Xrzmok1340DAeg2pR/MCfaW7b8AA==}
+    peerDependencies:
+      '@react-three/fiber': '>=6.0'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      three: '>=0.126'
+    dependencies:
+      '@react-spring/animated': 9.6.1(react@18.3.1)
+      '@react-spring/core': 9.6.1(react@18.3.1)
+      '@react-spring/shared': 9.6.1(react@18.3.1)
+      '@react-spring/types': 9.6.1
+      '@react-three/fiber': 8.16.8(react-dom@18.3.1)(react@18.3.1)(three@0.166.1)
+      react: 18.3.1
+      three: 0.166.1
+    dev: false
+
+  /@react-spring/three@9.7.3(@react-three/fiber@8.16.8)(react@18.3.1)(three@0.166.1):
+    resolution: {integrity: sha512-Q1p512CqUlmMK8UMBF/Rj79qndhOWq4XUTayxMP9S892jiXzWQuj+xC3Xvm59DP/D4JXusXpxxqfgoH+hmOktA==}
+    peerDependencies:
+      '@react-three/fiber': '>=6.0'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      three: '>=0.126'
+    dependencies:
+      '@react-spring/animated': 9.7.3(react@18.3.1)
+      '@react-spring/core': 9.7.3(react@18.3.1)
+      '@react-spring/shared': 9.7.3(react@18.3.1)
+      '@react-spring/types': 9.7.3
+      '@react-three/fiber': 8.16.8(react-dom@18.3.1)(react@18.3.1)(three@0.166.1)
+      react: 18.3.1
+      three: 0.166.1
+    dev: false
+
+  /@react-spring/types@9.6.1:
+    resolution: {integrity: sha512-POu8Mk0hIU3lRXB3bGIGe4VHIwwDsQyoD1F394OK7STTiX9w4dG3cTLljjYswkQN+hDSHRrj4O36kuVa7KPU8Q==}
+    dev: false
+
+  /@react-spring/types@9.7.3:
+    resolution: {integrity: sha512-Kpx/fQ/ZFX31OtlqVEFfgaD1ACzul4NksrvIgYfIFq9JpDHFwQkMVZ10tbo0FU/grje4rcL4EIrjekl3kYwgWw==}
+    dev: false
+
+  /@react-three/drei@9.108.3(@react-three/fiber@8.16.8)(@types/react@18.3.1)(@types/three@0.166.0)(immer@9.0.16)(react-dom@18.3.1)(react@18.3.1)(three@0.166.1):
+    resolution: {integrity: sha512-414jioJq9hGaq24kCfwCZ2mQ9HLkikICTmDjxU5eHaOYwT6MiSrfxZnFDsUNWUwY0GeuF9M8hJjsGagCtGA22Q==}
+    peerDependencies:
+      '@react-three/fiber': '>=8.0'
+      react: '>=18.0'
+      react-dom: '>=18.0'
+      three: '>=0.137'
+    peerDependenciesMeta:
+      react-dom:
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.24.7
+      '@mediapipe/tasks-vision': 0.10.8
+      '@monogrid/gainmap-js': 3.0.5(three@0.166.1)
+      '@react-spring/three': 9.6.1(@react-three/fiber@8.16.8)(react@18.3.1)(three@0.166.1)
+      '@react-three/fiber': 8.16.8(react-dom@18.3.1)(react@18.3.1)(three@0.166.1)
+      '@use-gesture/react': 10.3.1(react@18.3.1)
+      camera-controls: 2.8.5(three@0.166.1)
+      cross-env: 7.0.3
+      detect-gpu: 5.0.38
+      glsl-noise: 0.0.0
+      hls.js: 1.3.5
+      maath: 0.10.8(@types/three@0.166.0)(three@0.166.1)
+      meshline: 3.3.1(three@0.166.1)
+      react: 18.3.1
+      react-composer: 5.0.3(react@18.3.1)
+      react-dom: 18.3.1(react@18.3.1)
+      stats-gl: 2.2.8
+      stats.js: 0.17.0
+      suspend-react: 0.1.3(react@18.3.1)
+      three: 0.166.1
+      three-mesh-bvh: 0.7.6(three@0.166.1)
+      three-stdlib: 2.30.4(three@0.166.1)
+      troika-three-text: 0.49.1(three@0.166.1)
+      tunnel-rat: 0.1.2(@types/react@18.3.1)(immer@9.0.16)(react@18.3.1)
+      utility-types: 3.11.0
+      uuid: 9.0.1
+      zustand: 3.7.2(react@18.3.1)
+    transitivePeerDependencies:
+      - '@types/react'
+      - '@types/three'
+      - immer
+    dev: false
+
+  /@react-three/fiber@8.16.8(react-dom@18.3.1)(react@18.3.1)(three@0.166.1):
+    resolution: {integrity: sha512-Lc8fjATtvQEfSd8d5iKdbpHtRm/aPMeFj7jQvp6TNHfpo8IQTW3wwcE1ZMrGGoUH+w2mnyS+0MK1NLPLnuzGkQ==}
+    peerDependencies:
+      expo: '>=43.0'
+      expo-asset: '>=8.4'
+      expo-file-system: '>=11.0'
+      expo-gl: '>=11.0'
+      react: '>=18.0'
+      react-dom: '>=18.0'
+      react-native: '>=0.64'
+      three: '>=0.133'
+    peerDependenciesMeta:
+      expo:
+        optional: true
+      expo-asset:
+        optional: true
+      expo-file-system:
+        optional: true
+      expo-gl:
+        optional: true
+      react-dom:
+        optional: true
+      react-native:
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.24.7
+      '@types/react-reconciler': 0.26.7
+      '@types/webxr': 0.5.19
+      base64-js: 1.5.1
+      buffer: 6.0.3
+      its-fine: 1.2.5(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      react-reconciler: 0.27.0(react@18.3.1)
+      react-use-measure: 2.1.1(react-dom@18.3.1)(react@18.3.1)
+      scheduler: 0.21.0
+      suspend-react: 0.1.3(react@18.3.1)
+      three: 0.166.1
+      zustand: 3.7.2(react@18.3.1)
+    dev: false
+
   /@reduxjs/toolkit@1.9.0(react-redux@8.0.5)(react@18.3.1):
     resolution: {integrity: sha512-ak11IrjYcUXRqlhNPwnz6AcvA2ynJTu8PzDbbqQw4a3xR4KZtgiqbNblQD+10CRbfK4+5C79SOyxnT9dhBqFnA==}
     peerDependencies:
@@ -16907,25 +17128,25 @@ packages:
       defer-to-connect: 2.0.1
     dev: true
 
-  /@tailwindcss/aspect-ratio@0.4.2(tailwindcss@3.4.3):
+  /@tailwindcss/aspect-ratio@0.4.2(tailwindcss@3.4.4):
     resolution: {integrity: sha512-8QPrypskfBa7QIMuKHg2TA7BqES6vhBrDLOv8Unb6FcFyd3TjKbc6lcmb9UPQHxfl24sXoJ41ux/H7qQQvfaSQ==}
     peerDependencies:
       tailwindcss: '>=2.0.0 || >=3.0.0 || >=3.0.0-alpha.1'
     dependencies:
-      tailwindcss: 3.4.3(ts-node@10.9.1)
+      tailwindcss: 3.4.4(ts-node@10.9.1)
     dev: false
 
-  /@tailwindcss/forms@0.5.7(tailwindcss@3.4.3):
+  /@tailwindcss/forms@0.5.7(tailwindcss@3.4.4):
     resolution: {integrity: sha512-QE7X69iQI+ZXwldE+rzasvbJiyV/ju1FGHH0Qn2W3FKbuYtqp8LKcy6iSw79fVUT5/Vvf+0XgLCeYVG+UV6hOw==}
     peerDependencies:
       tailwindcss: '>=3.0.0 || >= 3.0.0-alpha.1'
     dependencies:
       mini-svg-data-uri: 1.4.4
-      tailwindcss: 3.4.3(ts-node@10.9.1)
+      tailwindcss: 3.4.4(ts-node@10.9.1)
     dev: false
 
-  /@tailwindcss/typography@0.5.7(tailwindcss@3.4.3):
-    resolution: {integrity: sha512-JTTSTrgZfp6Ki4svhPA4mkd9nmQ/j9EfE7SbHJ1cLtthKkpW2OxsFXzSmxbhYbEkfNIyAyhle5p4SYyKRbz/jg==}
+  /@tailwindcss/typography@0.5.13(tailwindcss@3.4.4):
+    resolution: {integrity: sha512-ADGcJ8dX21dVVHIwTRgzrcunY6YY9uSlAHHGVKvkA+vLc5qLwEszvKts40lx7z0qc4clpjclwLeK5rVCV2P/uw==}
     peerDependencies:
       tailwindcss: '>=3.0.0 || insiders'
     dependencies:
@@ -16933,7 +17154,7 @@ packages:
       lodash.isplainobject: 4.0.6
       lodash.merge: 4.6.2
       postcss-selector-parser: 6.0.10
-      tailwindcss: 3.4.3(ts-node@10.9.1)
+      tailwindcss: 3.4.4(ts-node@10.9.1)
     dev: false
 
   /@tanstack/react-virtual@3.5.0(react-dom@18.3.1)(react@18.3.1):
@@ -17023,6 +17244,10 @@ packages:
       minimatch: 9.0.3
     dev: true
 
+  /@tweenjs/tween.js@23.1.2:
+    resolution: {integrity: sha512-kMCNaZCJugWI86xiEHaY338CU5JpD0B97p1j1IKNn/Zto8PgACjQx0UxbHjmOcLl/dDOBnItwD07KmCs75pxtQ==}
+    dev: false
+
   /@tybys/wasm-util@0.9.0:
     resolution: {integrity: sha512-6+7nlbMVX/PVDCwaIQ8nTOPveOcFLSt8GcXdx8hD0bt39uWxYT88uXzqTd4fTvqta7oeUJqudepapKNt2DYJFw==}
     dependencies:
@@ -17156,6 +17381,10 @@ packages:
     resolution: {integrity: sha512-KlEqPtaNBHBJ2/fVA4yLdD0Tc8zw34pKU4K5SHBIEwtLJ8xxumIC1xeG+4S+/9qhVj2MqC7O3Ld8WvDG4HqlgA==}
     dev: true
 
+  /@types/draco3d@1.4.10:
+    resolution: {integrity: sha512-AX22jp8Y7wwaBgAixaSvkoG4M/+PlAcm3Qs4OW8yT9DM4xUpWKeFhLueTAyZF39pviAdcDdeJoACapiAceqNcw==}
+    dev: false
+
   /@types/ejs@3.1.2:
     resolution: {integrity: sha512-ZmiaE3wglXVWBM9fyVC17aGPkLo/UgaOjEiI2FXQfyczrCefORPxIe+2dVmnmk3zkVIbizjrlQzmPGhSYGXG5g==}
     dev: true
@@ -17490,6 +17719,10 @@ packages:
     resolution: {integrity: sha512-452/1Kp9IdM/oR10AyqAgZOxUt7eLbm+EMJ194L6oarMYdZNiFIFAOJ7IIr0OrZXTySgfHjJezh2oiyk2kc3ag==}
     dev: true
 
+  /@types/offscreencanvas@2019.7.3:
+    resolution: {integrity: sha512-ieXiYmgSRXUDeOntE1InxjWyvEelZGP63M+cGuquuRLuIKKT1osnkXjxev9B7d1nXSug5vpunx+gNlbVxMlC9A==}
+    dev: false
+
   /@types/parse-json@4.0.0:
     resolution: {integrity: sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==}
     dev: true
@@ -17521,6 +17754,18 @@ packages:
       '@types/react': 18.3.1
     dev: true
 
+  /@types/react-reconciler@0.26.7:
+    resolution: {integrity: sha512-mBDYl8x+oyPX/VBb3E638N0B7xG+SPk/EAMcVPeexqus/5aTpTphQi0curhhshOqRrc9t6OPoJfEUkbymse/lQ==}
+    dependencies:
+      '@types/react': 18.3.1
+    dev: false
+
+  /@types/react-reconciler@0.28.8:
+    resolution: {integrity: sha512-SN9c4kxXZonFhbX4hJrZy37yw9e7EIxcpHCxQv5JUS18wDE5ovkQKlqQEkufdJCCMfuI9BnjUJvhYeJ9x5Ra7g==}
+    dependencies:
+      '@types/react': 18.3.1
+    dev: false
+
   /@types/react@18.3.1:
     resolution: {integrity: sha512-V0kuGBX3+prX+DQ/7r2qsv1NsdfnCLnTgnRJ1pYnxykBhGMz+qj+box5lq7XsO5mtZsBqpjwwTu/7wszPfMBcw==}
     dependencies:
@@ -17605,12 +17850,36 @@ packages:
     resolution: {integrity: sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw==}
     dev: true
 
+  /@types/stats.js@0.17.3:
+    resolution: {integrity: sha512-pXNfAD3KHOdif9EQXZ9deK82HVNaXP5ZIF5RP2QG6OQFNTaY2YIetfrE9t528vEreGQvEPRDDc8muaoYeK0SxQ==}
+    dev: false
+
   /@types/tar-stream@2.2.2:
     resolution: {integrity: sha512-1AX+Yt3icFuU6kxwmPakaiGrJUwG44MpuiqPg4dSolRFk6jmvs4b3IbUol9wKDLIgU76gevn3EwE8y/DkSJCZQ==}
     dependencies:
       '@types/node': 18.19.8
     dev: true
 
+  /@types/three@0.163.0:
+    resolution: {integrity: sha512-uIdDhsXRpQiBUkflBS/i1l3JX14fW6Ot9csed60nfbZNXHDTRsnV2xnTVwXcgbvTiboAR4IW+t+lTL5f1rqIqA==}
+    dependencies:
+      '@tweenjs/tween.js': 23.1.2
+      '@types/stats.js': 0.17.3
+      '@types/webxr': 0.5.19
+      fflate: 0.8.2
+      meshoptimizer: 0.18.1
+    dev: false
+
+  /@types/three@0.166.0:
+    resolution: {integrity: sha512-FHMnpcdhdbdOOIYbfkTkUVpYMW53odxbTRwd0/xJpYnTzEsjnVnondGAvHZb4z06UW0vo6WPVuvH0/9qrxKx7g==}
+    dependencies:
+      '@tweenjs/tween.js': 23.1.2
+      '@types/stats.js': 0.17.3
+      '@types/webxr': 0.5.19
+      fflate: 0.8.2
+      meshoptimizer: 0.18.1
+    dev: false
+
   /@types/tmp@0.2.3:
     resolution: {integrity: sha512-dDZH/tXzwjutnuk4UacGgFRwV+JSLaXL1ikvidfJprkb7L9Nx1njcRHHmi3Dsvt7pgqqTEeucQuOrWHPFgzVHA==}
     dev: true
@@ -17636,6 +17905,10 @@ packages:
       '@types/node': 18.19.8
     dev: true
 
+  /@types/webxr@0.5.19:
+    resolution: {integrity: sha512-4hxA+NwohSgImdTSlPXEqDqqFktNgmTXQ05ff1uWam05tNGroCMp4G+4XVl6qWm1p7GQ/9oD41kAYsSssF6Mzw==}
+    dev: false
+
   /@types/wrap-ansi@3.0.0:
     resolution: {integrity: sha512-ltIpx+kM7g/MLRZfkbL7EsCEjfzCcScLpkg37eXEtx5kmrAKBkTJwd1GIAjDSL8wTpM6Hzn5YO4pSb91BEwu1g==}
     dev: true
@@ -17969,6 +18242,19 @@ packages:
       vue: 3.4.15(typescript@5.5.3)
     dev: true
 
+  /@use-gesture/core@10.3.1:
+    resolution: {integrity: sha512-WcINiDt8WjqBdUXye25anHiNxPc0VOrlT8F6LLkU6cycrOGUDyY/yyFmsg3k8i5OLvv25llc0QC45GhR/C8llw==}
+    dev: false
+
+  /@use-gesture/react@10.3.1(react@18.3.1):
+    resolution: {integrity: sha512-Yy19y6O2GJq8f7CHf7L0nxL8bf4PZCPaVOCgJrusOeFHY1LvHgYXnmnXg6N5iwAnbgbZCDjo60SiM6IPJi9C5g==}
+    peerDependencies:
+      react: '>= 16.8.0'
+    dependencies:
+      '@use-gesture/core': 10.3.1
+      react: 18.3.1
+    dev: false
+
   /@vanilla-extract/babel-plugin-debug-ids@1.0.3:
     resolution: {integrity: sha512-vm4jYu1xhSa6ofQ9AhIpR3DkAp4c+eoR1Rpm8/TQI4DmWbmGbOjYRcqV0aWsfaIlNhN4kFuxFMKBNN9oG6iRzA==}
     dependencies:
@@ -20072,7 +20358,6 @@ packages:
 
   /base64-js@1.5.1:
     resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
-    dev: true
 
   /basic-auth@2.0.1:
     resolution: {integrity: sha512-NF+epuEdnUYVlGuhaxbbq+dvJttwLnGY+YixlXlME5KpQ5W3CnXA5cVTneY3SPbPDRkcjMbifrwmFYcClgOZeg==}
@@ -20109,6 +20394,12 @@ packages:
       open: 8.4.2
     dev: true
 
+  /bidi-js@1.0.3:
+    resolution: {integrity: sha512-RKshQI1R3YQ+n9YJz2QQ147P66ELpa1FQEg20Dk8oW9t2KgLbpDLLp9aGZ7y8WHSshDknG0bknqGw5/tyCs5tw==}
+    dependencies:
+      require-from-string: 2.0.2
+    dev: false
+
   /big-integer@1.6.51:
     resolution: {integrity: sha512-GPEid2Y9QU1Exl1rpO9B2IPJGHPSupF5GnVIP0blYvNOMer2bTvSWs1jGOUg04hTmu67nmLsQ9TBo1puaotBHg==}
     engines: {node: '>=0.6'}
@@ -20404,7 +20695,6 @@ packages:
     dependencies:
       base64-js: 1.5.1
       ieee754: 1.2.1
-    dev: true
 
   /buffers@0.1.1:
     resolution: {integrity: sha512-9q/rDEGSb/Qsvv2qvzIzdluL5k7AaJOTrw23z9reQthrbF7is4CtlT0DXyO1oei2DCp4uojjzQ7igaSHp1kAEQ==}
@@ -20660,6 +20950,14 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
+  /camera-controls@2.8.5(three@0.166.1):
+    resolution: {integrity: sha512-7VTwRk7Nu1nRKsY7bEt9HVBfKt8DETvzyYhLN4OW26OByBayMDB5fUaNcPI+z++vG23RH5yqn6ZRhZcgLQy2rA==}
+    peerDependencies:
+      three: '>=0.126.1'
+    dependencies:
+      three: 0.166.1
+    dev: false
+
   /caniuse-api@3.0.0:
     resolution: {integrity: sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==}
     dependencies:
@@ -20824,7 +21122,6 @@ packages:
       readdirp: 3.6.0
     optionalDependencies:
       fsevents: 2.3.3
-    dev: true
 
   /chownr@1.1.4:
     resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==}
@@ -20867,8 +21164,8 @@ packages:
     resolution: {integrity: sha512-0TNiGstbQmCFwt4akjjBg5pLRTSyj/PkWQ1ZoO2zntmg9yLqSRxwEa4iCfQLGjqhiqBfOJa7W/E8wfGrTDmlZQ==}
     dev: true
 
-  /classnames@2.3.2:
-    resolution: {integrity: sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw==}
+  /classnames@2.5.1:
+    resolution: {integrity: sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==}
     dev: false
 
   /clean-css@5.3.1:
@@ -21678,6 +21975,14 @@ packages:
       zalgo-promise: 1.0.48
     dev: false
 
+  /cross-env@7.0.3:
+    resolution: {integrity: sha512-+/HKd6EgcQCJGh2PSjZuUitQBQynKor4wrFbRg4DtAgS1aWO+gU52xpH7M9ScGgXSYmAVS9bIJ8EzuaGw0oNAw==}
+    engines: {node: '>=10.14', npm: '>=6', yarn: '>=1'}
+    hasBin: true
+    dependencies:
+      cross-spawn: 7.0.3
+    dev: false
+
   /cross-fetch@3.1.8:
     resolution: {integrity: sha512-cvA+JwZoU0Xq+h6WkMvAUqPEYy92Obet6UdKLfW60qn99ftItKjB5T+BkyWOFWe2pUyfQ+IJHmpOTznqk1M6Kg==}
     dependencies:
@@ -22242,6 +22547,10 @@ packages:
     resolution: {integrity: sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ==}
     dev: true
 
+  /debounce@1.2.1:
+    resolution: {integrity: sha512-XRRe6Glud4rd/ZGQfiV1ruXSfbvfJedlV9Y6zOlP+2K04vBYiJEte6stfFkCP03aMnY5tsipamumUjL14fofug==}
+    dev: false
+
   /debug@2.6.9:
     resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==}
     peerDependencies:
@@ -22501,6 +22810,12 @@ packages:
     resolution: {integrity: sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==}
     engines: {node: '>= 0.8', npm: 1.2.8000 || >= 1.4.16}
 
+  /detect-gpu@5.0.38:
+    resolution: {integrity: sha512-36QeGHSXYcJ/RfrnPEScR8GDprbXFG4ZhXsfVNVHztZr38+fRxgHnJl3CjYXXjbeRUhu3ZZBJh6Lg0A9v0Qd8A==}
+    dependencies:
+      webgl-constants: 1.1.1
+    dev: false
+
   /detect-libc@1.0.3:
     resolution: {integrity: sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==}
     engines: {node: '>=0.10'}
@@ -22720,6 +23035,10 @@ packages:
     engines: {node: '>=12'}
     dev: true
 
+  /draco3d@1.5.7:
+    resolution: {integrity: sha512-m6WCKt/erDXcw+70IJXnG7M3awwQPAsZvJGX5zY7beBqpELw6RDGkYVU0W43AFxye4pDZ5i2Lbyc/NNGqwjUVQ==}
+    dev: false
+
   /duplexer2@0.1.4:
     resolution: {integrity: sha512-asLFVfWWtJ90ZyOUHMqk7/S2w2guQKxUI2itj3d92ADHhxUSbCMGi1f1cBcJ7xM1To+pE/Khbwo1yuNbMEPKeA==}
     dependencies:
@@ -24462,6 +24781,14 @@ packages:
     resolution: {integrity: sha512-uJQyMrX5IJZkhoEUBQ3EjxkeiZkppBd5jS/fMTJmfZxLSiaQjv2zD0kTvuvkSH89uFvgSlB6ueGpjD3HWN7Bxw==}
     dev: true
 
+  /fflate@0.6.10:
+    resolution: {integrity: sha512-IQrh3lEPM93wVCEczc9SaAOvkmcoQn/G8Bo1e8ZPlY3X3bnAxWaBdvTdvM1hP62iZp0BXWDy4vTAy4fF0+Dlpg==}
+    dev: false
+
+  /fflate@0.8.2:
+    resolution: {integrity: sha512-cPJU47OaAoCbg0pBvzsgpTPhmhqI5eJjh/JIu8tPj5q+T7iLvW/JAYUqmE7KOB4R1ZyEhzBaIQpQpardBF5z8A==}
+    dev: false
+
   /figures@3.2.0:
     resolution: {integrity: sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==}
     engines: {node: '>=8'}
@@ -24836,8 +25163,8 @@ packages:
     resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
     dev: true
 
-  /framer-motion@11.1.7(react-dom@18.3.1)(react@18.3.1):
-    resolution: {integrity: sha512-cW11Pu53eDAXUEhv5hEiWuIXWhfkbV32PlgVISn7jRdcAiVrJ1S03YQQ0/DzoswGYYwKi4qYmHHjCzAH52eSdQ==}
+  /framer-motion@11.3.0(react-dom@18.3.1)(react@18.3.1):
+    resolution: {integrity: sha512-hjYjMUQaWuqilwRr5kC0CunHZFVMtKWHy/IdL/LPRBD0C491DKTvYwQRJ5qRXEAOT+Rth7Vi4XBe4TA4bFOn3A==}
     peerDependencies:
       '@emotion/is-prop-valid': '*'
       react: ^18.0.0
@@ -25280,10 +25607,10 @@ packages:
     hasBin: true
     dependencies:
       foreground-child: 3.1.1
-      jackspeak: 2.1.5
+      jackspeak: 2.3.6
       minimatch: 9.0.3
       minipass: 5.0.0
-      path-scurry: 1.7.0
+      path-scurry: 1.11.1
     dev: true
 
   /glob@10.3.10:
@@ -25358,7 +25685,7 @@ packages:
       fs.realpath: 1.0.0
       minimatch: 8.0.4
       minipass: 4.2.8
-      path-scurry: 1.7.0
+      path-scurry: 1.11.1
     dev: true
 
   /global-directory@4.0.1:
@@ -25482,6 +25809,10 @@ packages:
     resolution: {integrity: sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==}
     dev: true
 
+  /glsl-noise@0.0.0:
+    resolution: {integrity: sha512-b/ZCF6amfAUb7dJM/MxRs7AetQEahYzJ8PtgfrmEdtw6uyGOr+ZSGtgjFm6mfsBkxJ4d2W7kg+Nlqzqvn3Bc0w==}
+    dev: false
+
   /gopd@1.0.1:
     resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
     dependencies:
@@ -25731,6 +26062,10 @@ packages:
       '@babel/runtime': 7.22.6
     dev: false
 
+  /hls.js@1.3.5:
+    resolution: {integrity: sha512-uybAvKS6uDe0MnWNEPnO0krWVr+8m2R0hJ/viql8H3MVK+itq8gGQuIYoFHL3rECkIpNH98Lw8YuuWMKZxp3Ew==}
+    dev: false
+
   /hoist-non-react-statics@3.3.2:
     resolution: {integrity: sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==}
     dependencies:
@@ -26161,7 +26496,6 @@ packages:
 
   /ieee754@1.2.1:
     resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
-    dev: true
 
   /ignore-walk@6.0.3:
     resolution: {integrity: sha512-C7FfFoTA+bI10qfeydT8aZbvr91vAEU+2W5BZUlzPec47oNb07SsOfwYrtxuvOYdUApPP/Qlh4DtAO51Ekk2QA==}
@@ -26200,9 +26534,12 @@ packages:
       queue: 6.0.2
     dev: true
 
+  /immediate@3.0.6:
+    resolution: {integrity: sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==}
+    dev: false
+
   /immer@9.0.16:
     resolution: {integrity: sha512-qenGE7CstVm1NrHQbMh8YaSzTZTFNP3zPqr3YU0S0UY441j4bJTg4A2Hh5KAhwgaiU6ZZ1Ar6y/2f4TblnMReQ==}
-    dev: true
 
   /immutable@4.1.0:
     resolution: {integrity: sha512-oNkuqVTA8jqG1Q6c+UglTOD1xhC1BtjKI7XkCXRkZHrN5m18/XsnUp8Q89GkQO/z+0WjonSvl0FLhDYftp46nQ==}
@@ -27033,14 +27370,14 @@ packages:
       set-function-name: 2.0.1
     dev: true
 
-  /jackspeak@2.1.5:
-    resolution: {integrity: sha512-NeK3mbF9vwNS3SjhzlEfO6WREJqoKtCwLoUPoUVtGJrpecxN3ZxlDuF22MzNSbOk/AA/VFWi+nFMV89xkXh2og==}
-    engines: {node: '>=14'}
+  /its-fine@1.2.5(react@18.3.1):
+    resolution: {integrity: sha512-fXtDA0X0t0eBYAGLVM5YsgJGsJ5jEmqZEPrGbzdf5awjv0xE7nqv3TVnvtUF060Tkes15DbDAKW/I48vsb6SyA==}
+    peerDependencies:
+      react: '>=18.0'
     dependencies:
-      '@isaacs/cliui': 8.0.2
-    optionalDependencies:
-      '@pkgjs/parseargs': 0.11.0
-    dev: true
+      '@types/react-reconciler': 0.28.8
+      react: 18.3.1
+    dev: false
 
   /jackspeak@2.3.6:
     resolution: {integrity: sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==}
@@ -28122,6 +28459,12 @@ packages:
       webpack-sources: 3.2.3
     dev: true
 
+  /lie@3.3.0:
+    resolution: {integrity: sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==}
+    dependencies:
+      immediate: 3.0.6
+    dev: false
+
   /lilconfig@2.1.0:
     resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==}
     engines: {node: '>=10'}
@@ -28506,11 +28849,6 @@ packages:
     engines: {node: '>=12'}
     dev: true
 
-  /lru-cache@9.1.1:
-    resolution: {integrity: sha512-65/Jky17UwSb0BuB9V+MyDpsOtXKmYwzhyl+cOa9XUiI4uV2Ouy/2voFP3+al0BjZbJgMBD8FojMpAf+Z+qn4A==}
-    engines: {node: 14 || >=16.14}
-    dev: true
-
   /lru-queue@0.1.0:
     resolution: {integrity: sha512-BpdYkt9EvGl8OfWHDQPISVpcl5xZthb+XPsbELj5AQXxIC8IriDZIQYjBJPEm5rS420sjZ0TLEzRcq5KdBhYrQ==}
     dependencies:
@@ -28531,6 +28869,16 @@ packages:
     hasBin: true
     dev: true
 
+  /maath@0.10.8(@types/three@0.166.0)(three@0.166.1):
+    resolution: {integrity: sha512-tRvbDF0Pgqz+9XUa4jjfgAQ8/aPKmQdWXilFu2tMy4GWj4NOsx99HlULO4IeREfbO3a0sA145DZYyvXPkybm0g==}
+    peerDependencies:
+      '@types/three': '>=0.134.0'
+      three: '>=0.134.0'
+    dependencies:
+      '@types/three': 0.166.0
+      three: 0.166.1
+    dev: false
+
   /magic-string-ast@0.3.0:
     resolution: {integrity: sha512-0shqecEPgdFpnI3AP90epXyxZy9g6CRZ+SZ7BcqFwYmtFEnZ1jpevcV5HoyVnlDS9gCnc1UIg3Rsvp3Ci7r8OA==}
     engines: {node: '>=16.14.0'}
@@ -28940,6 +29288,18 @@ packages:
     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
     engines: {node: '>= 8'}
 
+  /meshline@3.3.1(three@0.166.1):
+    resolution: {integrity: sha512-/TQj+JdZkeSUOl5Mk2J7eLcYTLiQm2IDzmlSvYm7ov15anEcDJ92GHqqazxTSreeNgfnYu24kiEvvv0WlbCdFQ==}
+    peerDependencies:
+      three: '>=0.137'
+    dependencies:
+      three: 0.166.1
+    dev: false
+
+  /meshoptimizer@0.18.1:
+    resolution: {integrity: sha512-ZhoIoL7TNV4s5B6+rx5mC//fw8/POGyNxS/DZyCJeiZ12ScLfVwRE/GfsxwiTkMYYD5DmK2/JXnEVXqL4rF+Sw==}
+    dev: false
+
   /methods@1.1.2:
     resolution: {integrity: sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==}
     engines: {node: '>= 0.6'}
@@ -29652,10 +30012,6 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /minipass@7.0.3:
-    resolution: {integrity: sha512-LhbbwCfz3vsb12j/WkWQPZfKTsgqIe1Nf/ti1pKjYESGLHIVjWU96G9/ljLH4F9mWNVhlQOm0VySdAWzf05dpg==}
-    engines: {node: '>=16 || 14 >=14.17'}
-
   /minipass@7.1.2:
     resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==}
     engines: {node: '>=16 || 14 >=14.17'}
@@ -29935,7 +30291,7 @@ packages:
       - '@babel/core'
       - babel-plugin-macros
 
-  /ng-packagr@18.1.0(@angular/compiler-cli@18.1.0)(tailwindcss@3.4.3)(tslib@2.4.0)(typescript@5.5.3):
+  /ng-packagr@18.1.0(@angular/compiler-cli@18.1.0)(tailwindcss@3.4.4)(tslib@2.4.0)(typescript@5.5.3):
     resolution: {integrity: sha512-QfqiCIuRX7VhdHqE1goZIuaFh0aMmFTF6r+gP+iq7YyIookXlZWswEZYcnpyRw52Q1RHFdUJRm7foBRFyEXTLA==}
     engines: {node: ^18.19.1 || >=20.11.1}
     hasBin: true
@@ -29971,7 +30327,7 @@ packages:
       postcss: 8.4.38
       rxjs: 7.8.1
       sass: 1.77.6
-      tailwindcss: 3.4.3(ts-node@10.9.1)
+      tailwindcss: 3.4.4(ts-node@10.9.1)
       tslib: 2.4.0
       typescript: 5.5.3
     optionalDependencies:
@@ -31443,15 +31799,7 @@ packages:
     engines: {node: '>=16 || 14 >=14.18'}
     dependencies:
       lru-cache: 10.2.0
-      minipass: 7.0.3
-
-  /path-scurry@1.7.0:
-    resolution: {integrity: sha512-UkZUeDjczjYRE495+9thsgcVgsaCPkaw80slmfVFgllxY+IO8ubTsOpFVjDPROBqJdHfVPUFRHPBV/WciOVfWg==}
-    engines: {node: '>=16 || 14 >=14.17'}
-    dependencies:
-      lru-cache: 9.1.1
-      minipass: 5.0.0
-    dev: true
+      minipass: 7.1.2
 
   /path-to-regexp@0.1.7:
     resolution: {integrity: sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ==}
@@ -32873,6 +33221,10 @@ packages:
       picocolors: 1.0.0
       source-map-js: 1.2.0
 
+  /potpack@1.0.2:
+    resolution: {integrity: sha512-choctRBIV9EMT9WGAZHn3V7t0Z2pMQyl0EZE6pFc/6ml3ssw7Dlf/oAOvFwjm1HVsqfQN8GfeFyJ+d8tRzqueQ==}
+    dev: false
+
   /preact@10.6.4:
     resolution: {integrity: sha512-WyosM7pxGcndU8hY0OQlLd54tOU+qmG45QXj2dAYrL11HoyU/EzOSTlpJsirbBr1QW7lICxSsVJJmcmUglovHQ==}
     dev: false
@@ -33021,6 +33373,13 @@ packages:
       retry: 0.12.0
     dev: true
 
+  /promise-worker-transferable@1.0.4:
+    resolution: {integrity: sha512-bN+0ehEnrXfxV2ZQvU2PetO0n4gqBD4ulq3MI1WOPLgr7/Mg9yRQkX5+0v1vagr74ZTsl7XtzlaYDo2EuCeYJw==}
+    dependencies:
+      is-promise: 2.2.2
+      lie: 3.3.0
+    dev: false
+
   /promise.series@0.2.0:
     resolution: {integrity: sha512-VWQJyU2bcDTgZw8kpfBpB/ejZASlCrzwz5f2hjb/zlujOEB4oeiAhHygAWq8ubsX2GVkD4kCU5V2dwOTaCY5EQ==}
     engines: {node: '>=0.12'}
@@ -33246,6 +33605,15 @@ packages:
       react-dom: 18.3.1(react@18.3.1)
     dev: true
 
+  /react-composer@5.0.3(react@18.3.1):
+    resolution: {integrity: sha512-1uWd07EME6XZvMfapwZmc7NgCZqDemcvicRi3wMJzXsQLvZ3L7fTHVyPy1bZdnWXM4iPjYuNE+uJ41MLKeTtnA==}
+    peerDependencies:
+      react: ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      prop-types: 15.8.1
+      react: 18.3.1
+    dev: false
+
   /react-copy-to-clipboard@5.1.0(react@18.3.1):
     resolution: {integrity: sha512-k61RsNgAayIJNoy9yDsYzDe/yAZAzEbEgcz3DZMhF686LEyukcE1hzurxe85JandPUG+yTfGVFzuEw3xt8WP/A==}
     peerDependencies:
@@ -33373,6 +33741,17 @@ packages:
       - supports-color
     dev: true
 
+  /react-reconciler@0.27.0(react@18.3.1):
+    resolution: {integrity: sha512-HmMDKciQjYmBRGuuhIaKA1ba/7a+UsM5FzOZsMO2JYHt9Jh8reCb7j1eDC95NOyUlKM9KRyvdx0flBuDvYSBoA==}
+    engines: {node: '>=0.10.0'}
+    peerDependencies:
+      react: ^18.0.0
+    dependencies:
+      loose-envify: 1.4.0
+      react: 18.3.1
+      scheduler: 0.21.0
+    dev: false
+
   /react-redux@8.0.5(@types/react-dom@18.3.0)(@types/react@18.3.1)(react-dom@18.3.1)(react@18.3.1)(redux@4.2.0):
     resolution: {integrity: sha512-Q2f6fCKxPFpkXt1qNRZdEDLlScsDWyrgSj0mliK59qU6W5gvBiKkdMEG2lJzhd1rCctf0hb6EtePPLZ2e0m1uw==}
     peerDependencies:
@@ -33524,6 +33903,17 @@ packages:
       - '@types/react'
     dev: true
 
+  /react-use-measure@2.1.1(react-dom@18.3.1)(react@18.3.1):
+    resolution: {integrity: sha512-nocZhN26cproIiIduswYpV5y5lQpSQS1y/4KuvUCjSKmw7ZWIS/+g3aFnX3WdBkyuGUtTLif3UTqnLLhbDoQig==}
+    peerDependencies:
+      react: '>=16.13'
+      react-dom: '>=16.13'
+    dependencies:
+      debounce: 1.2.1
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    dev: false
+
   /react@18.3.1:
     resolution: {integrity: sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==}
     engines: {node: '>=0.10.0'}
@@ -34419,6 +34809,12 @@ packages:
       xmlchars: 2.2.0
     dev: true
 
+  /scheduler@0.21.0:
+    resolution: {integrity: sha512-1r87x5fz9MXqswA2ERLo0EbOAU74DpIUO090gIasYTqlVoJeMcl+Z1Rg7WHz+qtPujhS/hGIt9kxZOYBV3faRQ==}
+    dependencies:
+      loose-envify: 1.4.0
+    dev: false
+
   /scheduler@0.23.2:
     resolution: {integrity: sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==}
     dependencies:
@@ -34705,6 +35101,22 @@ packages:
   /setprototypeof@1.2.0:
     resolution: {integrity: sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==}
 
+  /shadergradient@1.2.14(@react-spring/three@9.7.3)(@react-three/drei@9.108.3)(@react-three/fiber@8.16.8)(react@18.3.1)(three@0.166.1):
+    resolution: {integrity: sha512-x3FxPJsBIu2K9Bs/inQFVnLlQIy9xr/5He4KHz5m/cXeya8Q4muXh02mZd6jrE3derF/eOFgmmsBA5bT3g9NDQ==}
+    peerDependencies:
+      '@react-spring/three': '*'
+      '@react-three/drei': '*'
+      '@react-three/fiber': '*'
+      react: '*'
+      three: 0.154.0
+    dependencies:
+      '@react-spring/three': 9.7.3(@react-three/fiber@8.16.8)(react@18.3.1)(three@0.166.1)
+      '@react-three/drei': 9.108.3(@react-three/fiber@8.16.8)(@types/react@18.3.1)(@types/three@0.166.0)(immer@9.0.16)(react-dom@18.3.1)(react@18.3.1)(three@0.166.1)
+      '@react-three/fiber': 8.16.8(react-dom@18.3.1)(react@18.3.1)(three@0.166.1)
+      react: 18.3.1
+      three: 0.166.1
+    dev: false
+
   /shallow-clone@3.0.1:
     resolution: {integrity: sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==}
     engines: {node: '>=8'}
@@ -35218,6 +35630,16 @@ packages:
     resolution: {integrity: sha512-HTEHMNieakEnoe33shBYcZ7NX83ACUjCu8c40iOGEZsngj9zRnkqS9j1pqQPXwobB0ZcVTk27REb7COQ0UR59w==}
     dev: false
 
+  /stats-gl@2.2.8:
+    resolution: {integrity: sha512-94G5nZvduDmzxBS7K0lYnynYwreZpkknD8g5dZmU6mpwIhy3caCrjAm11Qm1cbyx7mqix7Fp00RkbsonzKWnoQ==}
+    dependencies:
+      '@types/three': 0.163.0
+    dev: false
+
+  /stats.js@0.17.0:
+    resolution: {integrity: sha512-hNKz8phvYLPEcRkeG1rsGmV5ChMjKDAWU7/OJJdDErPBNChQXxCo3WZurGpnWc6gZhAzEPFad1aVgyOANH1sMw==}
+    dev: false
+
   /statuses@1.3.1:
     resolution: {integrity: sha512-wuTCPGlJONk/a1kqZ4fQM2+908lC7fa7nPYpTC1EhnvqLX/IICbeP1OZGDtA374trpSq68YubKUMo8oRhN46yg==}
     engines: {node: '>= 0.6'}
@@ -35636,6 +36058,14 @@ packages:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
 
+  /suspend-react@0.1.3(react@18.3.1):
+    resolution: {integrity: sha512-aqldKgX9aZqpoDp3e8/BZ8Dm7x1pJl+qI3ZKxDN0i/IQTWUwBx/ManmlVJ3wowqbno6c2bmiIfs+Um6LbsjJyQ==}
+    peerDependencies:
+      react: '>=17.0'
+    dependencies:
+      react: 18.3.1
+    dev: false
+
   /svelte@4.2.8:
     resolution: {integrity: sha512-hU6dh1MPl8gh6klQZwK/n73GiAHiR95IkFsesLPbMeEZi36ydaXL/ZAb4g9sayT0MXzpxyZjR28yderJHxcmYA==}
     engines: {node: '>=16'}
@@ -35776,20 +36206,18 @@ packages:
     resolution: {integrity: sha512-SYJSIgeyXW7EuX1ytdneO5e8jip42oHWg9xl/o3oTYhmXusZVgiA+VlPvjIN+kHii9v90AmzTZEBcsEvuAY+TA==}
     dev: true
 
-  /tailwind-merge@2.3.0:
-    resolution: {integrity: sha512-vkYrLpIP+lgR0tQCG6AP7zZXCTLc1Lnv/CCRT3BqJ9CZ3ui2++GPaGb1x/ILsINIMSYqqvrpqjUFsMNLlW99EA==}
-    dependencies:
-      '@babel/runtime': 7.24.6
+  /tailwind-merge@2.4.0:
+    resolution: {integrity: sha512-49AwoOQNKdqKPd9CViyH5wJoSKsCDjUlzL8DxuGp3P1FsGY36NJDAa18jLZcaHAUUuTj+JB8IAo8zWgBNvBF7A==}
     dev: false
 
-  /tailwindcss@3.4.3(ts-node@10.9.1):
-    resolution: {integrity: sha512-U7sxQk/n397Bmx4JHbJx/iSOOv5G+II3f1kpLpY2QeUv5DcPdcTsYLlusZfq1NthHS1c1cZoyFmmkex1rzke0A==}
+  /tailwindcss@3.4.4(ts-node@10.9.1):
+    resolution: {integrity: sha512-ZoyXOdJjISB7/BcLTR6SEsLgKtDStYyYZVLsUtWChO4Ps20CBad7lfJKVDiejocV4ME1hLmyY0WJE3hSDcmQ2A==}
     engines: {node: '>=14.0.0'}
     hasBin: true
     dependencies:
       '@alloc/quick-lru': 5.2.0
       arg: 5.0.2
-      chokidar: 3.5.3
+      chokidar: 3.6.0
       didyoumean: 1.2.2
       dlv: 1.1.3
       fast-glob: 3.3.2
@@ -36112,6 +36540,32 @@ packages:
       real-require: 0.2.0
     dev: true
 
+  /three-mesh-bvh@0.7.6(three@0.166.1):
+    resolution: {integrity: sha512-rCjsnxEqR9r1/C/lCqzGLS67NDty/S/eT6rAJfDvsanrIctTWdNoR4ZOGWewCB13h1QkVo2BpmC0wakj1+0m8A==}
+    peerDependencies:
+      three: '>= 0.151.0'
+    dependencies:
+      three: 0.166.1
+    dev: false
+
+  /three-stdlib@2.30.4(three@0.166.1):
+    resolution: {integrity: sha512-E7sN8UkaorSq2uRZU14AE7wXkdCBa2oFwPkPt92zaecuzrgd98BXkTt+2tFQVF1tPJRvfs7aMZV5dSOq4/vNVg==}
+    peerDependencies:
+      three: '>=0.128.0'
+    dependencies:
+      '@types/draco3d': 1.4.10
+      '@types/offscreencanvas': 2019.7.3
+      '@types/webxr': 0.5.19
+      draco3d: 1.5.7
+      fflate: 0.6.10
+      potpack: 1.0.2
+      three: 0.166.1
+    dev: false
+
+  /three@0.166.1:
+    resolution: {integrity: sha512-LtuafkKHHzm61AQA1be2MAYIw1IjmhOUxhBa0prrLpEMWbV7ijvxCRHjSgHPGp2493wLBzwKV46tA9nivLEgKg==}
+    dev: false
+
   /throat@5.0.0:
     resolution: {integrity: sha512-fcwX4mndzpLQKBS1DVYhGAcYaYt7vsHNIvQV+WXMvnow5cgjPphq5CaayLaGsjRdSCKZFNGt7/GYAuXaNOiYCA==}
     dev: true
@@ -36309,6 +36763,30 @@ packages:
       escape-string-regexp: 5.0.0
     dev: true
 
+  /troika-three-text@0.49.1(three@0.166.1):
+    resolution: {integrity: sha512-lXGWxgjJP9kw4i4Wh+0k0Q/7cRfS6iOME4knKht/KozPu9GcFA9NnNpRvehIhrUawq9B0ZRw+0oiFHgRO+4Wig==}
+    peerDependencies:
+      three: '>=0.125.0'
+    dependencies:
+      bidi-js: 1.0.3
+      three: 0.166.1
+      troika-three-utils: 0.49.0(three@0.166.1)
+      troika-worker-utils: 0.49.0
+      webgl-sdf-generator: 1.1.1
+    dev: false
+
+  /troika-three-utils@0.49.0(three@0.166.1):
+    resolution: {integrity: sha512-umitFL4cT+Fm/uONmaQEq4oZlyRHWwVClaS6ZrdcueRvwc2w+cpNQ47LlJKJswpqtMFWbEhOLy0TekmcPZOdYA==}
+    peerDependencies:
+      three: '>=0.125.0'
+    dependencies:
+      three: 0.166.1
+    dev: false
+
+  /troika-worker-utils@0.49.0:
+    resolution: {integrity: sha512-1xZHoJrG0HFfCvT/iyN41DvI/nRykiBtHqFkGaGgJwq5iXfIZFBiPPEHFpPpgyKM3Oo5ITHXP5wM2TNQszYdVg==}
+    dev: false
+
   /trough@2.1.0:
     resolution: {integrity: sha512-AqTiAOLcj85xS7vQ8QkAV41hPDIJ71XJB4RCUrzo/1GM2CQwhkJGaf9Hgr7BOugMRpgGUrqRg/DrBDl4H40+8g==}
     dev: true
@@ -36560,6 +37038,16 @@ packages:
       safe-buffer: 5.2.1
     dev: true
 
+  /tunnel-rat@0.1.2(@types/react@18.3.1)(immer@9.0.16)(react@18.3.1):
+    resolution: {integrity: sha512-lR5VHmkPhzdhrM092lI2nACsLO4QubF0/yoOhzX7c+wIpbN1GjHNzCc91QlpxBi+cnx8vVJ+Ur6vL5cEoQPFpQ==}
+    dependencies:
+      zustand: 4.5.4(@types/react@18.3.1)(immer@9.0.16)(react@18.3.1)
+    transitivePeerDependencies:
+      - '@types/react'
+      - immer
+      - react
+    dev: false
+
   /tunnel@0.0.6:
     resolution: {integrity: sha512-1h/Lnq9yajKY2PEbBadPXj3VxsDDu844OnaAo52UVmIzIvwwtBPIuNvkjuzBlTWpfJyUbG3ez0KSBibQkj4ojg==}
     engines: {node: '>=0.6.11 <=0.7.0 || >=0.7.3'}
@@ -37214,7 +37702,7 @@ packages:
     dependencies:
       browserslist: 4.22.2
       escalade: 3.1.1
-      picocolors: 1.0.0
+      picocolors: 1.0.1
 
   /update-browserslist-db@1.0.13(browserslist@4.23.0):
     resolution: {integrity: sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==}
@@ -37224,7 +37712,7 @@ packages:
     dependencies:
       browserslist: 4.23.0
       escalade: 3.1.1
-      picocolors: 1.0.0
+      picocolors: 1.0.1
     dev: true
 
   /uqr@0.1.2:
@@ -37357,7 +37845,6 @@ packages:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
     dependencies:
       react: 18.3.1
-    dev: true
 
   /utf-8-validate@5.0.10:
     resolution: {integrity: sha512-Z6czzLq4u8fPOyx7TU6X3dvUZVvoJmxSQ+IcrlmagKhilxlhZgxPK6C5Jqbkw1IDUmFTM+cz9QDnnLTwDz/2gQ==}
@@ -37388,6 +37875,11 @@ packages:
     resolution: {integrity: sha512-Z0DbgELS9/L/75wZbro8xAnT50pBVFQZ+hUEueGDU5FN51YSCYM+jdxsfCiHjwNP/4LCDD0i/graKpeBnOXKRA==}
     dev: true
 
+  /utility-types@3.11.0:
+    resolution: {integrity: sha512-6Z7Ma2aVEWisaL6TvBCy7P8rm2LQoPv6dJ7ecIaIixHcwfbJ0x7mWdbcwlIM5IGQxPZSFYeqRCqlOOeKoJYMkw==}
+    engines: {node: '>= 4'}
+    dev: false
+
   /utils-merge@1.0.1:
     resolution: {integrity: sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==}
     engines: {node: '>= 0.4.0'}
@@ -37407,6 +37899,11 @@ packages:
     hasBin: true
     dev: true
 
+  /uuid@9.0.1:
+    resolution: {integrity: sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==}
+    hasBin: true
+    dev: false
+
   /uvu@0.5.6:
     resolution: {integrity: sha512-+g8ENReyr8YsOc6fv/NVJs2vFdHBnBNdfE49rshrTzDWOlUx4Gq7KOS2GD8eqhy2j+Ejq29+SbKH8yjkAqXqoA==}
     engines: {node: '>=8'}
@@ -38076,6 +38573,14 @@ packages:
     engines: {node: '>= 14'}
     dev: true
 
+  /webgl-constants@1.1.1:
+    resolution: {integrity: sha512-LkBXKjU5r9vAW7Gcu3T5u+5cvSvh5WwINdr0C+9jpzVB41cjQAP5ePArDtk/WHYdVj0GefCgM73BA7FlIiNtdg==}
+    dev: false
+
+  /webgl-sdf-generator@1.1.1:
+    resolution: {integrity: sha512-9Z0JcMTFxeE+b2x1LJTdnaT8rT8aEp7MVxkNwoycNmJWwPdzoXzMh0BjJSh/AEFP+KPYZUli814h8bJZFIZ2jA==}
+    dev: false
+
   /webidl-conversions@3.0.1:
     resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==}
     dev: true
@@ -38954,6 +39459,39 @@ packages:
       tslib: 2.6.3
     dev: true
 
+  /zustand@3.7.2(react@18.3.1):
+    resolution: {integrity: sha512-PIJDIZKtokhof+9+60cpockVOq05sJzHCriyvaLBmEJixseQ1a5Kdov6fWZfWOu5SK9c+FhH1jU0tntLxRJYMA==}
+    engines: {node: '>=12.7.0'}
+    peerDependencies:
+      react: '>=16.8'
+    peerDependenciesMeta:
+      react:
+        optional: true
+    dependencies:
+      react: 18.3.1
+    dev: false
+
+  /zustand@4.5.4(@types/react@18.3.1)(immer@9.0.16)(react@18.3.1):
+    resolution: {integrity: sha512-/BPMyLKJPtFEvVL0E9E9BTUM63MNyhPGlvxk1XjrfWTUlV+BR8jufjsovHzrtR6YNcBEcL7cMHovL1n9xHawEg==}
+    engines: {node: '>=12.7.0'}
+    peerDependencies:
+      '@types/react': '>=16.8'
+      immer: '>=9.0.6'
+      react: '>=16.8'
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      immer:
+        optional: true
+      react:
+        optional: true
+    dependencies:
+      '@types/react': 18.3.1
+      immer: 9.0.16
+      react: 18.3.1
+      use-sync-external-store: 1.2.0(react@18.3.1)
+    dev: false
+
   /zwitch@2.0.4:
     resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
     dev: true
diff --git a/tsconfig.base.json b/tsconfig.base.json
index a291c1a3588f0..bc78d0a5614d6 100644
--- a/tsconfig.base.json
+++ b/tsconfig.base.json
@@ -86,6 +86,7 @@
       "@nx/nx-dev/models-document": ["nx-dev/models-document/src/index.ts"],
       "@nx/nx-dev/models-menu": ["nx-dev/models-menu/src/index.ts"],
       "@nx/nx-dev/models-package": ["nx-dev/models-package/src/index.ts"],
+      "@nx/nx-dev/ui-animations": ["nx-dev/ui-animations/src/index.ts"],
       "@nx/nx-dev/ui-blog": ["nx-dev/ui-blog/src/index.ts"],
       "@nx/nx-dev/ui-commands": ["nx-dev/ui-commands/src/index.ts"],
       "@nx/nx-dev/ui-common": ["nx-dev/ui-common/src/index.ts"],
@@ -98,6 +99,7 @@
       "@nx/nx-dev/ui-enterprise": ["nx-dev/ui-enterprise/src/index.ts"],
       "@nx/nx-dev/ui-fence": ["nx-dev/ui-fence/src/index.ts"],
       "@nx/nx-dev/ui-home": ["nx-dev/ui-home/src/index.ts"],
+      "@nx/nx-dev/ui-icons": ["nx-dev/ui-icons/src/index.ts"],
       "@nx/nx-dev/ui-markdoc": ["nx-dev/ui-markdoc/src/index.ts"],
       "@nx/nx-dev/ui-member-card": ["nx-dev/ui-member-card/src/index.ts"],
       "@nx/nx-dev/ui-primitives": ["nx-dev/ui-primitives/src/index.ts"],