Preview changes to Docs home page for Temporal Cloud

docs/cloud/how-to-get-started-with-temporal-cloud.md

@@ -0,0 +1,12 @@
+---
+id: how-to-get-started-with-temporal-cloud
+title: How to get started with Temporal Cloud
+sidebar_label: Get started
+description: Set up an account, add certificates, create Namespaces, and invite users.
+---
+
+:::caution
+
+This topic is being written.
+
+:::

docs/components/Intro.js

@@ -348,11 +348,28 @@ const clusterGuide = {
 
 const cloudInfo = {
   listOne: [
+    {
+      book: true,
+      path: "/cloud/how-to-get-started-with-temporal-cloud",
+      name: "Get started",
+    },
+    {
+      book: true,
+      path: "/cloud/how-to-manage-certificates-in-temporal-cloud",
+      name: "Manage certificates",
+    },
+  ],
+  listTwo: [
     {
       cli: true,
       path: "/cloud/tcld",
       name: "tcld",
     },
+    {
+      exit: true,
+      path: "/cloud/release-notes",
+      name: "Release notes",
+    },
   ],
 };
 
@@ -519,9 +536,10 @@ function Explained() {
           <div className="badge-blue">early access</div>
         </div>
         <p className="landing-card-p">
-          Tools and Temporal Cloud service information.
+          Temporal Cloud tools and how-to guides.
         </p>
         <ul className="landing-card-list">{displayLinks(cloudInfo.listOne)}</ul>
+        <ul className="landing-card-list">{displayLinks(cloudInfo.listTwo)}</ul>
       </div>
       <div className="landing-card-section">
         <h2 className="h2-landing">Devtools</h2>

docusaurus.config.js

@@ -58,11 +58,19 @@ module.exports = {
     announcementBar: {
       id: "replay_announcement",
       content:
-        'Join us for <a target="_blank" rel="noopener noreferrer" href="https://temporal.io/replay">Replay</a>, Temporal’s first-ever developer conference',
+        'Temporal Cloud <a href="/cloud/how-to-get-started-with-temporal-cloud">onboarding documentation</a> is now available.',
       backgroundColor: "#141414",
       textColor: "#ffffff",
       isCloseable: true,
     },
+    // announcementBar: {
+    //   id: "replay_announcement",
+    //   content:
+    //     'Join us for <a target="_blank" rel="noopener noreferrer" href="https://temporal.io/replay">Replay</a>, Temporal’s first-ever developer conference',
+    //   backgroundColor: "#141414",
+    //   textColor: "#ffffff",
+    //   isCloseable: true,
+    // },
     navbar: {
       hideOnScroll: false,
       logo: {
@@ -78,6 +86,12 @@ module.exports = {
           position: "left",
           activeBasePath: "none",
         },
+        {
+          label: "Temporal Cloud",
+          to: "/cloud",
+          activeBasePath: "cloud",
+          position: "left",
+        },
         {
           label: "Docs change log",
           to: "/change-log",

sidebars.js

@@ -35,21 +35,21 @@ module.exports = {
       ],
     },
     "cluster-deployment-guide",
-    "server/security",
     {
       type: "category",
       label: "Temporal Cloud",
       collapsible: true,
-      collapsed: true,
+      collapsed: false,
       link: {
         type: "doc",
         id: "cloud/index",
       },
       items: [
+        "cloud/how-to-get-started-with-temporal-cloud",
         "cloud/how-to-manage-certificates-in-temporal-cloud",
         {
           type: "category",
-          label: "tcld commands",
+          label: "tcld",
           collapsible: true,
           collapsed: true,
           link: {
@@ -138,6 +138,7 @@ module.exports = {
         },
       ],
     },
+    "server/security",
     {
       type: "category",
       label: "tctl",