From 56f914ab30727e18223ef88eb856259deff4129b Mon Sep 17 00:00:00 2001
From: Dan Forbes <dan.forbes@chainsafe.io>
Date: Mon, 3 Jun 2024 15:45:33 -0700
Subject: [PATCH] Changes to Header Nav

---
 docs/docusaurus.config.js | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/docs/docusaurus.config.js b/docs/docusaurus.config.js
index 3cf7c9a8443..de35f444c47 100644
--- a/docs/docusaurus.config.js
+++ b/docs/docusaurus.config.js
@@ -41,7 +41,7 @@ const packages = [
 
 /** @type {import('@docusaurus/types').Config} */
 const config = {
-	title: 'web3.js',
+	title: 'Web3.js',
 	tagline: 'Powerful TypeScript libraries for Ethereum interaction and utility functions',
 	url: 'https://docs.web3js.org',
 	baseUrl: '/',
@@ -52,7 +52,7 @@ const config = {
 	// GitHub pages deployment config.
 	// If you aren't using GitHub pages, you don't need these.
 	organizationName: 'ChainSafe', // Usually your GitHub org/user name.
-	projectName: 'web3.js', // Usually your repo name.
+	projectName: 'Web3.js', // Usually your repo name.
 
 	// Even if you don't use internalization, you can use this field to set useful
 	// metadata like html lang. For example, if your site is Chinese, you may want
@@ -109,37 +109,36 @@ const config = {
 		/** @type {import('@docusaurus/preset-classic').ThemeConfig} */
 		({
 			navbar: {
-				title: 'Web3.js Docs',
+                title: 'Web3.js Docs',
 				logo: {
 					src: 'img/web3js.svg',
 				},
 				items: [
 					{
-						to: '/',
-						activeBasePath: '/',
+						to: '/guides/getting_started/quickstart',
+						activeBasePath: '/guides',
 						label: 'Guides & Tutorials',
 						position: 'left',
 					},
 					{
 						to: '/libdocs/ABI',
-						activeBasePath: '/libdocs/',
+						activeBasePath: '/libdocs',
 						label: 'Documentation',
 						position: 'left',
 					},
 					{
-						to: 'api', // 'api' is the 'out' directory
+						to: '/api', // 'api' is the 'out' directory
 						label: 'API',
 						position: 'left',
 					},
 					{
-						to: 'glossary',
-						activeBasePath: '/glossary/',
+						to: '/glossary',
+						activeBasePath: '/glossary',
 						label: 'Glossary',
 						position: 'left',
 					},
 					{
 						to: '/web3_playground',
-						activeBasePath: '/',
 						label: 'Playground',
 						position: 'right',
 					},