Added images to billing pages

fern/billing/manage-billing-and-credits.mdx

@@ -31,9 +31,17 @@ Your default card is used for credit purchases, auto-reload, and any recurring c
 <Steps>
   <Step title="Open the Billing page">
     Sign in to the [Vapi Dashboard](https://dashboard.vapi.ai), make sure the [correct organization](/billing/manage-organizations-and-capacity#switch-organizations) is selected, and open **Billing**.
+
+    <Frame caption="Subscription details blurred for privacy.">
+      <img src="../static/images/billing/billing-payments-overview.png" alt="Billing and payment page with the Payments tab selected, payment method status, and auto-reload status" />
+    </Frame>
   </Step>
   <Step title="Manage payment methods">
     Select **Manage payment** to open your saved cards. Add a new card, or select an existing card to set it as the default.
+
+    <Frame>
+      <img src="../static/images/billing/billing-add-payment-method.png" alt="Manage payment methods dialog with card details and auto-reload controls" />
+    </Frame>
   </Step>
   <Step title="Save the card">
     Enter the card details and confirm.

fern/billing/manage-organizations-and-capacity.mdx

@@ -27,6 +27,10 @@ Create an organization to separate workspaces, teams, or environments under the
   </Step>
   <Step title="Enter the details">
     Enter a name and admin email, and choose the subscription the organization belongs to.
+
+    <Frame caption="Account and subscription details blurred for privacy.">
+      <img src="../static/images/billing/billing-new-organization.png" alt="New organization dialog with name, admin email, and subscription fields" />
+    </Frame>
   </Step>
   <Step title="Create">
     Select **Create organization**.

fern/billing/manage-packages-and-add-ons.mdx

@@ -26,6 +26,10 @@ Check which Success Package you have, or confirm you are on Usage only, in the D
   </Step>
   <Step title="Open Packages & add-ons">
     Select the **Packages & add-ons** tab. Your current package is marked **Current package**, with its included limits, support, and compliance options listed.
+
+    <Frame>
+      <img src="../static/images/billing/billing-packages-usage-plan.png" alt="Packages tab showing Usage as the current package and its included limits" />
+    </Frame>
   </Step>
 </Steps>
 
@@ -46,6 +50,10 @@ Buy Core or Pro directly from the Dashboard when you need more support, capacity
   </Step>
   <Step title="Review and pay">
     Review the changes, effective date, and amount due, then proceed to payment and confirm.
+
+    <Frame caption="Subscription details blurred for privacy.">
+      <img src="../static/images/billing/billing-core-purchase-review.png" alt="Purchase Core review showing estimated charges and changes to package limits" />
+    </Frame>
   </Step>
 </Steps>
 

fern/billing/pricing-and-success-packages.mdx

@@ -57,9 +57,17 @@ Premier limits are custom; your agreement defines what is included.
 
 Buy Core or Pro directly from the Vapi Dashboard:
 
-1. Open **Billing & Payment**.
-2. Select **Packages & add-ons**.
-3. Select **Upgrade** on the Core or Pro package.
+<Steps>
+  <Step title="Open Billing & Payment">
+    Open **Billing & Payment**.
+  </Step>
+  <Step title="Open Packages & add-ons">
+    Select **Packages & add-ons**.
+  </Step>
+  <Step title="Select a package">
+    Select **Upgrade** on the Core or Pro package.
+  </Step>
+</Steps>
 
 Your new package limits apply after you complete the purchase.