feat(nx-dev): add contact link on powerpack page (#28458)

Co-authored-by: Benjamin Cabanes <3447705+bcabanes@users.noreply.github.com>

nx-dev/nx-dev/redirect-rules.js

@@ -488,6 +488,7 @@ const nxCloudUrls = {
   '/ci/recipes/set-up/connect-to-cloud': '/ci/intro/connect-to-nx-cloud',
   '/ci/intro/connect-to-cloud': '/ci/intro/connect-to-nx-cloud',
   '/pricing/special-offer': 'https://forms.gle/FBzvsspz1o63fDAz6',
+  '/powerpack/special-offer': 'https://forms.gle/mWjQo6Vrv5Kt6WYh9',
 };
 
 /**

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

@@ -2,6 +2,7 @@
 import { ButtonLink, SectionHeading, Strong } from '@nx/nx-dev/ui-common';
 import { ReactElement, useState, useEffect } from 'react';
 import { Dialog, Transition } from '@headlessui/react';
+import Link from 'next/link';
 
 const MOBILE_BREAKPOINT = 768;
 const YOUTUBE_URL = 'https://youtu.be/KZ0nh2lj8zE?si=D1hkyP3vy36e-VZt';
@@ -60,6 +61,16 @@ export function Hero(): ReactElement {
             </span>
           </a>
         </div>
+        <p className="mt-6 text-sm italic">
+          Want to use Powerpack for OSS?{' '}
+          <Link
+            href="/powerpack/special-offer"
+            prefetch={false}
+            className="font-semibold underline"
+          >
+            Apply here.
+          </Link>
+        </p>
       </div>
 
       {!isMobile && (

nx-dev/ui-powerpack/src/lib/powerpack-features.tsx

@@ -8,7 +8,12 @@ import {
   useRef,
   useState,
 } from 'react';
-import { ButtonLink, SectionHeading, Strong } from '@nx/nx-dev/ui-common';
+import {
+  ButtonLink,
+  SectionHeading,
+  Strong,
+  TextLink,
+} from '@nx/nx-dev/ui-common';
 import { cx } from '@nx/nx-dev/ui-primitives';
 import { AnimatedCurvedBeam } from '@nx/nx-dev/ui-animations';
 import { CircleStackIcon, ServerIcon } from '@heroicons/react/24/outline';
@@ -35,7 +40,14 @@ export function PowerpackFeatures(): ReactElement {
                 Nx Powerpack enables you to use <Strong>Amazon S3</Strong> or a{' '}
                 <Strong>shared network drive</Strong> as your remote cache
                 storage, offering a flexible, self-managed solution for faster
-                builds.
+                builds. Nx Powerpack self-hosted cache storage is{' '}
+                <TextLink
+                  href="https://cloud.nx.app/powerpack/purchase?utm_source=nx.dev&utm_medium=referral&utm_campaign=nx-powerpackurl"
+                  title="Get a Powerpack license"
+                >
+                  free for small existing teams
+                </TextLink>
+                .
               </p>
               <div className="mt-16">
                 <ButtonLink