Merge pull request #257 from nginx/internal/nginxaas-billing

JTorreG · web-flow · commit 71272744dd59 · 2025-10-09T16:41:02.000+01:00
docs: add billing section
diff --git a/content/_index.md b/content/_index.md
@@ -43,7 +43,7 @@ Learn how to deliver, manage, and protect your applications using F5 NGINX produ
 {{</card-section>}}
 
 {{<card-section showAsCards="true" title="F5 NGINX as a Service">}}
-  {{<card title="F5 NGINXaaS for Azure" titleUrl="/nginxaas/azure/" brandIcon="NGINX-for-Azure-product-icon.svg" isLanding="true">}}
+  {{<card title="F5 NGINXaaS for Azure" titleUrl="/nginxaas/azure/" brandIcon="F5-NGINXaaS-icon.svg" isLanding="true">}}
     Infrastructure-as-a-Service (IaaS) version of NGINX Plus for your Microsoft Azure application stack.
   {{</card >}}
 {{</card-section>}}
diff --git a/content/nginxaas-azure/_index.md b/content/nginxaas-azure/_index.md
@@ -4,7 +4,7 @@ nd-subtitle: Infrastructure-as-a-Service (IaaS) version of NGINX Plus for your M
 url: /nginxaas/azure/
 nd-landing-page: true
 cascade:
-  logo: NGINX-for-Azure-icon.svg
+  logo: F5-NGINXaaS-icon.svg
 nd-content-type: landing-page
 nd-product: N4Azure
 ---
diff --git a/content/nginxaas-google/_index.md b/content/nginxaas-google/_index.md
@@ -4,7 +4,7 @@ nd-subtitle: Managed NGINX service for your Google Cloud application stack
 url: /nginxaas/google/
 nd-landing-page: true
 cascade:
-  logo: NGINX-Open-Source-product-icon.svg
+  logo: F5-NGINXaaS-icon.svg
 nd-content-type: landing-page
 nd-product: N4GC
 ---
diff --git a/content/nginxaas-google/billing/_index.md b/content/nginxaas-google/billing/_index.md
@@ -1,7 +1,6 @@
 ---
 title: Marketplace billing
 weight: 400
-draft: false
 url: /nginxaas/google/billing/
-draft: true
+draft: false
 ---
diff --git a/content/nginxaas-google/billing/overview.md b/content/nginxaas-google/billing/overview.md
@@ -3,70 +3,53 @@ title: Billing overview
 weight: 100
 toc: true
 nd-docs: DOCS-000
-draft: true
 url: /nginxaas/google/billing/overview/
 type:
 - concept
 ---
 
-NGINXaaS for Google Cloud is deployed into your Google Cloud Platform subscription and is billed through the Google Cloud Marketplace. The billing is based on the resources provisioned and consumed by your NGINXaaS deployment.
-Your NGINXaaS deployment resource is visible within your subscription, while the underlying infrastructure is managed by F5 and is abstracted away from you.
+F5 NGINXaaS for Google Cloud is deployed into your Google Cloud subscription, where your deployment resource is visible and integrated with Google Cloud’s ecosystem. The underlying infrastructure, software maintenance, availability, and scaling are fully managed by F5, abstracting operational complexities. Billing occurs hourly and is tracked in the Google Cloud Cost Management Dashboard.
 
 ## Pricing plans
 
-NGINXaaS for Google Cloud is billed monthly based on hourly consumption.
+F5 NGINXaaS for Google Cloud is offered on an Enterprise plan, delivering enterprise-grade performance, scalability, and security backed by a 99.95% uptime SLA. The pricing model consists of three billing components, ensuring transparent and predictable costs based on resource usage.
 
-F5 NGINXaaS for Google Cloud (NGINXaaS) provides two pricing plans.
+### Pricing components
+{{< table >}}
 
-### Enterprise
-
-The Enterprise plan is designed for production workloads offering a [99.95% uptime SLA](https://www.f5.com/pdf/customer-support/eusa-sla.pdf), high availability through active-active deployments, redundancy, autoscaling, lossless rolling upgrades, and more. Choosing the Enterprise plan will result in billing based on metered consumption of NGINX Capacity Units (NCU).
-
-When using the Enterprise plan, NGINXaaS is a consumption-based service, metered hourly, and billed monthly in NGINX Capacity Units (NCUs).
-
-The SKU for the Enterprise pricing plan is `tbd`.
-
-### Basic plan
-
-The Basic plan is ideal for those who are just starting out, as it's intended for early-stage trials, development work, and testing. Please note that it doesn't provide service level agreement (SLA) guarantees, and it lacks both redundancy options and the capability to scale resources as needed.
-
-When using the Basic plan, each NGINXaaS deployment is billed at the rate specified on the Google Cloud marketplace offering.
-
-The SKU for the Basic pricing plan is `tbd`.
+| Component                   | Cost                          |
+|---------------------------- | ----------------------------- |
+| Fixed price                 | $0.10 per hour                |
+| NGINX Capacity Units (NCU)  | $0.008 per NCU per hour       |
+| Data processing             | $0.0096 per GB processed      |
 
+{{< /table >}}
 
 ## NGINX Capacity Unit (NCU)
 
-{{< include "/nginxaas-google/ncu-description.md" >}}
-
-Each NCU provisioned (not consumed) is billed at the rate specified on the Google Cloud marketplace offer. The minimum usage interval is 1 hour, and the maximum provisioned NCU size is billed for that hour.
+An NGINX Capacity Unit (NCU) quantifies the capacity for a deployment. Resources are metered hourly based on the capacity utilized, enabling customers to scale up or down dynamically. The minimum billing interval is 5 min, ensuring accurate alignment of cost and usage. A single NCU consists of:
 
-*Billing Example 1*: "I provisioned a 20 NCU NGINXaaS deployment in East US 2 at 9:04AM and then deleted it at 10:45AM."
+   - Bandwidth – 2.2 Mbps
+   - Connections – 3000
 
-* The hourly rate in East US 2 is `$0.03/NCU/hour`.
-* 9:00 hour: `20 NCU·hour`
-* 10:00 hour: `20 NCU·hour`
-* Total NCU·hours: `40 NCU·hour`
-* Total: `40 NCU·hour * $0.03/NCU/hour = $1.20`.
+## Billing examples
 
-*Billing Example 2*: "I provisioned a 40 NCU NGINXaaS deployment in West Europe at 9:34AM. At 10:04AM I resized it to 20 NCUs. I then deleted it at 11:45AM."
+### Deployment with 20 NCUs processing 100 GB of data for 1 hour
 
-* The hourly rate in West Europe is `$0.05/NCU/hour`.
-* 9:00 hour: `40 NCU·hour`
-* 10:00 hour: `40 NCU·hour`
-* 11:00 hour: `20 NCU·hour`
-* Total NCU·hours: `100 NCU·hour`
-* Total:  `100 NCU·hours * 0.05$/NCU/hour = $5.00`.
+- Fixed price: $0.10/hour
+- NCU usage: 20 NCUs * $0.008/hour = $0.16/hour
+- Data processing: 100 GB * $0.0096/GB = $0.96
 
-{{< call-out "note" >}}Further guidance:
-* For how many NCUs should you provision and how to scale to match workload, see the [Scaling Guidance]({{< ref "/nginxaas-google/quickstart/scaling.md" >}})
-{{< /call-out >}}
+**Total cost for 1 hour: $0.10 + $0.16 + $0.96 = $1.22**
 
+### Deployment using 30 NCUs for 2 hours and scaled to 50 NCUs for another hour, processing 200 GB of data
 
-## Bandwidth
+- Fixed price: $0.10/hour * 3 hours = $0.30
+- NCU usage: (30 NCUs * $0.008/hour * 2 hours) + (50 NCUs * $0.008/hour * 1 hour) = $0.88
+- Data processing: 200 GB * $0.0096/GB = $1.92
 
-The standard GCP [network and bandwidth](https://cloud.google.com/vpc/pricing) charges apply to NGINX deployments.
+**Total cost for 3 hours: $0.30 + $0.88 + $1.92 = $3.10**
 
 ## Review billing data
 
-NGINXaaS billing data is reported per deployment and can be viewed in the console.
+Billing data for F5 NGINXaaS for Google Cloud is reported per deployment and can be accessed through the Google Cloud Cost Management Dashboard. Usage metrics and costs are updated hourly, allowing customers to monitor and optimize resource allocation effectively.
diff --git a/content/nginxaas-google/billing/usage-and-cost-estimator.md b/content/nginxaas-google/billing/usage-and-cost-estimator.md
@@ -2,147 +2,69 @@
 title: Usage and cost estimator
 weight: 200
 toc: true
-draft: true
 nd-docs: DOCS-000
 url: /nginxaas/google/billing/usage-and-cost-estimator/
 type:
 - concept
 ---
 
 {{< raw-html >}}
-
 <link rel="stylesheet" href="/nginxaas-google/css/cost-calculator_v2.css">
 <div id="calculator">
-    <h3 id="calculator-section-heading">
-            Cost Estimation for Enterprise Plan
-            <button id="printButton">Print Estimate</button>
-        </h3>
-    <div class="section">
-        <div class="form-section">
-            <div class="form-section-content">
-                <h4>1. Estimate NCU Usage </h4>
-                <div>
-                    <div class="form-field">
-                        <label for="avgNewConnsPerSec">
-                            Average New Connections per Second
-                        </label>
-                        <input id="avgNewConnsPerSec" type="number" />
-                    </div>
-                    <div class="form-field avg-conn-duration-container">
-                        <label for="avgConnDuration">
-                            Average Connection Duration
-                        </label>
-                        <input id="avgConnDuration" type="number" />
-                    </div>
-                    <div class="form-field bandwidth-input-container">
-                        <label for="totalBandwidth">
-                            Total Processed Data
-                        </label>
-                        <input id="totalBandwidth" type="number" />
-                    </div>
-                </div>
-            </div>
-            <div class="form-section-content">
-                <div class=form-section-footer>
-                    <div class="totals">
-                        <span>NGINX Capacity Units Needed</span>
-                        <span id="ncuEstimateValue">--</span>
-                        <span> Sold in bundles of 10, with a minimum of 10</span>
-                    </div>
-                    <details id="ncu-usage-details">
-                        <summary>Show calculations</summary>
-                        <div id="ncuEstimateDetails">
-                        <div class="math">
-                            <var id="ncuEstConnRate">x</var> new connections per second *
-                            <var id="ncuEstConnDuration">y</var> average connection duration seconds =
-                            <var id="ncuEstAvgConn">z</var> average concurrent connections
-                        </div>
-                        <pre class="math">
-Max(
-    <var id="ncuEstAvgConn2">x</var> concurrent connections / <span id="ncuEstConnsPerNcu"></span> Conns per NCU,
-    <var id="ncuEstConnRate2">y</var> connections per second / <span id="ncuEstConnsPerSecondPerNcu"></span> conns per second per NCU,
-    <var id="ncuEstDataRate">z</var> Mbps / <span id="ncuEstMbpsPerNcu"></span>Mbps per NCU
-) = <var id="ncuEstMin1"></var> NCUs
-</pre>
-                        <div class="math">
-                            Usage needs at least <var id="ncuEstMin">x</var> NCUs, rounded to the nearest 10, with a minimum of 10 = <var id="ncuEstTotal">total</var> NCUs
-                        </div>
-                        </div>
-                    </details>
-                </div>
-            </div>
+  <h3 id="calculator-section-heading">
+    Cost Estimation for Enterprise Plan
+    <button id="printButton">Print Estimate</button>
+  </h3>
+
+  <div class="section">
+    <div class="form-section">
+      <div class="form-section-content">
+        <h4 id="calculator-section-heading">Estimate Monthly Cost</h4>
+
+        <div class="form-field">
+          <label for="numNcus">NCUs</label>
+          <input id="numNcus" type="number" step="10" min="10" />
         </div>
-        <div class="form-section">
-        <div class=form-section-content>
-            <h4 id="calculator-section-heading">
-               2. Estimate Monthly Cost
-            </h4>
-            <div class="form-field">
-                <label for="region">
-                    Region
-                </label>
-                <select id="region">
-                <!-- options appended from tiers data -->
-                </select>
-            </div>
-            <div class="form-field">
-                <label for="numNcus">
-                    NCUs <span class="label-details">- value from usage estimate: <span id="numNcusEstVal"> - </span></span>
-                </label>
-                <input id="numNcus" type="number" step="10" min="10" />
-                <span id="ncuValidation"></span>
-            </div>
-            <div class="form-field">
-                <label for="numHours">
-                    Hours <span class="label-details">- used in a month</span>
-                </label>
-                <input id="numHours" type="number"/>
-            </div>
-            <div class="form-field">
-                <label for="numListenPorts">
-                    Listen Ports <span class="label-details">- first 5 are included</span>
-                </label>
-                <input id="numListenPorts" type="number"/>
-            </div>
-            <div class="form-field">
-                <label for="isWAF">
-                    Utilize WAF <span class="label-details"></span>
-                </label>
-                <input type="checkbox" id="isWAF" />
-            </div>
-            </div>
-            <div class=form-section-content>
-                <div id="totals-section">
-                    <span class="total-text">Total Monthly Payment</span>
-                    <span id="total-value" class="total-text">--</span>
-                    <div class="subtitle">
-                        The standard Azure networking and bandwidth charges apply to NGINX deployments.
-                    </div>
-                    <details id="total-cost-details">
-                        <summary>Show calculations</summary>
-                        <div class="details-content">
-                            <div class="details-section">
-                                <p class="math">
-                                    <var id="cost-detail-hours"></var> hours * ((<var id="cost-detail-ncus"></var> NCUs * <var id="cost-detail-tier-cost"></var> per NCU per hour) + <var id="cost-detail-listen-ports"></var> additional listen ports * <var id="cost-detail-listen-ports-cost"></var>) = <var id="cost-detail-total"></var>
-                                    </br>
-                                </p>
-                            </div>
-                            <div class="details-section">
-                                <table class="math" id="tiers-costs-table">
-                                    <tr>
-                                        <th>Region</th>
-                                        <th>Tier</th>
-                                        <th>Cost per NCU/hr</th>
-                                    </tr>
-                                    <!-- tier costs data appended here -->
-                                </table>
-                            </div>
-                        </div>
-                    </details>
-                </div>
+
+        <div class="form-field">
+          <label for="numHours">
+            Hours <span class="label-details">- used in a month</span>
+          </label>
+          <input id="numHours" type="number" />
+        </div>
+
+        <div class="form-field">
+          <label for="dataProcessedGb">Data Processed (GB/month)</label>
+          <input id="dataProcessedGb" type="number" />
+        </div>
+      </div>
+
+      <div class="form-section-content">
+        <div id="totals-section">
+          <span class="total-text">Total Monthly Payment</span>
+          <span id="total-value" class="total-text">--</span>
+
+          <details id="total-cost-details">
+            <summary>Show calculations</summary>
+            <div class="details-content">
+              <div class="details-section">
+                <p class="math">
+                  <var id="cost-detail-hours"></var> hours * (
+                    <var id="cost-detail-fixed-hourly"></var> fixed/hr +
+                    <var id="cost-detail-ncus"></var> NCUs * <var id="cost-detail-ncu-hourly"></var> per NCU/hr
+                  )
+                  + <var id="cost-detail-data-gb"></var> GB * <var id="cost-detail-data-pergb"></var> per GB
+                  = <var id="cost-detail-total"></var>
+                </p>
+              </div>
             </div>
+          </details>
         </div>
+      </div>
     </div>
+  </div>
 </div>
-<script type="module" src="/nginxaas-google/js/cost-calculator_v2.js"></script>
+
+<script type="module" src="/nginxaas-google/js/cost-calculator_gc.js"></script>
+
 {{< /raw-html >}}
diff --git a/go.mod b/go.mod
@@ -2,4 +2,4 @@ module github.com/nginxinc/docs
 
 go 1.19
 
-require github.com/nginxinc/nginx-hugo-theme v1.0.9 // indirect
+require github.com/nginxinc/nginx-hugo-theme v1.0.10 // indirect
diff --git a/go.sum b/go.sum
@@ -1,2 +1,4 @@
 github.com/nginxinc/nginx-hugo-theme v1.0.9 h1:EGKtgFdJcCaSiI1TSN/vB2o6U5huMXgFoVcXTRiYEv0=
 github.com/nginxinc/nginx-hugo-theme v1.0.9/go.mod h1:DPNgSS5QYxkjH/BfH4uPDiTfODqWJ50NKZdorguom8M=
+github.com/nginxinc/nginx-hugo-theme v1.0.10 h1:asgiAiwSdU6DgLUYYhETb7u6QSZzb7cHIprvvgoxB/o=
+github.com/nginxinc/nginx-hugo-theme v1.0.10/go.mod h1:DPNgSS5QYxkjH/BfH4uPDiTfODqWJ50NKZdorguom8M=
diff --git a/static/nginxaas-google/css/cost-calculator_v2.css b/static/nginxaas-google/css/cost-calculator_v2.css
diff --git a/static/nginxaas-google/js/cost-calculator_gc.js b/static/nginxaas-google/js/cost-calculator_gc.js

Original file line number	Diff line number	Diff line change
`@@ -2,4 +2,4 @@ module github.com/nginxinc/docs`
`2`	`2`
`3`	`3`	`go 1.19`
`4`	`4`
`5`		`-require github.com/nginxinc/nginx-hugo-theme v1.0.9 // indirect`
	`5`	`+require github.com/nginxinc/nginx-hugo-theme v1.0.10 // indirect`