Website: add /capex-savings page (fleetdm#50272)

Changes:
- Added  a new landing page: /capex-savings

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

* **New Features**
  * Added a CapEx savings page available at `/capex-savings`.
* Added guidance on device refresh cycles, hardware performance, and
recommended replacement timing.
* Added a savings calculator for device cost, refresh cycle, and fleet
size, with estimated annual savings and assumptions.
* Added responsive layouts, imagery, calls to action, and
mobile-friendly calculator controls.
* Added supporting content on refresh recommendations, Fleet hardware
performance, and device lifecycle planning.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

Author: eashaw

website/api/controllers/view-capex-savings.js

@@ -0,0 +1,27 @@
+module.exports = {
+
+
+  friendlyName: 'View capex savings',
+
+
+  description: 'Display "Capex savings" page.',
+
+
+  exits: {
+
+    success: {
+      viewTemplatePath: 'pages/capex-savings'
+    }
+
+  },
+
+
+  fn: async function () {
+
+    // Respond with view.
+    return {};
+
+  }
+
+
+};

website/assets/images/capex-cta-callout-272x61@2x.png

@@ -0,0 +1,48 @@
+parasails.registerPage('capex-savings', {
+  //  ╦╔╗╔╦╔╦╗╦╔═╗╦    ╔═╗╔╦╗╔═╗╔╦╗╔═╗
+  //  ║║║║║ ║ ║╠═╣║    ╚═╗ ║ ╠═╣ ║ ║╣
+  //  ╩╝╚╝╩ ╩ ╩╩ ╩╩═╝  ╚═╝ ╩ ╩ ╩ ╩ ╚═╝
+  data: {
+    costPerDevice: 3300,
+    currentCycleYears: 3,
+    deviceCount: 2000,
+  },
+
+  //  ╦  ╦╔═╗╔═╗╔═╗╦ ╦╔═╗╦  ╔═╗
+  //  ║  ║╠╣ ║╣ ║  ╚╦╝║  ║  ║╣
+  //  ╩═╝╩╚  ╚═╝╚═╝ ╩ ╚═╝╩═╝╚═╝
+  beforeMount: function() {
+    //…
+  },
+  mounted: async function() {
+    //…
+  },
+
+  //  ╔═╗╔═╗╔╦╗╔═╗╦ ╦╔╦╗╔═╗╔╦╗
+  //  ║  ║ ║║║║╠═╝║ ║ ║ ║╣  ║║
+  //  ╚═╝╚═╝╩ ╩╩  ╚═╝ ╩ ╚═╝═╩╝
+  computed: {
+    // Slider label for the cost input (e.g. "$3,300").
+    formattedCostPerDevice: function() {
+      return '$' + Number(this.costPerDevice).toLocaleString('en-US');
+    },
+    calculatorResult: function() {
+      let cost = Number(this.costPerDevice);
+      let cycleYears = Number(this.currentCycleYears);
+      let devices = Math.max(1, Number(this.deviceCount) || 0);
+      // Monthly cost on the current cycle vs. the same cycle + 1 year.
+      let monthlyCurrent = cost / (cycleYears * 12);
+      let monthlyExtended = cost / ((cycleYears + 1) * 12);
+      let savingsPerDeviceMonthly = monthlyCurrent - monthlyExtended;
+      let fleetSavingsYearly = savingsPerDeviceMonthly * devices * 12;
+      return '$' + Math.round(fleetSavingsYearly).toLocaleString('en-US');
+    },
+  },
+
+  //  ╦╔╗╔╔╦╗╔═╗╦═╗╔═╗╔═╗╔╦╗╦╔═╗╔╗╔╔═╗
+  //  ║║║║ ║ ║╣ ╠╦╝╠═╣║   ║ ║║ ║║║║╚═╗
+  //  ╩╝╚╝ ╩ ╚═╝╩╚═╩ ╩╚═╝ ╩ ╩╚═╝╝╚╝╚═╝
+  methods: {
+    //…
+  }
+});

website/assets/images/capex-cta-callout-line-90x42@2x.png

@@ -117,4 +117,5 @@
 @import 'pages/visibility-and-reporting.less';
 @import 'pages/security-and-control.less';
 @import 'pages/ai-in-it.less';
+@import 'pages/capex-savings.less';