From 972b35ba7ae5914afcfc134a2aba616afe397e03 Mon Sep 17 00:00:00 2001
From: Sam Kim <sam@authzed.com>
Date: Thu, 26 Oct 2023 16:20:54 -0700
Subject: [PATCH] Add links to talk to an expert

---
 docusaurus.config.js |  4 ++--
 sidebars.js          | 15 +++++++++------
 src/css/custom.css   | 25 ++++++++++++++++++++++---
 3 files changed, 33 insertions(+), 11 deletions(-)

diff --git a/docusaurus.config.js b/docusaurus.config.js
index 780a727..69c991d 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -18,7 +18,7 @@ module.exports = {
     announcementBar: {
       id: 'github_star',
       content:
-      '<span class="announcement-bar">📣 <span><strong>The Zanzibar Paper</strong>, annotated by AuthZed</span> <a href="https://zanzibar.tech" target="_blank" class="banner-button">Read Paper</a></span>',
+        '<div class="announcement-bar"><div class="announcement-bar-left">📣 <span><strong>The Zanzibar Paper</strong>, annotated by AuthZed</span> <a href="https://authzed.com/zanzibar" target="_blank" class="banner-button">Read Paper</a></div><div><a class="outline" href="https://authzed.com/call?utm_source=docs" target="_blank">Talk to an Expert</a></div></div>',
       backgroundColor: '#15131d',
       textColor: '#fff',
       isCloseable: false,
@@ -38,7 +38,7 @@ module.exports = {
         alt: 'authzed',
         src: 'https://authzed.com/authzed-logo-multi.svg',
         href: 'https://authzed.com',
-        target: '_self'
+        target: '_self',
       },
       items: [
         {
diff --git a/sidebars.js b/sidebars.js
index 78507f0..761f878 100644
--- a/sidebars.js
+++ b/sidebars.js
@@ -9,8 +9,8 @@ module.exports = {
     {
       type: 'link',
       label: 'REST API Reference',
-     href: 'https://www.postman.com/authzed/workspace/spicedb/overview',
-   },
+      href: 'https://www.postman.com/authzed/workspace/spicedb/overview',
+    },
     {
       type: 'category',
       label: 'Getting Started',
@@ -51,7 +51,7 @@ module.exports = {
       ],
     },
     'spicedb-serverless/overview',
-  	{
+    {
       type: 'category',
       label: 'SpiceDB Dedicated',
       collapsed: true,
@@ -63,9 +63,7 @@ module.exports = {
           type: 'category',
           label: 'Networking',
           collapsed: true,
-          items: [
-            'spicedb-dedicated/networking/aws',
-          ],
+          items: ['spicedb-dedicated/networking/aws'],
         },
       ],
     },
@@ -114,5 +112,10 @@ module.exports = {
       ],
     },
     'support',
+    {
+      type: 'link',
+      label: 'Talk to an Expert',
+      href: 'https://authzed.com/call?utm_source=docs',
+    },
   ],
 };
diff --git a/src/css/custom.css b/src/css/custom.css
index eef4899..c1f0217 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -108,10 +108,31 @@ html[data-theme='dark'] {
 }
 
 .announcement-bar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 20px;
+}
+
+.announcement-bar-left {
   display: flex;
   align-items: center;
   gap: 15px;
-  padding: 0px 20px;
+}
+
+.announcement-bar a.outline {
+  text-decoration: none;
+  background-color: #eee;
+  color: #111;
+  padding: 6px 16px;
+  border-radius: 8px;
+  transition: background-color 300ms ease-in-out;
+
+}
+.announcement-bar a.outline:hover {
+  border: 1px solid #fff;
+  background-color: #111;
+  color: #eee;
 }
 
 .banner-button {
@@ -132,8 +153,6 @@ html[data-theme='dark'] {
   background-color: #FF5C61;
 }
 
-.b
-
 pre.prism-code {
   background-color: #201D2D;
 }