From ede33db73d4f677193027e96774cadb025555bde Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Tue, 5 Dec 2023 14:04:41 +0700
Subject: [PATCH] Update navbar and footer style and copy

---
 docs/src/containers/Footer/index.js | 12 ++++++++----
 docs/src/pages/index.js             | 12 ++++++------
 docs/src/styles/tweaks/navbar.scss  | 13 ++-----------
 3 files changed, 16 insertions(+), 21 deletions(-)

diff --git a/docs/src/containers/Footer/index.js b/docs/src/containers/Footer/index.js
index d878b27ae..f4b6bb006 100644
--- a/docs/src/containers/Footer/index.js
+++ b/docs/src/containers/Footer/index.js
@@ -71,11 +71,15 @@ export default function Footer() {
       <div className="container">
         <div className="grid grid-cols-2 gap-8 md:grid-cols-2 lg:grid-cols-6">
           <div className="lg:col-span-3 col-span-2">
-            <h6 className="mb-3">Jan</h6>
+            <div className="flex items-center space-x-2 mb-3">
+              <img alt="Jan Logo" src="img/logo.svg" />
+              <h6 className="">Jan</h6>
+            </div>
             <div className="w-full lg:w-1/2">
               <p className="dark:text-gray-400 text-gray-600">
-                Run Large Language Models locally on Windows, Mac and Linux.
-                Available on Desktop and Cloud-Native.
+                Jan is the open-source, self-hosted&nbsp;
+                <br className="hidden lg:block" />
+                &nbsp;alternative to ChatGPT.
               </p>
             </div>
           </div>
@@ -103,7 +107,7 @@ export default function Footer() {
           })}
         </div>
       </div>
-      <div className="container mt-8">
+      <div className="container mt-6">
         <span className="dark:text-gray-300 text-gray-700">
           &copy;{getCurrentYear}&nbsp;Jan AI Pte Ltd.
         </span>
diff --git a/docs/src/pages/index.js b/docs/src/pages/index.js
index f6e2bbe49..754d03045 100644
--- a/docs/src/pages/index.js
+++ b/docs/src/pages/index.js
@@ -53,15 +53,15 @@ export default function Home() {
             </div>
           </div>
 
-          <div className="bg-gray-50 dark:bg-[#09090B]/20 border-y border-gray-00 dark:border-gray-800 mt-10 py-10">
+          {/* <div className="bg-gray-50 dark:bg-[#09090B]/20 border-y border-gray-00 dark:border-gray-800 mt-10 py-10">
             <div className="container">
               <div className="w-full lg:w-3/4 mx-auto">
                 <DownloadApp />
               </div>
             </div>
-          </div>
+          </div> */}
 
-          <div className="container py-14">
+          {/* <div className="container py-14">
             <div className="mb-10">
               <h2 className="h1 text-center lg:text-left">Explore Jan</h2>
             </div>
@@ -113,9 +113,9 @@ export default function Home() {
                 />
               </div>
             </div>
-          </div>
+          </div> */}
 
-          <div className="container mt-8 pb-16 relative">
+          {/* <div className="container mt-8 pb-16 relative">
             <div className="text-center">
               <h2 className="h1">No-fuss Compatibility</h2>
               <p className="mt-2 leading-relaxed">
@@ -181,7 +181,7 @@ export default function Home() {
                 </div>
               </div>
             </div>
-          </div>
+          </div> */}
         </main>
       </Layout>
     </>
diff --git a/docs/src/styles/tweaks/navbar.scss b/docs/src/styles/tweaks/navbar.scss
index 46c5c58c4..3bdc5ec7a 100644
--- a/docs/src/styles/tweaks/navbar.scss
+++ b/docs/src/styles/tweaks/navbar.scss
@@ -1,17 +1,8 @@
 .navbar {
-  @apply my-4 bg-transparent py-0 shadow-none top-4;
-  &:before {
-    width: 100%;
-    height: 16px;
-    top: -16px;
-    position: absolute;
-    content: "";
-    left: 0;
-    @apply dark:bg-[#09090B]/10 backdrop-blur-md;
-  }
+  @apply bg-transparent py-0 shadow-none px-0;
 
   &__inner {
-    @apply border border-gray-200 dark:border-gray-800 rounded-lg bg-[#E4E4E7]/20 dark:bg-[#09090B]/50 backdrop-blur-md flex items-center h-14 px-8 relative;
+    @apply border border-gray-200 dark:border-gray-800 bg-[#E4E4E7]/20 dark:bg-[#09090B]/50 backdrop-blur-md flex items-center h-14 px-8 relative;
   }
 
   &__logo {