feat(docs): guideflow hub (#5040)

* feat(docs): guideflow hub

* fix meta error

* fix frontmatter

* wording

* wording

Author: jsudraud

blocks/mainLinks.json

@@ -18,6 +18,12 @@
       "package": "docs",
       "to": "/troubleshooting/"
     },
+    {
+      "icon": "billing",
+      "label": "Interactive Demos",
+      "package": "docs",
+      "to": "/demos/"
+    },
     {
       "icon": "documentation",
       "label": "FAQs",

pages/demos/index.mdx

@@ -0,0 +1,53 @@
+---
+meta:
+  title: Interactive demos
+  description: Explore our interactive step-by-step demos to learn how to use the Scaleway console and products.
+content:
+  paragraph: Explore our interactive step-by-step demos to learn how to use the Scaleway console and products.
+---
+
+<ProductHeader
+  productName="Interactive demos"
+  productLogo="generic"
+  description="Take a tour of the Scaleway console with interactive demos. Our step-by-step previews help you explore the interface and discover our products and features."
+/>
+
+## Getting started
+
+<Grid>
+    <DefaultCard 
+      title="Scaleway console tour"
+      url="/account/quickstart/#console-overview"
+      label="See demo"
+    />
+    <DefaultCard 
+      title="Adding a credit card"
+      url="/billing/how-to/add-payment-method/#how-to-add-a-credit-card"
+      label="See demo"
+    />
+    <DefaultCard 
+      title="Log in as an IAM Member"
+      url="/iam/how-to/log-in-as-a-member/"
+      label="See demo"
+    />
+</Grid>
+
+
+## Browse all demos
+
+<table>
+  <tr>
+    <td>
+      - [Partner Space: console overview](/partner-space/quickstart/#console-overview)
+      - [Billing Space: console overview](/billing/quickstart/)
+      - [Container Registry: console overview](/container-registry/quickstart/#console-overview)
+      - [PostgreSQL and MySQL: console overview](/managed-databases-for-postgresql-and-mysql/quickstart/#console-overview)
+    </td>
+    <td>
+      - [How to purchase a savings plan](/billing/how-to/purchase-savings-plan/#purchasing-a-savings-plan)
+      - [How to add a credit card](/billing/how-to/add-payment-method/#how-to-add-a-credit-card)
+      - [How to log in as an IAM Member](/iam/how-to/log-in-as-a-member/)
+      - [How to grant access to the Partner Space](/partner-space/how-to/grant-access-to-partner-space/)
+    </td>
+  </tr>
+</table>

pages/index.mdx

@@ -46,11 +46,11 @@ meta:
 <br />
 
 <ClickableBanner
-    productLogo="cli"
-    title="API Documentation"
-    description="Discover our API and DevTools and check out integration tools for Scaleway products."
-    url="https://www.scaleway.com/en/developers/"
-    label="Go to API Documentation"
+
+  title="Discover the Scaleway console"
+  description="Get an overview of the Scaleway console with our step-by-step interactive demos."
+  url="/demos/"
+  label="See all demos"
 />
 
 ## Tutorials
@@ -78,6 +78,16 @@ meta:
     />
 </Grid>
 
+## 
+
+<ClickableBanner
+    productLogo="cli"
+    title="API Documentation"
+    description="Discover our API and DevTools and check out integration tools for Scaleway products."
+    url="https://www.scaleway.com/en/developers/"
+    label="Go to API Documentation"
+/>
+
 ## Changelog
 
 <ChangelogList