docs: improve home page styles

Author: lokesh-coder

.github/workflows/release.yml

@@ -63,6 +63,8 @@ jobs:
 
             - name: DOCS - build
               run: npm run build-docs
+              env:
+                  GH_TOKEN: ${{ secrets.DOC_README_FETCH }}
 
             - name: DOCS - publish
               uses: peaceiris/actions-gh-pages@v3

README.md

@@ -1 +1,29 @@
-# Lesy
+# Lesy JS
+
+Lesy js is a flexible lightweight CLI framework to build modern command line apps without too much boilerplate.
+
+If you have already used commander, yargs, gluegun, then lesy js will definitely give you a new experience and you will feel the difference.
+
+### Why LesyJS
+
+- **Language**: Full support for Typescript with @types
+
+- **Boilerplate**: Write less code. whether its a dead simple project or complex one.
+
+- **Flexibility**: Able to change complete behaviour with middlewares
+
+- **Extensions**: Add cool functionalities with plugins
+
+- **Platform**: Write once and run in CLI or UI
+
+- **Performance**: It is just faster than existing libraries. Benchmark inside.
+
+- **Testing**: Dedicated testing setup for unit test and integration test
+
+- **Lot more**: Features, sub commands, existing plugins, Boilerplate generator...
+
+### Try Lesy before installing
+
+We have a setup a _playground_ for you to play around with it.
+
+[![Edit lesy-pilot-playground](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/lesy-pilot-playground-hzjgw?fontsize=14&hidenavigation=1&view=preview)

docs/src/components/parts/footer.js

@@ -35,17 +35,20 @@ const Footer = () => {
   return (
     <footer className="container mx-auto flex py-16 flex-col lg:flex-row px-10 lg:px-0">
       <div className="w-full lg:w-6/12 flex items-center lg:justify-start mb-10 lg:mb-0">
-        <h3 className="text-gray-400 font-heading font-bold text-2xl">
-          Lesy CLI Framework
+        <h3 className="text-gray-400 font-heading font-bold text-2xl flex justify-center">
+          <div className="bg-gray-400 w-10 h-10 text-center rounded-full inline-flex justify-center items-center mr-3">
+            <img src="/images/lesy-head.png" class="w-6" alt="lesy icon" />
+          </div>
+          <div>Lesy CLI Framework</div>
         </h3>
       </div>
       <div className="w-full lg:w-6/12 flex">
-        {data.map(d => (
+        {data.map((d) => (
           <div className="w-4/12 lg:text-right">
             <h5 className="uppercase text-gray-600 text-sm font-medium">
               {d.title}
             </h5>
-            {d.links.map(l => (
+            {d.links.map((l) => (
               <a href={l.link} className="text-gray-500 block">
                 {l.name}
               </a>

docs/src/markdown/docs/main/get-started/overview.md

@@ -4,15 +4,15 @@ path: /docs/get-started/overview
 icon: user-smile-fill
 ---
 
-Lesy js is a flexible lighweight CLI framework to build modern command line apps without too much boilerplate.
+Lesy js is a flexible lightweight CLI framework to build modern command line apps without too much boilerplate.
 
-If you have already used comamnder, yargs, gluegun, then lesy js will definietlry give you a new experince and you will feel the differnce.
+If you have already used commander, yargs, gluegun, then lesy js will definitely give you a new experience and you will feel the difference.
 
 ### Few things to consider Lesy for your next project
 
 - **Language**: Full support for Typescript with @types
 - **Boilerplate**: Write less code. whether its a dead simple project or complex one.
-- **Flexibility**: Able to change complete behavior with middlewares
+- **Flexibility**: Able to change complete behaviour with middlewares
 - **Extensions**: Add cool functionalities with plugins
 - **Platform**: Write once and run in CLI or UI
 - **Performance**: It is just faster than existing libraries. Benchmark inside.

docs/src/pages/index.js

@@ -83,7 +83,7 @@ const IndexPage = ({ data }) => {
             <Example
               icon="terminal-window-line"
               step="1"
-              title="Install termo CLI globally"
+              title="Install lesy CLI globally"
               lang="shell"
             />
             <Example