Gs pricing changes

src/_data/pricingFeatures.yaml

@@ -3,18 +3,18 @@ sections:
     rows:
       - id: cloud-devices
         label: Edge Devices
-        cloudValues: [ 'check', 'check', 'check', 'check' ]      
+        cloudValues: [ 'check', 'check', 'check' ]      
         tags: [ 'cloud' ]
         info: "<ul class='py-4'><li><span class='font-semibold'>Starter:</span> Includes 5 edge devices.</li><li><span class='font-semibold'>Team:</span> Starts with 5, shared with hosted instance count.</li><li><span class='font-semibold'>Enterprise:</span> Starts with 20, shared with hosted instance count.</li></ul>"
       - id: nr-hosting
         label: Node-RED Hosting
-        cloudValues: [ null, 'check', 'check', 'check' ]
+        cloudValues: [ 'check', 'check', 'check' ]
         selfHostedValues: [ 'check', 'check' ]
         tags: [ 'cloud', 'self-hosted' ]
         info: "<p>FlowFuse hosts Node-RED instances.</p>"
       - id: cloud-instances
         label: Hosted Instances
-        cloudValues: [ null, 'check', 'check', 'check' ] 
+        cloudValues: [ 'check', 'check', 'check' ] 
         tags: [ 'cloud' ]
         info: "<ul class='py-4'><li><span class='font-semibold'>Starter:</span> Starts with 2 hosted instances, 2 remote instances. Upgrades available up to 3 hosted/3 remote instances.</li><li><span class='font-semibold'>Team:</span> Starts with 5, shared with edge device count.</li><li><span class='font-semibold'>Enterprise:</span> Starts with 20, shared with edge device count.</li></ul>"
       - id: self-hosted-instances
@@ -44,31 +44,31 @@ sections:
         info:
       - id: custom-hostname
         label: Custom Hostnames
-        cloudValues: [ null, null, null, 'check' ]
+        cloudValues: [ null, null, 'check' ]
         selfHostedValues: [ null, 'check' ]    
         tags: [ 'cloud', 'self-hosted' ]
         info: "<p>Access your Node-RED application via your own domain name.</p>"
       - id: persistent-files
         label: Persistent files
-        cloudValues: [ null, '1 GB', '10 GB', '100 GB' ]    
+        cloudValues: [ '1 GB', '10 GB', '100 GB' ]    
         tags: [ 'cloud' ]
         info: "<p>FlowFuse allows Node-RED instances to store files persistently to local file system. This is the space limit for these files.</p>"
       - id: persistent-context
         label: Persistent Context
-        cloudValues: [ null, '10 MB', '100 MB', '1 GB' ]    
+        cloudValues: [ '10 MB', '100 MB', '1 GB' ]    
         tags: [ 'cloud' ]
         info: "<p>In-memory values defined in a Node-RED flow will persist across project restarts and upgrades.</p>"
   - label: Scale
     rows:
       - id: device-mgmt
         label: Device Management
-        cloudValues: [ 'check', 'check', 'check', 'check' ]
+        cloudValues: [ 'check', 'check', 'check' ]
         selfHostedValues: [ 'check', 'check' ]    
         tags: [ 'cloud', 'self-hosted' ]
         info: "<p>Connect to edge devices to quickly assess and update logic. Debug one device and roll out improvements to your fleet in minutes. All securely without requiring full device access for your whole organization.</p>"
       - id: mqtt-broker-cloud
         label: MQTT Broker
-        cloudValues: [ null, 'check', 'check', 'check' ]    
+        cloudValues: [ 'check', 'check', 'check' ]    
         tags: [ 'cloud' ]
         info: "<p>Easily manage and create MQTT clients to transport data for efficient messaging and communication within your applications. The Starter Tier includes 2 clients, the Team Tier includes 5 clients, and the Enterprise Tier includes 20 clients as part of your existing plan. Additional clients can be purchased as needed in the future.</p>"
       - id: mqtt-broker-sh
@@ -78,93 +78,105 @@ sections:
         info: "<p>Easily manage and create MQTT clients to transport data efficiently within your applications. The Team Tier includes 8 clients for free as part of your existing plan, and the Enterprise Tier includes 20. You can purchase additional clients as needed in the future.</p>"
       - id: volume-pricing
         label: Volume Pricing
-        cloudValues: [ null, null, 'check', 'check' ]
-        selfHostedValues: [ 'check', 'check' ]
+        cloudValues: [ null, null, 'check' ]
+        selfHostedValues: [ null, 'check' ]
         tags: [ 'cloud', 'self-hosted' ]
         info: "<p>Scaling to hundreds or thousands of Node-RED instances? <a href='/contact-us'>Contact us</a> for customized volume discounts!</p>"
       - id: edge-development
         label: Edge Development
-        cloudValues: [ null, null, 'check', 'check' ]
+        cloudValues: [ null, 'check', 'check' ]
         selfHostedValues: [ 'check', 'check' ]    
         tags: [ 'cloud', 'self-hosted' ]
         info: "<p>Connect to an edge device and develop your flows.</p>"
       - id: pipelines
         label: DevOps Pipelines
-        cloudValues: [ null, null, 'check', 'check' ]
+        cloudValues: [ null, 'check', 'check' ]
         selfHostedValues: [ 'check', 'check' ]
         tags: [ 'cloud', 'self-hosted' ]
         info: "<p>DevOps pipelines allows for you to setup different environments for development, testing and production Node-RED instances.</p>"
       - id: project-nodes
         label: Seamless Data Stream
-        cloudValues: [ null, null, 'check', 'check' ]
+        cloudValues: [ null, 'check', 'check' ]
         selfHostedValues: [ 'check', 'check' ]
         tags: [ 'cloud', 'self-hosted' ]
         info: "<p><a href='https://github.com/FlowFuse/nr-project-nodes' target='blank'>FlowFuse Project Nodes</a> enable the passing of data and messages between your Node-RED projects, included with all FlowFuse Projects by default.</p>"
       - id: device-groups
         label: Device Group Management
-        cloudValues: [ null, null, null, 'check' ]
+        cloudValues: [ null, null, 'check' ]
         selfHostedValues: [ null, 'check' ]    
         tags: [ 'cloud', 'self-hosted' ]
         info: "<p>Device Groups enables users to logically group their devices assigned to an application. Additionally, Device Groups can be integrated into the DevOps Pipeline.</p>"    
       - id: git-integration
         label: Git Integration
-        cloudValues: [ null, null, null, 'check' ]
+        cloudValues: [ null, null, 'check' ]
         selfHostedValues: [ null, 'check' ]    
         tags: [ 'cloud', 'self-hosted' ]
         info: "<p>Backup your flows to a remote git repository through a DevOps Pipeline.</p>"
       - id: ha
         label: High Availability
-        cloudValues: [ null, null, null, 'check' ]
+        cloudValues: [ null, null, 'check' ]
         selfHostedValues: [ null, 'check' ]    
         tags: [ 'cloud', 'self-hosted' ]
         info: "<p>Leverage horizontal scaling for reliable and scalible processing of your data through Node-RED.</p>"      
   - label: Secure
     rows:
       - id: audit-log
         label: Audit Log
-        cloudValues: [ 'check', 'check', 'check', 'check' ]
+        cloudValues: [ null, 'check', 'check' ]
         selfHostedValues: [ 'check', 'check' ]
         tags: [ 'cloud', 'self-hosted' ]
         info: "<p>Keep track of everything going on in your Node-RED instances and FlowFuse.</p><p>Audit Logs provide details on what actions have taken place, when they happened, and who did them.</p>"
       - id: rbac
         label: Role-Based Access Control
-        cloudValues: [ null, 'check', 'check', 'check' ]
+        cloudValues: [ 'check', 'check', 'check' ]
         selfHostedValues: [ 'check', 'check' ]
         tags: [ 'cloud', 'self-hosted' ]
         info: "<p>FlowFuse's intuitive team management tooling makes it easy for you to control whom has access to what.</p>"
       - id: security
         label: Endpoint Security
-        cloudValues: [ null, 'None<br>HTTP Basic Auth', 'None<br>HTTP Basic Auth<br>FlowFuse Authentication', 'None<br>HTTP Basic Auth<br>FlowFuse Authentication' ]
+        cloudValues: [ 'None<br>HTTP Basic Auth', 'None<br>HTTP Basic Auth<br>FlowFuse Authentication', 'None<br>HTTP Basic Auth<br>FlowFuse Authentication' ]
         selfHostedValues: [ 'None<br>HTTP Basic Auth', 'None<br>HTTP Basic Auth<br>FlowFuse Authentication' ]
         tags: [ 'cloud', 'self-hosted' ]
         info: "<p>Use FlowFuse credentials to secure HTTP endpoints for hosted instances.</p>"
       - id: 2fa
         label: Two-factor authentication
-        cloudValues: [ 'check', 'check', 'check', 'check' ]
+        cloudValues: [ 'check', 'check', 'check' ]
         selfHostedValues: [ 'check', 'check' ]
         tags: [ 'cloud', 'self-hosted' ]
         info: "<p><a href='https://flowfuse.com/docs/user/user-settings/#two-factor-authentication' target='blank'>Two-factor authentication</a> adds an extra layer of security to your account.</p>"
+      - id: private-npm-registry
+        label: Private NPM Registry
+        cloudValues: [ null, 'check', 'check' ]
+        selfHostedValues: [ 'check', 'check' ]
+        tags: [ 'cloud', 'self-hosted' ]
+        info: "<p>Access to private NPM registries for secure package management.</p>"
       - id: certified-nodes
         label: Certified Nodes
-        cloudValues: [ null, null, 'check', 'check' ]
+        cloudValues: [ null, 'check', 'check' ]
         selfHostedValues: [ 'check', 'check' ]
         tags: [ 'cloud', 'self-hosted' ]
         info: "<p>FlowFuse Certified Nodes a selection of certfied Node-RED nodes, enhancing efficiency and security.</p>"
       - id: instance-monitoring
         label: Instance Monitoring
-        cloudValues: [ null, null, 'check', 'check' ]
+        cloudValues: [ null, 'check', 'check' ]
         selfHostedValues: [ 'check', 'check' ]
         tags: [ 'cloud', 'self-hosted' ]
         info: "<p>You can enable alerts to be sent to you via email. <a href='https://flowfuse.com/docs/user/instance-settings/#alerts' target='blank'>Learn more</a></p>"
+      - id: performance-observability
+        label: Performance Observability
+        cloudValues: [ null, null, 'check' ]
+        selfHostedValues: [ null, 'check' ]
+        tags: [ 'cloud', 'self-hosted' ]
+        info: "<p>Advanced performance monitoring and observability tools for enterprise deployments.</p>"
       - id: sso
         label: Single Sign-On (SSO)
-        cloudValues: [ null, null, null, 'check' ]
+        cloudValues: [ null, null, 'check' ]
         selfHostedValues: [ null, 'check' ]
         tags: [ 'cloud', 'self-hosted' ]
         info: "<p>FlowFuse can be configured to run with your own Single Sign-On (SSO) provider. Allow users to access FlowFuse with a single set of login credentials, improving security, user experience, and save them time.</p>"
       - id: hipaa
-        label: BAA for Hipaa
-        cloudValues: [ null, null, null, 'check' ]
+        label: BAA for HIPAA
+        cloudValues: [ null, null, 'check' ]
         selfHostedValues: [ null, 'check' ]
         tags: [ 'cloud', 'self-hosted' ]
         info: "<p>Ensure FlowFuse properly safeguards protected health information (PHI) they handle on your business's behalf, mitigating the risk of data breaches and potential HIPAA violations.</p>"
@@ -177,24 +189,24 @@ sections:
         info: "<p>FlowFuse allows multiple team members to collaborate on the same Node-RED flows.</p>"
       - id: team-members
         label: Team Members
-        cloudValues: [ '1', '2', '20', 'Unlimited' ]
+        cloudValues: [ '2', '20', 'Unlimited' ]
         selfHostedValues: [ '20', 'Unlimited' ]        
         tags: [ 'cloud', 'self-hosted' ]
         info: "<p>FlowFuse allows multiple team members to collaborate on the same Node-RED flows.</p>"
       - id: blueprints-cloud
         label: Access to Blueprints
-        cloudValues: [ null, 'check', 'check', 'check' ]
+        cloudValues: [ 'check', 'check', 'check' ]
         tags: [ 'cloud' ]
         info: "<p><a href='https://flowfuse.com/blog/2023/10/blueprints/' target='blank'>FlowFuse's Blueprints</a> simplify Node-RED deployments by offering pre-built, customizable flows for specific use cases.</p>"
       - id: dashboard
         label: Node-RED Dashboard
-        cloudValues: [ 'check', 'check', 'check', 'check' ]
+        cloudValues: [ 'check', 'check', 'check' ]
         selfHostedValues: [ 'check', 'check' ]
         tags: [ 'cloud', 'self-hosted' ]
         info: "<p>Visualize your data with the powerful and intuitive <a href='https://dashboard.flowfuse.com' target='blank'>Node-RED Dashboard</a></p>"
       - id: multi-user-dashboard
         label: Personalised Multi-user Dashboards
-        cloudValues: [ null, null, 'check', 'check' ]
+        cloudValues: [ null, 'check', 'check' ]
         selfHostedValues: [ 'check', 'check' ]
         tags: [ 'cloud', 'self-hosted' ]
         info: "<p>Personalised Multi-user Dashboard allow you to build applications that provide unique data to each user <a href='https://flowfuse.com/blog/2024/01/dashboard-2-multi-user' target='blank'>Learn more</a></p>"
@@ -210,9 +222,6 @@ sections:
         info: "<p>Setup standard nodes and flows that can be shared with all team members.</p>"
 buttons: 
   cloud:
-    - cta: GET STARTED
-      url: https://app.flowfuse.com/account/create
-      onclick: "capture('cta-join', {'position': 'secondary'}, {'plan': 'cloud-free'})"
     - cta: TRY FOR FREE
       url: https://app.flowfuse.com/account/create
       onclick: "capture('cta-join', {'position': 'secondary'}, {'plan': 'cloud-starter'})"
@@ -221,11 +230,11 @@ buttons:
       onclick: "capture('cta-join', {'position': 'secondary'}, {'plan': 'cloud-team'})"
     - cta: Request a Quote
       url: /pricing/request-quote/
-      onclick: "capture('cta-request-quote', {'position': 'secondary'}, {'plan': 'sh-enterprise'})"
+      onclick: "capture('cta-request-quote', {'position': 'secondary'}, {'plan': 'cloud-enterprise'})"
   selfHosted:
     - cta: INSTALL NOW
       url: /docs/install/introduction/
       onclick: "capture('cta-install', {'position': 'secondary'}, {'plan': 'sh-starter'})"
     - cta: Request a Quote
       url: /pricing/request-quote/
-      onclick: "capture('cta-request-quote', {'position': 'secondary'}, {'plan': 'sh-enterprise'})"
+      onclick: "capture('cta-request-quote', {'position': 'secondary'}, {'plan': 'sh-enterprise'})"

src/_includes/feature_lists/features-table-base.njk

@@ -1,11 +1,8 @@
 <div class="ff-feature-table m-auto">
     <ul class="{{ hosting }} ff-feature-table-section sticky top-0 md:top-14 z-10">
         <li class="ff-feature--column-header">
-            <span class="sticky left-0 h-full"></span>
+            <span class="sticky left-0 h-full bg-white"></span>
             {% if hosting == "cloud" %}
-            <label class="mr-2">
-                <div>Free</div>
-            </label>
             <label class="mr-2">
                 <div>Starter</div>
             </label>

src/css/style.css

@@ -1226,7 +1226,7 @@ h4:hover .header-anchor {
 
     .ff-feature-table-section li {
         display: grid;
-        grid-template-columns: 270px 1fr 1fr 1fr 1fr;
+        grid-template-columns: 270px 1fr 1fr 1fr;
         align-items: center;
         @apply bg-indigo-50/30;
     }
@@ -1241,7 +1241,7 @@ h4:hover .header-anchor {
 
     @media (max-width: 720px) {
         .ff-feature-table-section li {
-            grid-template-columns: 220px 1fr 1fr 1fr 1fr;
+            grid-template-columns: 220px 1fr 1fr 1fr;
         }
         .self-hosted.ff-feature-table-section li {
             grid-template-columns: 220px 1fr 1fr;
@@ -1250,7 +1250,7 @@ h4:hover .header-anchor {
 
     @media (max-width: 680px) {
         .ff-feature-table-section li {
-            grid-template-columns: 170px 1fr 1fr 1fr 1fr;
+            grid-template-columns: 170px 1fr 1fr 1fr;
         }
         .self-hosted.ff-feature-table-section li {
             grid-template-columns: 170px 1fr 1fr;

src/css/style.page.css

@@ -145,7 +145,7 @@
 @layer components {
     .pricing-tiles {
         position: relative;
-        grid-template-columns: 1fr 1fr 1fr 1fr;
+        grid-template-columns: 1fr 1fr 1fr;
         gap: 20px;
         z-index: 2;
         margin-left: auto;