From f89b3b07f2c644a1bebce7dbb039c9e4cd848b84 Mon Sep 17 00:00:00 2001
From: Mauricio Siu <siumauricio@icloud.com>
Date: Mon, 23 Feb 2026 10:28:28 -0600
Subject: [PATCH] feat: enhance Pricing component with Cloud and Self Hosted
 options

- Added new sections for Cloud and Self Hosted pricing options to provide users with clearer choices.
- Included descriptions for each option to improve understanding of hosting solutions.
- Adjusted layout to accommodate the new pricing display while maintaining visual consistency.
---
 apps/website/components/pricing.tsx | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/apps/website/components/pricing.tsx b/apps/website/components/pricing.tsx
index 3083eff..f373835 100644
--- a/apps/website/components/pricing.tsx
+++ b/apps/website/components/pricing.tsx
@@ -250,10 +250,20 @@ export function Pricing() {
 							<p className="mt-1 text-sm text-muted-foreground">
 								For large organizations who want more control
 							</p>
-							<div className="mt-4">
-								<span className="text-xl font-semibold text-primary">
-									Contact Sales
-								</span>
+							{/* Cloud & Self Hosted options */}
+							<div className="mt-4 grid grid-cols-2 gap-3">
+								<div className="rounded-xl border border-border/50 bg-background/50 px-4 py-3">
+									<p className="font-medium text-white text-center">Cloud</p>
+									<p className="mt-0.5 text-xs text-muted-foreground text-center">
+										We host and manage everything for you
+									</p>
+								</div>
+								<div className="rounded-xl border border-border/50 bg-background/50 px-4 py-3">
+									<p className="font-medium text-white text-center">Self Hosted</p>
+									<p className="mt-0.5 text-xs text-muted-foreground text-center">
+										Install on-prem or in your own cloud
+									</p>
+								</div>
 							</div>
 							<ul className="mt-6 flex flex-col gap-2 text-sm text-muted-foreground">
 								{enterpriseFeatures.map((f) => (