docs: add cloud plans & pricing page (#13420)

* docs: add cloud plans & pricing page

* fix buttons

* simplify condition

* remove test frontmatter

* design fixes and changes

* styling fixes

* change node version for tests

* fix build error

* fix tests

* fix github pipeline

www/apps/cloud/utils/sanity-client.ts

@@ -0,0 +1,8 @@
+import { createClient } from "@sanity/client"
+
+export const sanityClient = createClient({
+  projectId: process.env.NEXT_PUBLIC_SANITY_PROJECT_ID || "",
+  dataset: process.env.NEXT_PUBLIC_SANITY_DATASET || "production",
+  apiVersion: "2025-02-19",
+  useCdn: false,
+})

www/apps/cloud/utils/types.ts

@@ -0,0 +1,90 @@
+export type PricingQueryResult = Array<{
+  _id: string
+  _type: "heroPricing" | "featureTable"
+  featureTableFields: FeatureTableFields | null
+  heroPricingFields: HeroPricingFields | null
+}>
+
+export type HeroPricingFields = {
+  options: Array<{
+    _key: string
+    _type: "option"
+    buttons: Array<{
+      _key: string
+      _type: "button"
+      link: {
+        _type: "link"
+        label: string
+        path: string
+        type: string
+      }
+      size: string
+      variant: string
+    }>
+    description: string
+    features: string[]
+    subtitle: string
+    title: string
+    pre_features?: string
+    titleLine2?: string
+  }>
+}
+
+export type FeatureTableFields = {
+  columnHeaders: string[]
+  featureSections: Array<{
+    _key: string
+    header: {
+      _type: "sectionHeader"
+      icon: {
+        _type: "image"
+        asset: {
+          _ref: string
+          _type: "reference"
+        }
+      }
+      subtitle: string
+      title: string
+    }
+    rows: Array<{
+      _key: string
+      column1: Block[]
+      column2: Block[]
+      column3: Block[]
+      column4: Block[]
+    }>
+  }>
+  links: Array<{
+    _key: string
+    _type: "button"
+    link: {
+      _type: "link"
+      label: string
+      path: string
+      type: string
+    }
+    size: string
+    variant: string
+  }>
+}
+
+export type Block = {
+  _key: string
+  _type: "block"
+  children: Array<Span | TooltipBlock>
+  markDefs: any[]
+  style: string
+}
+
+export type Span = {
+  _key: string
+  _type: "span"
+  marks: string[]
+  text: string
+}
+
+export type TooltipBlock = {
+  _key: string
+  _type: "tooltipBlock"
+  text: string
+}