From 6b870050b64bd2c9b67df44be16bcc498c3c9564 Mon Sep 17 00:00:00 2001
From: Benjamin Cabanes <3447705+bcabanes@users.noreply.github.com>
Date: Mon, 2 Dec 2024 16:31:42 -0500
Subject: [PATCH] docs(nx-dev): add Pro plan details to FAQ (#29155)

Included a new FAQ entry to clarify the existence and conditions of the
Pro plan for existing users, which is no longer available to new users.
Added a link to this FAQ section from the pricing display page to help
users easily find information about the Pro plan. Updated HTML in the
FAQ section with an additional class for better scrolling behavior.

---------

Co-authored-by: Juri Strumpflohner <juri.strumpflohner@gmail.com>
---
 nx-dev/ui-pricing/src/lib/faq.tsx           | 8 +++++++-
 nx-dev/ui-pricing/src/lib/plans-display.tsx | 6 ++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/nx-dev/ui-pricing/src/lib/faq.tsx b/nx-dev/ui-pricing/src/lib/faq.tsx
index 04d7c8723f7e1..508cab3a1f479 100644
--- a/nx-dev/ui-pricing/src/lib/faq.tsx
+++ b/nx-dev/ui-pricing/src/lib/faq.tsx
@@ -39,6 +39,12 @@ export function Faq(): ReactElement {
       answer:
         'Concurrent connections are unique machines that connect to Nx Cloud from a CI environment. If you are using Distributed Task Execution, you should expect to have one concurrent connection from your orchestrator job, and one additional concurrent connection for each live agent that is helping perform work.',
     },
+    {
+      question:
+        "I thought I was on the Pro plan, but I don't see it listed anymore. Does it still exist?",
+      answer:
+        "Yes, the Pro plan still exists for users who were grandfathered in. If you're already on the Pro plan, you will continue to receive support without any changes. However, this plan is no longer available to new users.",
+    },
     {
       question:
         'Is there a limit to the number of active contributors I can have on the Hobby plan?',
@@ -104,7 +110,7 @@ export function Faq(): ReactElement {
   ];
 
   return (
-    <section id="faq">
+    <section id="faq" className="scroll-mt-24">
       <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
         <div className="lg:grid lg:grid-cols-3 lg:gap-8">
           <header>
diff --git a/nx-dev/ui-pricing/src/lib/plans-display.tsx b/nx-dev/ui-pricing/src/lib/plans-display.tsx
index fa1930e128283..7876b1465621f 100644
--- a/nx-dev/ui-pricing/src/lib/plans-display.tsx
+++ b/nx-dev/ui-pricing/src/lib/plans-display.tsx
@@ -378,6 +378,12 @@ export function PlansDisplay(): ReactElement {
               pricing. Prices do not include applicable taxes.
             </p>
           </div>
+          <div className="mt-4 text-center">
+            <p className="text-sm font-medium opacity-80">
+              Looking for the Pro plan?{' '}
+              <Link href="#faq">Checkout our FAQ ↓</Link>
+            </p>
+          </div>
         </div>
       </div>
     </section>