Merge pull request #229 from appwrite/chore-update-pricing-page

chore: update pricing page details
appwrite · Oct 11, 2023 · 593e5fc · 593e5fc
2 parents 3680b14 + 7c55f8d
commit 593e5fc
Show file tree

Hide file tree

Showing 5 changed files with 42 additions and 28 deletions.
diff --git a/.gitpod.yml b/.gitpod.yml
@@ -0,0 +1,11 @@
+# This configuration file was automatically generated by Gitpod.
+# Please adjust to your needs (see https://www.gitpod.io/docs/introduction/learn-gitpod/gitpod-yaml)
+# and commit this file to your remote git repository to share the goodness with others.
+
+# Learn more from ready-to-use templates: https://www.gitpod.io/docs/introduction/getting-started/quickstart
+
+tasks:
+  - init: pnpm install && pnpm run build
+    command: pnpm run dev
+
+
diff --git a/src/routes/pricing/+page.svelte b/src/routes/pricing/+page.svelte
@@ -75,15 +75,15 @@
 										</header>
 										<div class="aw-pricing-cards-content">
 											<ul class="aw-checked-list-circle">
+												<li><span>Unlimited projects (never paused)</span></li>
 												<li><span>10GB bandwidth</span></li>
-												<li><span>Unlimited projects</span></li>
-												<li><span>Never paused</span></li>
+												<li><span>2GB storage</span></li>
 												<li><span>750K executions</span></li>
-												<li><span>50MB uploads</span></li>
-												<li><span>1 Database, 3 Buckets, 5 Functions</span></li>
+												<li><span>75K monthly active users</span></li>
 												<li><span>Community support</span></li>
 												<li><span>Non-removable Appwrite branding</span></li>
 												<li><span>No Add-ons</span></li>
+												<li><span>1 Database, 3 Buckets, 5 Functions per project</span></li>
 											</ul>
 										</div>
 									</div>
@@ -97,7 +97,7 @@
 										<header class="aw-pricing-cards-header">
 											<h2 class="aw-label">Pro</h2>
 											<div class="aw-title aw-u-color-text-primary u-margin-block-start-8">$15</div>
-											<div class="u-margin-block-start-4">per user/month</div>
+											<div class="u-margin-block-start-4">per member/month</div>
 											<p class="aw-main-body-500 u-margin-block-start-16">
 												For pro developers and teams that need to scale their products.
 											</p>
@@ -109,17 +109,13 @@
 											<p>Everything in Starter plus:</p>
 											<ul class="aw-checked-list-circle">
 												<li><span>300GB bandwidth</span></li>
-												<li><span>Unlimited projects</span></li>
-												<li><span>Never paused</span></li>
-												<li><span>150K Monthly active users</span></li>
-												<li><span>150GB Storage</span></li>
+												<li><span>150GB storage</span></li>
 												<li><span>3.5M executions</span></li>
-												<li>
-													<span>Unlimited Databases, Buckets and Functions</span>
-												</li>
+												<li><span>200K monthly active users</span></li>
 												<li><span>Email support</span></li>
 												<li><span>Removable Appwrite branding</span></li>
 												<li><span>Add-ons</span></li>
+												<li><span>Unlimited Databases, Buckets and Functions</span></li>
 											</ul>
 										</div>
 									</div>
@@ -136,7 +132,7 @@
 											<div class="aw-title aw-u-color-text-primary u-margin-block-start-8">
 												$685
 											</div>
-											<div class="u-margin-block-start-4">per organiztion/month</div>
+											<div class="u-margin-block-start-4">per organization/month</div>
 											<p class="aw-main-body-500 u-margin-block-start-16">
 												For scaling teams and agencies that need dedicated support.
 											</p>
@@ -148,10 +144,15 @@
 											</button>
 										</header>
 										<div class="aw-pricing-cards-content">
-											<p>Everything in Starter & Pro, plus:</p>
+											<p>Everything in Starter & Pro plus:</p>
 											<ul class="aw-checked-list-circle">
-												<li><span>Extra support log retention days</span></li>
-												<li><span>Additional org member roles</span></li>
+												<li><span>5TB bandwidth</span></li>
+												<li><span>500GB storage</span></li>
+												<li><span>10M executions</span></li>
+												<li><span>500K monthly active users</span></li>
+												<li><span>Priority support</span></li>
+												<li><span>14-day log retention</span></li>
+												<li><span>Additional organization roles</span></li>
 												<li><span>SSO</span></li>
 											</ul>
 										</div>

diff --git a/src/routes/pricing/compare-plans.svelte b/src/routes/pricing/compare-plans.svelte
@@ -104,7 +104,7 @@
                 },
                 {
                     title: 'Webhooks',
-                    free: '2 Per project',
+                    free: '2 per project',
                     pro: 'Unlimited',
                     scale: 'Unlimited'
                 },
@@ -122,9 +122,9 @@
                 },
                 {
                     title: 'Additional organization member roles',
-                    free: 'Unlimited',
-                    pro: 'Unlimited',
-                    scale: 'Unlimited'
+                    free: '-',
+                    pro: '-',
+                    scale: 'Coming Soon'
                 }
             ]
         },
@@ -133,12 +133,12 @@
             rows: [
                 {
                     title: 'Users',
-                    free: '75,000 Monthly active users',
-                    pro: '200,000 Monthly active users',
-                    scale: '500,000 Monthly active users'
+                    free: '75,000 monthly active users',
+                    pro: '200,000 monthly active users',
+                    scale: '500,000 monthly active users'
                 },
                 {
-                    title: 'Additional users (cost per user)',
+                    title: 'Additional users',
                     free: '-',
                     pro: '$3 per 1,000 users',
                     scale: '$3 per 1,000 users'
@@ -198,7 +198,7 @@
                 {
                     title: 'File size limit',
                     free: '50MB',
-                    pro: '5TB',
+                    pro: '5GB',
                     scale: '5TB'
                 },
                 {
@@ -238,7 +238,7 @@
                 {
                     title: 'Concurrent connections',
                     free: '250',
-                    pro: '750',
+                    pro: '500',
                     scale: '1500'
                 },
                 {

diff --git a/src/scss/6-elements/_lists.scss b/src/scss/6-elements/_lists.scss
@@ -69,7 +69,7 @@
 .#{$p}-checked-list-circle {
   display:flex; flex-direction:column; gap:pxToRem(20);
   li {
-    display:flex; justify-items:baseline; gap:pxToRem(8);
+    display:flex; align-items: start; gap:pxToRem(8);
     &::before { @include checked-badge; }
   }
 }

diff --git a/src/scss/abstract/mixins/_checked-badge.scss b/src/scss/abstract/mixins/_checked-badge.scss
@@ -3,8 +3,10 @@
   content: "";
   display:block;
   inline-size:pxToRem(20);
-  block-size:pxToRem(20);
+  min-inline-size:pxToRem(20);
+  block-size:pxToRem(24);
   background-repeat: no-repeat;
   background-size: contain;
   background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iOCIgZmlsbD0iI0ZEMzY2RSIgZmlsbC1vcGFjaXR5PSIwLjA4IiBzdHJva2U9IiNGRDM2NkUiIHN0cm9rZS1vcGFjaXR5PSIwLjMyIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik02LjI1IDExLjVMOC43NSAxMy41TDEzLjc1IDciIHN0cm9rZT0iI0U0RTRFNyIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
+  background-position-y: center;
 }