website: mark products with status label. (#2105)

Minor one to merge when the BETA release is being made.

website/.vitepress/theme/custom.css

@@ -688,3 +688,8 @@ ul.benefits {
     grid-template-columns: 1fr;
   }
 }
+
+.vp-doc h1 > .VPBadge {
+  margin-top: 8px;
+  font-size: 14px;
+}

website/product/cloud.md

@@ -31,7 +31,7 @@ onMounted(async () => {
 
 <img src="/img/icons/ddn.svg" class="product-icon" />
 
-# Cloud <Badge type="info" text="private alpha" />
+# Cloud <Badge type="info" text="PRIVATE ALPHA" />
 
 Hosted Electric sync that's blazing fast
 and scales to millions of users
@@ -58,9 +58,9 @@ This allows you to scale out real-time data to millions of concurrent users from
 
 ## More information
 
-Electric Cloud is currently in <Badge type="tip" text="private alpha" />.
+Electric Cloud is currently in <Badge type="info" text="PRIVATE ALPHA" />.
 
-If you're interested in using it, you can sign up to the waitlist. We'll be in touch when we have capacity to onboard you.
+If you're interested in using it, you can sign up to the waitlist. We'll be in touch when we can onboard you.
 
 <div class="actions cta-actions page-footer-actions left">
   <div class="action cloud-cta">

website/product/electric.md

@@ -43,7 +43,7 @@ onMounted(async () => {
 
 <img src="/img/icons/electric.svg" class="product-icon" />
 
-# Electric
+# Electric <Badge type="info" text="BETA" />
 
 Sync little subsets of your Postgres data into
 local apps and services.

website/product/pglite.md

@@ -43,7 +43,7 @@ onMounted(async () => {
 
 <img src="/img/icons/pglite.svg" class="product-icon" />
 
-# PGlite
+# PGlite <Badge type="info" text="ALPHA" />
 
 Sync into a lightweight WASM Postgres with
 real-time, reactive bindings.