feat(features): add a pricing page & calculator

apps/docs/content/features/pricing.mdx

@@ -0,0 +1,109 @@
+---
+title: Pricing
+description: Detailed pricing description for deployment on zerops.
+---
+
+import PricingCalculator from "@site/src/components/PricingCalculator"
+
+Zerops offers a usage based pricing model which can accommodate any **small-scale** or **high-availability** applications.
+
+## Projects
+
+A [project](/features/infrastructure#project) is the internal **infrastructure**, dedicated for your **services**. Think of it as a private network where you can deploy your services inside and interact with each other.
+
+You need a project even if you plan on spinning up a single small node.js service, as this internal infrastructure is what allows most of the functionalities on Zerops.
+
+Zerops offers two project core packages:
+
+### Lightweight project core package (Less RAM and CPU usage)
+
+- Core services (L3 balancer with firewall, logger, statistics), HTTP routing and load balancers all on single container
+- Proxy / Load balancer
+- Unique IPv6 address
+- 15 hours of build time
+- 5 GB space for automated backups
+- 100 GB of egress
+
+### Serious project core package (Highly available setup)
+
+- Highly available core services (L3 balancer with firewall, logger, statistics)
+- Highly available HTTP routing & load balancer
+- Proxy / Load balancer
+- Unique IPv6 address
+- 150 hours of build time
+- 25 GB space for automated backups
+- 3 TB of egress
+
+:::info
+Project core is refundable, for eg. if you create a serious project, pay $10 and then delete it after 15 days, you'll get $5 back
+:::
+
+## Resources & Costs
+
+The pricing model is based on the amount of resources allocated to your services inside a project.
+
+:::info
+Pricing is minute based, but credit is deducted once per hour based on the usage throughout the hour.
+:::
+
+### Resource pricing
+
+<table className="w-full rounded-md">
+  <thead>
+    <tr>
+      <th className="w-fit whitespace-nowrap"><strong>Resource</strong></th>
+      <th><strong>Cost</strong></th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td className="w-fit whitespace-nowrap"><strong>Shared CPU</strong></td>
+      <td><strong>$0.60</strong> per CPU / 30 days</td>
+    </tr>
+    <tr>
+      <td className="w-fit whitespace-nowrap"><strong>Dedicated CPU</strong></td>
+      <td><strong>$6.00</strong> per CPU / 30 days</td>
+    </tr>
+    <tr>
+      <td className="w-fit whitespace-nowrap"><strong>RAM</strong></td>
+      <td><strong>$0.75</strong> per 0.25 GB / 30 days</td>
+    </tr>
+    <tr>
+      <td className="w-fit whitespace-nowrap"><strong>Disk space</strong></td>
+      <td><strong>$0.05</strong> per 0.5 GB / 30 days</td>
+    </tr>
+  </tbody>
+</table>
+
+### Other features
+
+<table className="w-full rounded-md">
+  <thead>
+    <tr>
+      <th className="w-fit whitespace-nowrap"><strong>Feature</strong></th>
+      <th><strong>Cost</strong></th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td className="w-fit whitespace-nowrap"><strong>Unique IPv4 address</strong></td>
+      <td><strong>$3.00</strong> / 30 days</td>
+    </tr>
+    <tr>
+      <td className="w-fit whitespace-nowrap"><strong>Object Storage</strong></td>
+      <td><strong>$0.01</strong> / GB</td>
+    </tr>
+  </tbody>
+</table>
+
+## Pricing Calculator
+
+<PricingCalculator />
+
+## Hitting the limits
+
+If you hit the limits of **backup/build/egress** in a project you'll pay:
+
+- **$0.50** - per **5 GB** of backup space
+- **$0.50** - per **15 hours** of build time
+- **$0.10** - per **1 GB** of egress

apps/docs/sidebars.js

@@ -88,6 +88,15 @@ module.exports = {
       },
       className: 'homepage-sidebar-item',
     },
+    {
+      type: 'doc',
+      id: 'features/pricing',
+      label: 'Pricing',
+      customProps: {
+        sidebar_icon: 'currency-dollar',
+      },
+      className: 'homepage-sidebar-item',
+    },
     // {
     //   type: 'doc',
     //   id: 'features/remote-dev',