get started button

Author: jordanstephens

docusaurus.config.js

@@ -75,9 +75,10 @@ const config = {
         },
         { to: '/blog', label: 'Blog', position: 'left' },
         {
-          href: 'https://github.com/DefangLabs/',
-          label: 'GitHub',
+          href: '/docs/getting-started',
+          label: 'Get Started',
           position: 'right',
+          className: "navbar__item-get_started"
         },
       ],
     },

src/css/custom.css

@@ -40,7 +40,7 @@
 
 .docs-doc-id-ask h1 {
   display: none;
-} 
+}
 
 .docs-doc-id-ask .breadcrumbs {
   display: none;
@@ -80,8 +80,20 @@ a.MuiButtonBase-root:hover {
 }
 
 /* Tentative change to address dark mode text on Samples page.
-To go further, consider looking at implementing MUI custom themes. 
+To go further, consider looking at implementing MUI custom themes.
 */
 .MuiTypography-root, .MuiFormLabel-root, .MuiInputBase-input {
   color: var(--ifm-font-color-base) !important;
-}
+}
+
+.navbar__item-get_started {
+  color: white;
+  border-radius: 1rem;
+  background-size: 200% 200%;
+  background: linear-gradient(311deg,rgba(63,178,175,.67),rgba(80,54,163,.67) 53%);
+  margin-right: 1rem;
+}
+
+.navbar__item-get_started:hover {
+  color: white;
+}