Add "Learn" link to nav and homepage

docusaurus.config.js

@@ -532,12 +532,12 @@ ${content}`,
             position: "left",
             label: "Developer Documentation",
           },
-          // {
-          //   type: "docSidebar",
-          //   sidebarId: "learn",
-          //   position: "left",
-          //   label: "Learn",
-          // },
+          {
+            type: "docSidebar",
+            sidebarId: "tutorial",
+            position: "left",
+            label: "Tutorial",
+          },
           {
             type: "docSidebar",
             sidebarId: "designSystem",

sidebars.js

@@ -19,16 +19,16 @@ const sidebars = {
       dirName: "developer-documentation",
     },
   ],
-  designSystem: [
+  tutorial: [
     {
       type: "autogenerated",
-      dirName: "design-system",
+      dirName: "tutorial",
     },
   ],
-  learn: [
+  designSystem: [
     {
       type: "autogenerated",
-      dirName: "learn",
+      dirName: "design-system",
     },
   ],
   about: [

src/pages/index.js

@@ -26,7 +26,7 @@ function HomepageHeader() {
         </Heading>
         <div className={clsx("buttons", styles.heroButtons)}>
           <Link
-            className={clsx("button button--primary", styles.heroButton)}
+            className="button button--secondary"
             to="/developer-documentation/getting-started"
           >
             Get started
@@ -37,6 +37,12 @@ function HomepageHeader() {
           >
             About RADFish
           </Link>
+          <Link
+            className="button button--secondary"
+            to="/tutorial/introduction"
+          >
+            Tutorial
+          </Link>
         </div>
       </div>
     </header>