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
2025-09-11 18:18:12 +03:00
parent 69b92681b9
commit 3a7a2571a6
17 changed files with 767 additions and 14 deletions
@@ -0,0 +1,68 @@
+"use server"
+
+import { sanityClient } from "../../utils/sanity-client"
+import { PricingQueryResult } from "../../utils/types"
+import HeroPricing from "../../components/Pricing/HeroPricing"
+import { notFound } from "next/navigation"
+import FeatureSections from "../../components/Pricing/FeatureSections"
+import { H2, Hr, Loading } from "docs-ui"
+import { cache, Suspense } from "react"
+
+export default async function PricingPage() {
+  if (process.env.NEXT_PUBLIC_ENV === "CI") {
+    return <div>Pricing page is not available in the CI environment.</div>
+  }
+  const data = await loadPricingData()
+
+  const heroPricingData = data.find((item) => item._type === "heroPricing")
+  const featureTableData = data.find((item) => item._type === "featureTable")
+
+  // Ensure both data pieces are present
+  if (
+    !featureTableData?.featureTableFields ||
+    !heroPricingData?.heroPricingFields
+  ) {
+    return notFound()
+  }
+
+  return (
+    <Suspense fallback={<Loading />}>
+      <H2 id="cloud-plans">Cloud Plans</H2>
+      <HeroPricing data={heroPricingData.heroPricingFields} />
+      <Hr />
+      <H2 id="plans-features">Plans Features</H2>
+      <FeatureSections
+        featureSections={featureTableData.featureTableFields.featureSections}
+        columnCount={featureTableData.featureTableFields.columnHeaders.length}
+        columns={featureTableData.featureTableFields.columnHeaders}
+      />
+    </Suspense>
+  )
+}
+
+const loadPricingData = cache(async () => {
+  const data: PricingQueryResult = await sanityClient.fetch(
+    `*[
+      (_type == "featureTable" && _id == "9cb4e359-786a-4cdb-9334-88ad4ce44f05") ||
+      (_type == "heroPricing" && _id == "8d8f33e1-7f18-4b2f-8686-5bc57da697db")
+    ]{
+      _type,
+      _id,
+      // For featureTable
+      "featureTableFields": select(
+        _type == "featureTable" => {
+          columnHeaders,
+          featureSections,
+          links
+        }
+      ),
+      // For heroPricing
+      "heroPricingFields": select(
+        _type == "heroPricing" => {
+          options
+        }
+      )
+    }`
+  )
+  return data
+})
@@ -0,0 +1,15 @@
+---
+generate_toc: true
+---
+
+import Page from "./content"
+
+export const metadata = {
+  title: `Plans & Pricing`,
+}
+
+# {metadata.title}
+
+In this guide, find details about the different Cloud plans and pricing.
+
+<Page />