From a93e01a67dbaaa896b79a05959e9847345a982e8 Mon Sep 17 00:00:00 2001
From: Daniel <daniel@eigenvector.net>
Date: Thu, 21 Sep 2023 12:27:42 +0800
Subject: [PATCH] Move docs to right, add to bottom bar

---
 docs/docusaurus.config.js       | 29 +++++++++++++----------
 docs/sidebars.js                |  2 +-
 docs/src/pages/index.js         | 28 +++++++++++-----------
 docs/src/pages/markdown-page.md |  7 ------
 docs/src/pages/old_index.js     | 41 ---------------------------------
 5 files changed, 33 insertions(+), 74 deletions(-)
 delete mode 100644 docs/src/pages/markdown-page.md
 delete mode 100644 docs/src/pages/old_index.js

diff --git a/docs/docusaurus.config.js b/docs/docusaurus.config.js
index 7a1bfa487..f464e5ce8 100644
--- a/docs/docusaurus.config.js
+++ b/docs/docusaurus.config.js
@@ -117,28 +117,28 @@ const config = {
           },
           {
             type: "docSidebar",
-            sidebarId: "docsSidebar",
+            sidebarId: "companySidebar",
             position: "left",
+            label: "Company",
+          },
+          // Navbar right
+          {
+            type: "docSidebar",
+            sidebarId: "docsSidebar",
+            position: "right",
             label: "Docs",
           },
           {
             type: "docSidebar",
             sidebarId: "hardwareSidebar",
-            position: "left",
+            position: "right",
             label: "Hardware",
           },
           {
-            position: "left",
+            position: "right",
             label: "API",
             to: "/api",
           },
-          // Navbar right
-          {
-            type: "docSidebar",
-            sidebarId: "aboutSidebar",
-            position: "right",
-            label: "About",
-          },
           {
             href: "https://github.com/janhq/jan",
             label: "GitHub",
@@ -150,7 +150,7 @@ const config = {
         style: "dark",
         links: [
           {
-            title: "Site",
+            title: "Jan",
             items: [
               {
                 label: "Home",
@@ -164,6 +164,11 @@ const config = {
                 label: "Use Cases",
                 to: "/solutions",
               },
+            ],
+          },
+          {
+            title: "Docs",
+            items: [
               {
                 label: "Docs",
                 to: "/docs",
@@ -196,7 +201,7 @@ const config = {
             ],
           },
           {
-            title: "About",
+            title: "Company",
             items: [
               {
                 label: "About",
diff --git a/docs/sidebars.js b/docs/sidebars.js
index 5b3363fe1..6b512349a 100644
--- a/docs/sidebars.js
+++ b/docs/sidebars.js
@@ -189,7 +189,7 @@ const sidebars = {
       ],
     },
   ],
-  aboutSidebar: [
+  companySidebar: [
     {
       type: "category",
       label: "About Jan",
diff --git a/docs/src/pages/index.js b/docs/src/pages/index.js
index 434770c9d..7d65c8ab9 100644
--- a/docs/src/pages/index.js
+++ b/docs/src/pages/index.js
@@ -1,23 +1,24 @@
-import React from 'react';
-import clsx from 'clsx';
-import Link from '@docusaurus/Link';
-import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
-import Layout from '@theme/Layout';
-import HomepageFeatures from '@site/src/components/HomepageFeatures';
+import React from "react";
+import clsx from "clsx";
+import Link from "@docusaurus/Link";
+import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
+import Layout from "@theme/Layout";
+import HomepageFeatures from "@site/src/components/HomepageFeatures";
 
-import styles from './index.module.css';
+import styles from "./index.module.css";
 
 function HomepageHeader() {
-  const {siteConfig} = useDocusaurusContext();
+  const { siteConfig } = useDocusaurusContext();
   return (
-    <header className={clsx('hero hero--primary', styles.heroBanner)}>
+    <header className={clsx("hero hero--primary", styles.heroBanner)}>
       <div className="container">
         <h1 className="hero__title">{siteConfig.title}</h1>
         <p className="hero__subtitle">{siteConfig.tagline}</p>
         <div className={styles.buttons}>
           <Link
             className="button button--secondary button--lg"
-            to="/docs/intro">
+            to="/docs/intro"
+          >
             Docusaurus Tutorial - 5min ⏱️
           </Link>
         </div>
@@ -27,15 +28,16 @@ function HomepageHeader() {
 }
 
 export default function Home() {
-  const {siteConfig} = useDocusaurusContext();
+  const { siteConfig } = useDocusaurusContext();
   return (
     <Layout
       title={`Hello from ${siteConfig.title}`}
-      description="Description will go into a meta tag in <head />">
+      description="Description will go into a meta tag in <head />"
+    >
       <HomepageHeader />
       <main>
         <HomepageFeatures />
       </main>
     </Layout>
   );
-}
\ No newline at end of file
+}
diff --git a/docs/src/pages/markdown-page.md b/docs/src/pages/markdown-page.md
deleted file mode 100644
index 9756c5b66..000000000
--- a/docs/src/pages/markdown-page.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-title: Markdown page example
----
-
-# Markdown page example
-
-You don't need React to write simple standalone pages.
diff --git a/docs/src/pages/old_index.js b/docs/src/pages/old_index.js
deleted file mode 100644
index 0382f315a..000000000
--- a/docs/src/pages/old_index.js
+++ /dev/null
@@ -1,41 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import Link from '@docusaurus/Link';
-import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
-import Layout from '@theme/Layout';
-import HomepageFeatures from '@site/src/components/HomepageFeatures';
-
-import styles from './index.module.css';
-
-function HomepageHeader() {
-  const { siteConfig } = useDocusaurusContext();
-  return (
-    <header className={clsx('hero hero--primary', styles.heroBanner)}>
-      <div className="container">
-        <h1 className="hero__title">{siteConfig.title}</h1>
-        <p className="hero__subtitle">{siteConfig.tagline}</p>
-        <div className={styles.buttons}>
-          <Link
-            className="button button--secondary button--lg"
-            to="/quickstart/overview">
-            Quickstart - 5min ⏱️
-          </Link>
-        </div>
-      </div>
-    </header>
-  );
-}
-
-export default function Home() {
-  const { siteConfig } = useDocusaurusContext();
-  return (
-    <Layout
-      title={`Welcome`}
-      description="Developer documentation for Jan.ai, a self-hosted AI inference platform">
-      <HomepageHeader />
-      <main>
-        <HomepageFeatures />
-      </main>
-    </Layout>
-  );
-}