From b24de3832176f78b59c684d9698929c5e572a984 Mon Sep 17 00:00:00 2001
From: hieu-jan <150573299+hieu-jan@users.noreply.github.com>
Date: Tue, 5 Mar 2024 21:02:31 +0900
Subject: [PATCH] docs: fix typo and grammar issues

---
 .../advanced-settings/advanced-settings.mdx   | 32 +++++++++----------
 .../HomepageSecondaryFeatures/index.js        | 15 +++++----
 2 files changed, 25 insertions(+), 22 deletions(-)

diff --git a/docs/docs/guides/advanced-settings/advanced-settings.mdx b/docs/docs/guides/advanced-settings/advanced-settings.mdx
index 44d30d4b2..ae3244cda 100644
--- a/docs/docs/guides/advanced-settings/advanced-settings.mdx
+++ b/docs/docs/guides/advanced-settings/advanced-settings.mdx
@@ -53,34 +53,34 @@ Here are some of the keyboard shortcuts that you can use in Jan.
 | `⌘ ,`           | Navigate to setting page                           |
 | `Enter`         | Send a message                                     |
 | `Shift + Enter` | Insert new line in input box                       |
-| `Arrow Up`      | Navigate to previous option (within search dialog) |
-| `Arrow Down`    | Navigate to next option (within search dialog)     |
+| `Arrow Up`      | Navigate to the previous option (within the search dialog) |
+| `Arrow Down`    | Navigate to the next option (within the search dialog)     |
 
     </TabItem>
     <TabItem value="windows" label = "Windows" default>
 | Combination     | Description                                        |
 | --------------- | -------------------------------------------------- |
-| `Ctrl E`           | Show list your models                              |
-| `Ctrl K`           | Show list navigation pages                         |
-| `Ctrl B`           | Toggle collapsible left panel                      |
-| `Ctrl ,`           | Navigate to setting page                           |
+| `Ctrl E`        | Show list your models                              |
+| `Ctrl K`        | Show list navigation pages                         |
+| `Ctrl B`        | Toggle collapsible left panel                      |
+| `Ctrl ,`        | Navigate to setting page                           |
 | `Enter`         | Send a message                                     |
 | `Shift + Enter` | Insert new line in input box                       |
-| `Arrow Up`      | Navigate to previous option (within search dialog) |
-| `Arrow Down`    | Navigate to next option (within search dialog)     |
+| `Arrow Up`      | Navigate to the previous option (within the search dialog) |
+| `Arrow Down`    | Navigate to the next option (within the search dialog)     |
 
     </TabItem>
     <TabItem value="linux" label = "Linux" default>
 | Combination     | Description                                        |
 | --------------- | -------------------------------------------------- |
-| `Ctrl E`           | Show list your models                              |
-| `Ctrl K`           | Show list navigation pages                         |
-| `Ctrl B`           | Toggle collapsible left panel                      |
-| `Ctrl ,`           | Navigate to setting page                           |
+| `Ctrl E`        | Show list your models                              |
+| `Ctrl K`        | Show list navigation pages                         |
+| `Ctrl B`        | Toggle collapsible left panel                      |
+| `Ctrl ,`        | Navigate to setting page                           |
 | `Enter`         | Send a message                                     |
 | `Shift + Enter` | Insert new line in input box                       |
-| `Arrow Up`      | Navigate to previous option (within search dialog) |
-| `Arrow Down`    | Navigate to next option (within search dialog)     |
+| `Arrow Up`      | Navigate to the previous option (within the search dialog) |
+| `Arrow Down`    | Navigate to the next option (within the search dialog)     |
 
     </TabItem>
 </Tabs>
@@ -107,7 +107,7 @@ Ensure that you have read the [troubleshooting guide](/docs/guides/common-error/
 4. On the **GPU Acceleration** click the slider to enable.
 
 ## Access the Jan Data Folder
-To access the folder where messages, model configurtions and user data stored follow the steps below:
+To access the folder where messages, model configurations and user data are stored, follow the steps below:
 1. Navigate to the main dashboard.
 2. Click the **gear icon (⚙️)** on the bottom left of your screen.
 3. Under the **Settings screen**, click the **Advanced Settings**.
@@ -132,7 +132,7 @@ To Allow self-signed or unverified certificates, follow the steps below:
 ## Clear Logs
 To clear all logs on your Jan app, follow the steps below:
 :::warning
-This feature clear all the data in your **Jan Data Folder**.
+This feature clears all the data in your **Jan Data Folder**.
 :::
 1. Navigate to the main dashboard.
 2. Click the **gear icon (⚙️)** on the bottom left of your screen.
diff --git a/docs/src/components/HomepageSecondaryFeatures/index.js b/docs/src/components/HomepageSecondaryFeatures/index.js
index 66adfd8cd..37bac0a13 100644
--- a/docs/src/components/HomepageSecondaryFeatures/index.js
+++ b/docs/src/components/HomepageSecondaryFeatures/index.js
@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react'
 
 export default function HomepageSecondaryFeatures() {
     return (
@@ -26,7 +26,7 @@ export default function HomepageSecondaryFeatures() {
                 </div>
             </div>
         </section>
-    );
+    )
 }
 
 function FeatureCard({ imgSrc, title, description, href }) {
@@ -34,7 +34,7 @@ function FeatureCard({ imgSrc, title, description, href }) {
         <div className="bg-gray-200 dark:bg-gray-700 w-full rounded-lg relative flex flex-col justify-between mb-8 md:mb-0 md:mr-8 p-2">
             <div>
                 <div className="h-32 w-full">
-                    <img alt={"Feature logo"} src={imgSrc} />
+                    <img alt={'Feature logo'} src={imgSrc} />
                 </div>
                 <div className="mt-12 p-8">
                     <h3 className="text-lg font-semibold">{title}</h3>
@@ -42,10 +42,13 @@ function FeatureCard({ imgSrc, title, description, href }) {
                 </div>
             </div>
             <div className="p-8 mb-2 pt-0">
-                <a href={href} className="btn bg-black hover:bg-gray-600 dark:bg-blue-500 text-white font-normal py-2 px-4 rounded-xl">
-                    Learn Here
+                <a
+                    href={href}
+                    className="btn bg-black hover:bg-gray-600 dark:bg-blue-500 text-white font-normal py-2 px-4 rounded-xl"
+                >
+                    Learn more
                 </a>
             </div>
         </div>
-    );
+    )
 }