From c3be1c89de9ce8979f7893681e5d3c94f1987f65 Mon Sep 17 00:00:00 2001
From: Johan Haals <johan.haals@gmail.com>
Date: Tue, 13 Dec 2022 11:17:36 +0100
Subject: [PATCH] microsite-next: Add footer

Signed-off-by: Johan Haals <johan.haals@gmail.com>
---
 microsite-next/docusaurus.config.js    | 78 ++++++++++++++++++++++++--
 microsite-next/src/css/customTheme.css | 12 ++++
 2 files changed, 84 insertions(+), 6 deletions(-)

diff --git a/microsite-next/docusaurus.config.js b/microsite-next/docusaurus.config.js
index d3c64a96ac..74ffaa2d37 100644
--- a/microsite-next/docusaurus.config.js
+++ b/microsite-next/docusaurus.config.js
@@ -105,21 +105,87 @@ module.exports = {
     image: 'img/sharing-opengraph.png',
     footer: {
       links: [
+        {
+          items: [
+            {
+              html: '<a href="/"><h2 class="footerLogo"></h2></a>',
+            },
+          ],
+        },
+        {
+          title: 'Docs',
+          items: [
+            {
+              label: 'What is Backstage?',
+              to: 'docs/overview/what-is-backstage',
+            },
+            {
+              label: 'Getting started',
+              to: 'docs/getting-started/',
+            },
+            {
+              label: 'Software Catalog',
+              to: 'docs/features/software-catalog/software-catalog-overview',
+            },
+            {
+              label: 'Create a Plugin',
+              to: 'docs/plugins/create-a-plugin',
+            },
+            {
+              label: 'Designing for Backstage',
+              to: 'docs/dls/design',
+            },
+          ],
+        },
         {
           title: 'Community',
           items: [
             {
-              label: 'Twitter',
-              to: 'https://twitter.com/SpotifyEng',
+              label: 'Support chatroom',
+              to: 'https://discord.gg/MUpMjP2',
+            },
+            {
+              label: 'Contributing',
+              to: 'https://github.com/backstage/backstage/blob/master/CONTRIBUTING.md',
+            },
+            {
+              label: 'Adopting',
+              to: 'https://backstage.spotify.com',
+            },
+            {
+              label: 'Subscribe to our newsletter',
+              to: 'https://mailchi.mp/spotify/backstage-community',
+            },
+            {
+              label: 'CNCF Incubation',
+              to: 'https://www.cncf.io/projects/',
+            },
+          ],
+        },
+        {
+          title: 'More',
+          items: [
+            {
+              label: 'Open Source @ Spotify',
+              to: 'https://spotify.github.io/',
+            },
+            {
+              label: 'Spotify Engineering Blog',
+              to: 'https://engineering.atspotify.com/',
+            },
+            {
+              label: 'Spotify for Developers',
+              to: 'https://developer.spotify.com/',
+            },
+            {
+              label: 'Github',
+              to: 'https://github.com/backstage/',
             },
           ],
         },
       ],
       copyright:
-        'Copyright © 2022 Backstage Project Authors. All rights reserved. The Linux Foundation has registered trademarks and uses trademarks. For a list of trademarks of The Linux Foundation, please see our Trademark Usage page: https://www.linuxfoundation.org/trademark-usage',
-      logo: {
-        src: 'img/android-chrome-192x192.png',
-      },
+        '<p style="text-align:center"><a href="https://spotify.github.io/">Made with ❤️ at Spotify</a></p><p class="copyright">Copyright © 2022 Backstage Project Authors. All rights reserved. The Linux Foundation has registered trademarks and uses trademarks. For a list of trademarks of The Linux Foundation, please see our Trademark Usage page: https://www.linuxfoundation.org/trademark-usage</p>',
     },
     algolia: {
       appId: 'AZYC4ZFNTN',
diff --git a/microsite-next/src/css/customTheme.css b/microsite-next/src/css/customTheme.css
index 1dc01aba77..4e99bc57d3 100644
--- a/microsite-next/src/css/customTheme.css
+++ b/microsite-next/src/css/customTheme.css
@@ -7,3 +7,15 @@
   --ifm-color-primary-darker: #2e9e8a;
   --ifm-color-primary-darkest: #268271;
 }
+
+.footerLogo {
+  background-image: url(/img/logo.svg);
+  background-repeat: no-repeat;
+  height: 40px;
+  width: 180px;
+  margin-top: 0px;
+}
+
+.copyright {
+  font-size: 10pt;
+}