New UI updates

docs/Admin-and-data/Billing/Cloud/overview.md

@@ -7,6 +7,25 @@ To start your FusionReactor journey, first sign up for a free, no-obligation [tr
 ![!Screenshot](../../Billing/Cloud/newbilling.png)
 
 
+## Purchasing a Subscription
+
+1. [Log in](https://app.fusionreactor.io) to the FusionReactor Portal.
+2. Navigate to **Administration** in the left-hand menu.
+3. In the **Cloud Trial** box, click the gear icon and select **Manage Settings**.
+4. You will be redirected to the **Billing** page. At the top of the page, select the subscription frequency you prefer, either **Yearly** or **Monthly**.
+    !!! note
+        The Yearly option is approximately 20% less expensive than the monthly plan.
+5. Select the number of **FusionReactor Ultimate** reservations you require.
+    !!! tip
+        If you need more in the future, you can add additional servers at any time, either on demand or as additional reservations.
+6. Select the **AI plan** you would like to use.
+    !!! note
+        If you have more than 4 servers or 16 containers, we recommend the **Pro AI plan**.
+
+Once the subscription has been processed, any discounts required will be applied to your account.
+
+---
+
 ## What's included
 
 |**Product**| **Price** | **Metrics** | **Logs** | **Traces** | **OpsPilot tokens**|

docs/Admin-and-data/Billing/On-Premise/billing.md

@@ -15,6 +15,26 @@ Each edition utilizes the same powerful agent, ensuring a consistent and efficie
 Both editions are available as an **annual** or **monthly** subscription, which means that you’re entitled to all updates and upgrades of the product as long as you have an active subscription.
 
 
+## Purchasing a Subscription
+
+1. [Log in](https://app.fusionreactor.io) to the FusionReactor Portal.
+2. Navigate to **Administration** in the left-hand menu.
+3. In the **On-Premise Subscription** box, click the gear icon and select **Manage Settings**.
+4. You will be redirected to the **Billing** page. At the top of the page, select **On-Premise Plans**.
+5. Select the subscription frequency you prefer, either **Yearly** or **Monthly**.
+    !!! note
+        The Yearly option is approximately 20% less expensive than the monthly plan.
+6. Select the number of **FusionReactor Ultimate** reservations you require.
+    !!! note
+        Each seat typically covers one server (host). For containers, each seat covers 4 containers. If you need more in the future, you can add additional seats at any time by returning to the **Manage Subscription** page.
+7. If needed, you can also add **FusionReactor Developer** seats for development or QA environments.
+8. Review the **Plan Summary** on the right side of the page and select **Review & Confirm**.
+9. **Confirm** the changes to complete the purchase.
+
+Once your subscription has been processed, your new licenses will become available immediately. Any discounts required will be added retrospectively to the subscription.
+
+---
+
 ## FusionReactor Ultimate
 
 Ultimate on-premise edition is for production environments, and includes all features for comprehensive application performance monitoring.
@@ -42,31 +62,6 @@ A seat is a single unique virtual or physical host with up to four instances of
 !!! note
     These licenses do not send monitoring data up to the cloud
 
-### How do I purchase a seat(s)?
-
-Seats can be bought in the purchase page of the product as follows:
-
-**Step 1**: Select number of seats
-
-Enter the number of seats you require and select **Confirm**.
-
-!!! info 
-    Subscriptions can be annual or monthly but both are billed monthly. 
-
-![!Screenshot](../../Billing/On-Premise/seatsbuy.png)
-
-**Step 2**: Pay with card
-
-Add your card information, cardholder details and billing address in the text boxes and select **Pay and subscribe**.
-
-![!Screenshot](../../Billing/On-Premise//ccard.png)
-
-**Step 3**: View your subscriptions
-
-Once a purchase is made, you can view your subscriptions under the **Billing** tab.
-
-![!Screenshot](../../Billing/On-Premise//billingsub.png)
-
 
 ## Manage subscriptions
 

docs/Admin-and-data/invoices.md

@@ -15,6 +15,24 @@ Each invoice displays the following information:
 
 Click the download icon on the right of any invoice to download it as a PDF.
 
+## Upcoming Bill
+
+The **Upcoming Bill** panel on the right shows your next payment, including:
+
+- **Amount due**
+- **Next billing date**
+- A breakdown of **Subtotal**, **VAT**, **Total**, and **Credit**
+
+## Updating Your Billing Details
+
+To update your credit card or other billing details:
+
+1. Go to **Administration > Invoices**.
+2. In the **Upcoming Bill** panel, click **Edit Details**.
+3. Update your card or billing information and save your changes.
+
+![!Screenshot](Images/edit-details.png)
+
 ---
 
 !!! question "Need more help?"

docs/Getting-started/Tutorials/new-ui-faq.md

@@ -45,6 +45,30 @@ The new alerting system is built on Grafana Alertmanager and is more powerful th
 
 ---
 
+## How do I purchase a subscription?
+
+To purchase a subscription, navigate to **Administration** in the left-hand menu and click the gear icon on either the **Cloud Trial** or **On-Premise Subscription** box, then select **Manage Settings**.
+
+!!! info "Learn more"
+    [Cloud — Purchasing a Subscription](/Admin-and-data/Billing/Cloud/overview/#purchasing-a-subscription)
+
+    [On-Premise — Purchasing a Subscription](/Admin-and-data/Billing/On-Premise/billing/#purchasing-a-subscription)
+
+---
+
+## How do I update my credit card details?
+
+To update your credit card or billing information:
+
+1. Go to **Administration > Invoices**.
+2. In the **Upcoming Bill** panel on the right, click **Edit Details**.
+3. Update your card or billing information and save your changes.
+
+!!! info "Learn more"
+    [Invoices](/Admin-and-data/invoices/) for full details on managing your invoices and billing.
+
+---
+
 ## The FR tunnel isn't working
 
 If the UI Tunnel tab is not connecting to your FusionReactor instance, the most common cause is a blocked port.