From 88bbc62f9a0205df16ffaac71c965297110f1be5 Mon Sep 17 00:00:00 2001
From: Moritz Sanft <58110325+msanft@users.noreply.github.com>
Date: Tue, 6 Feb 2024 09:28:13 +0100
Subject: [PATCH] docs: use CSP tabs for marketplace overview

---
 docs/docs/getting-started/marketplaces.md | 20 +++++++++-----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/docs/docs/getting-started/marketplaces.md b/docs/docs/getting-started/marketplaces.md
index e98d8b4aa..058428e98 100644
--- a/docs/docs/getting-started/marketplaces.md
+++ b/docs/docs/getting-started/marketplaces.md
@@ -4,7 +4,8 @@ Constellation is available through the Marketplaces of AWS, Azure, and GCP. This
 
 This document explains how to run Constellation with the dynamically billed cloud marketplace images.
 
-## AWS
+<tabs groupId="csp">
+<tabItem value="aws" label="AWS">
 
 On AWS, to use Constellation's marketplace images, ensure that you are subscribed to the [marketplace offering](https://aws.amazon.com/marketplace/pp/prodview-2mbn65nv57oys) through the web portal.
 
@@ -14,11 +15,8 @@ Then, enable the use of marketplace images in your Constellation `constellation-
 yq eval -i ".provider.aws.useMarketplaceImage = true" constellation-conf.yaml
 ```
 
-Ensure that the cluster uses an official release image version (i.e., `.image=vX.Y.Z` in the `constellation-conf.yaml` file).
-
-From there, you can proceed with the [cluster creation](../workflows/create.md) as usual.
-
-## Azure
+</tabItem>
+<tabItem value="azure" label="Azure">
 
 On Azure, Constellation has a private marketplace plan. Please [contact us](https://www.edgeless.systems/enterprise-support/) to gain access.
 
@@ -34,11 +32,8 @@ Then, enable the use of marketplace images in your Constellation `constellation-
 yq eval -i ".provider.azure.useMarketplaceImage = true" constellation-conf.yaml
 ```
 
-Ensure that the cluster uses an official release image version (i.e., `.image=vX.Y.Z` in the `constellation-conf.yaml` file).
-
-From there, you can proceed with the [cluster creation](../workflows/create.md) as usual.
-
-## GCP
+</tabItem>
+<tabItem value="gcp" label="GCP">
 
 On GCP, to use a marketplace image, ensure that the account is entitled to use marketplace images by Edgeless Systems by accepting the terms through the [web portal](https://console.cloud.google.com/marketplace/vm/config/edgeless-systems-public/constellation).
 
@@ -48,6 +43,9 @@ Then, enable the use of marketplace images in your Constellation `constellation-
 yq eval -i ".provider.gcp.useMarketplaceImage = true" constellation-conf.yaml
 ```
 
+</tabItem>
+</tabs>
+
 Ensure that the cluster uses an official release image version (i.e., `.image=vX.Y.Z` in the `constellation-conf.yaml` file).
 
 From there, you can proceed with the [cluster creation](../workflows/create.md) as usual.