Updated in-app pricing page for CD (#1273)

pluralsh · Nov 13, 2023 · ac5e20c · ac5e20c
1 parent eef9788
commit ac5e20c
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 4 deletions.
diff --git a/www/src/components/account/billing/BillingPricingCards.tsx b/www/src/components/account/billing/BillingPricingCards.tsx
@@ -101,11 +101,15 @@ function BillingPricingCards() {
               checked: true,
             },
             {
-              label: 'Unlimited apps',
+              label: 'Unlimited open-source apps',
               checked: true,
             },
             {
-              label: 'Up to 5 users',
+              label: 'Up to 2 users',
+              checked: true,
+            },
+            {
+              label: '1 cluster',
               checked: true,
             },
             {
@@ -152,10 +156,18 @@ function BillingPricingCards() {
               label: 'Unlimited users',
               checked: true,
             },
+            {
+              label: 'Unlimited clusters',
+              checked: true,
+            },
             {
               label: '24 hour SLA',
               checked: true,
             },
+            {
+              label: 'Continuous deployment features',
+              checked: true,
+            },
             {
               label: 'Advanced user management',
               checked: true,

diff --git a/www/src/components/account/billing/BillingPricingTable.tsx b/www/src/components/account/billing/BillingPricingTable.tsx
@@ -60,13 +60,15 @@ function BillingPricingTable() {
           {...firstColumnCellProps}
           borderTopLeftRadius={6}
         >
-          Apps
+          Open-Source Apps
         </Div>
         <Div {...firstColumnCellProps}>Clusters</Div>
         <Div {...firstColumnCellProps}>Users</Div>
+        <Div {...firstColumnCellProps}>Services</Div>
         <Div {...firstColumnCellProps}>Roles</Div>
         <Div {...firstColumnCellProps}>Groups</Div>
         <Div {...firstColumnCellProps}>Service accounts</Div>
+        <Div {...firstColumnCellProps}>Continuous deployment</Div>
         <Div {...firstColumnCellProps}>Discord Forum</Div>
         <Div {...firstColumnCellProps}>Community support</Div>
         <Div {...firstColumnCellProps}>
@@ -105,7 +107,13 @@ function BillingPricingTable() {
         </Div>
         <Div body2>Unlimited</Div>
         <Div body2>Free</Div>
-        <Div body2>Up to 5</Div>
+        <Div body2>Up to 2</Div>
+        <Div>
+          <CloseIcon color="icon-default" />
+        </Div>
+        <Div>
+          <CloseIcon color="icon-default" />
+        </Div>
         <Div>
           <CloseIcon color="icon-default" />
         </Div>
@@ -174,6 +182,10 @@ function BillingPricingTable() {
         <Div body2>Unlimited</Div>
         <Div body2>${clusterMonthlyPricing}/cluster/month</Div>
         <Div body2>${userMonthlyPricing}/user/month</Div>
+        <Div body2>$200/pack of 5 services/month</Div>
+        <Div>
+          <CheckIcon color="icon-success" />
+        </Div>
         <Div>
           <CheckIcon color="icon-success" />
         </Div>
@@ -259,6 +271,15 @@ function BillingPricingTable() {
         >
           Unlimited
         </Div>
+        <Div
+          {...lastColumnCellProps}
+          body2
+        >
+          Unlimited
+        </Div>
+        <Div {...lastColumnCellProps}>
+          <CheckIcon color="icon-success" />
+        </Div>
         <Div {...lastColumnCellProps}>
           <CheckIcon color="icon-success" />
         </Div>