From 455f1c3b04fb8ffa2b1ecea3fefc90c3380bb56e Mon Sep 17 00:00:00 2001
From: Joel Denning <joeldenning@gmail.com>
Date: Thu, 14 Dec 2023 16:30:56 -0700
Subject: [PATCH] Links to Baseplate Cloud hosting (#610)

---
 docusaurus.config.js                         |  1 +
 src/components/HomeSplash/index.js           |  4 ++--
 src/theme/Footer/index.js                    | 20 ++++++++++----------
 static/css/custom.css                        |  2 +-
 versioned_sidebars/version-6.x-sidebars.json | 11 +++++++++++
 5 files changed, 25 insertions(+), 13 deletions(-)

diff --git a/docusaurus.config.js b/docusaurus.config.js
index 6a794e4a5..46ae82c84 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -141,6 +141,7 @@ module.exports = {
         { href: 'https://opencollective.com/single-spa', label: 'Donate' },
         { href: 'https://github.com/single-spa/single-spa', label: 'GitHub' },
         { to: 'languages', label: '简Жहि Languages' },
+        { to: "https://baseplate.cloud", label: "Deploy", position: "right" }
       ],
     },
     prismTheme: require('prism-react-renderer/themes/vsDark'),
diff --git a/src/components/HomeSplash/index.js b/src/components/HomeSplash/index.js
index 0b3890e9a..fb70d9d00 100644
--- a/src/components/HomeSplash/index.js
+++ b/src/components/HomeSplash/index.js
@@ -23,8 +23,8 @@ export const HomeSplash = () => {
 
           <Link
             className="button"
-            to="https://single-spa-workshop.com">
-            Official Courses
+            to="https://baseplate.cloud">
+            Baseplate Hosting
           </Link>
 
           <Link
diff --git a/src/theme/Footer/index.js b/src/theme/Footer/index.js
index bfc5238d8..e89941147 100644
--- a/src/theme/Footer/index.js
+++ b/src/theme/Footer/index.js
@@ -10,19 +10,19 @@ function Footer() {
   const { siteConfig = {} } = context;
   const { themeConfig = {} } = siteConfig;
   const { footer } = themeConfig;
-  const [showWorkshopBanner, setShowWorkspaceBanner] = useState(() => typeof localStorage !== 'undefined' ? localStorage.getItem("hide-workshop-banner") !== "true" : false)
+  const [showBaseplateBanner, setShowBaseplateBanner] = useState(() => typeof localStorage !== 'undefined' ? localStorage.getItem("hide-baseplate-banner") !== "true" : false)
 
   if (!footer) {
     return null;
   }
 
   useEffect(() => {
-    if (showWorkshopBanner) {
-      localStorage.removeItem('hide-workshop-banner')
+    if (showBaseplateBanner) {
+      localStorage.removeItem('hide-baseplate-banner')
     } else {
-      localStorage.setItem('hide-workshop-banner', true)
+      localStorage.setItem('hide-baseplate-banner', true)
     }
-  }, [showWorkshopBanner])
+  }, [showBaseplateBanner])
 
   const { copyright, links = [], logo } = footer;
 
@@ -108,17 +108,17 @@ function Footer() {
             Originally developed at <a href='https://getcanopy.com'>Canopy</a>
           </div>
           {copyright && copyright}
-          {showWorkshopBanner &&
+          {showBaseplateBanner &&
             <div className="footer__banner">
               <div>
-                Learn microfrontends from the single-spa core team at single-spa-workshop.com!
+                Try Baseplate Cloud's official single-spa hosting!
               </div>
               <div className="footer__banner--actions">
-                <div role="button" tabIndex={0} onClick={() => setShowWorkspaceBanner(false)}>
+                <div role="button" tabIndex={0} onClick={() => setShowBaseplateBanner(false)}>
                   Dismiss
                 </div>
-                <a href="https://single-spa-workshop.com" target="_blank" rel="noopener">
-                  View Courses
+                <a href="https://baseplate.cloud" target="_blank" rel="noopener">
+                  Baseplate Hosting
                 </a>
               </div>
             </div>
diff --git a/static/css/custom.css b/static/css/custom.css
index 460248ba0..56771eaba 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -126,7 +126,7 @@ blockquote p:nth-child(2n) {
 }
 
 .footer__banner .footer__banner--actions a {
-  background-color: var(--single-spa-link-color) !important;
+  background-color: #2a467b !important;
   color: white !important;
   font-weight: bold;
   font-size: 18px;
diff --git a/versioned_sidebars/version-6.x-sidebars.json b/versioned_sidebars/version-6.x-sidebars.json
index 5eab81266..c674129bb 100644
--- a/versioned_sidebars/version-6.x-sidebars.json
+++ b/versioned_sidebars/version-6.x-sidebars.json
@@ -39,6 +39,17 @@
         }
       ]
     },
+    {
+      "type": "category",
+      "label": "Hosting",
+      "items": [
+        {
+          "type": "link",
+          "label": "Baseplate Cloud hosting",
+          "href": "https://baseplate.cloud"
+        }
+      ]
+    },
     {
       "type": "category",
       "label": "CLI",