feat(nx-dev): add nx powerpack to pricing page

Add Nx Powerpack as included with Nx Cloud Enterprise plan on Pricing page.
nrwl · Oct 1, 2024 · 6a50dd4 · 6a50dd4
1 parent c5bb723
commit 6a50dd4
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 1 deletion.
diff --git a/nx-dev/ui-pricing/src/lib/plans/enterprise-plan.tsx b/nx-dev/ui-pricing/src/lib/plans/enterprise-plan.tsx
@@ -8,6 +8,7 @@ const features = [
   'Run on the Nx Cloud servers in any region or run fully self-contained, on-prem',
   'Premium Support and SLAs available',
   'SSO / SAML Login',
+  'Nx Powerpack included',
 ];
 
 export function EnterprisePlan({

diff --git a/nx-dev/ui-pricing/src/lib/plans/plan-table.tsx b/nx-dev/ui-pricing/src/lib/plans/plan-table.tsx
@@ -471,7 +471,7 @@ export function PlanTable(): JSX.Element {
               <span className="font-medium text-slate-700 dark:text-slate-300">
                 Nx Agents
               </span>
-              : native task distribution solution for CI{' '}
+              : native task distribution solution for CI
             </th>
             <td className="border-l border-t border-slate-200 px-2 py-1.5 md:px-3 lg:px-4 lg:py-2.5 dark:border-slate-800">
               <CheckIcon
@@ -557,6 +557,33 @@ export function PlanTable(): JSX.Element {
               <span className="sr-only">yes</span>
             </td>
           </tr>
+          <tr className="text-sm transition hover:bg-slate-50/60 dark:hover:bg-slate-800/60">
+            <th
+              className="min-w-[124px] border-l border-t border-slate-200 px-2 py-1.5 text-left font-normal leading-tight md:min-w-[180px] md:p-2 md:px-3 lg:w-[325px] lg:px-4 lg:py-2.5 lg:pl-8 dark:border-slate-800"
+              scope="row"
+            >
+              <span className="font-medium text-slate-700 dark:text-slate-300">
+                Nx Powerpack
+              </span>
+              : a suite of premium extensions for the Nx CLI specifically
+              designed for enterprises
+            </th>
+            <td className="border-l border-t border-slate-200 px-2 py-1.5 md:px-3 lg:px-4 lg:py-2.5 dark:border-slate-800">
+              <XMarkIcon className="h-6 w-5 flex-none" aria-hidden="true" />
+              <span className="sr-only">no</span>
+            </td>
+            <td className="border-l border-t border-slate-200 px-2 py-1.5 md:px-3 lg:px-4 lg:py-2.5 dark:border-slate-800">
+              <XMarkIcon className="h-6 w-5 flex-none" aria-hidden="true" />
+              <span className="sr-only">no</span>
+            </td>
+            <td className="border-l border-r border-t border-slate-200 bg-slate-50/60 px-2 py-1.5 md:px-3 lg:px-4 lg:py-2.5 dark:border-slate-800 dark:bg-slate-800/60">
+              <CheckIcon
+                className="h-6 w-5 flex-none text-blue-600 dark:text-sky-600"
+                aria-hidden="true"
+              />
+              <span className="sr-only">yes</span>
+            </td>
+          </tr>
           <tr className="text-sm transition hover:bg-slate-50/60 dark:hover:bg-slate-800/60">
             <th
               className="min-w-[124px] border-l border-t border-slate-200 px-2 py-1.5 text-left font-normal leading-tight md:min-w-[180px] md:p-2 md:px-3 lg:w-[325px] lg:px-4 lg:py-2.5 lg:pl-8 dark:border-slate-800"