From 8f1f0b42782a9269aa9c4fc72632484d1eb7c3b0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sergio=20Le=C3=B3n?=
 <56183278+Sleon4@users.noreply.github.com>
Date: Mon, 2 Dec 2024 15:21:40 -0500
Subject: [PATCH] Interface Design and Documentation (#44)

* docs: lion/exceptions v1 documentation added

* docs: lion/exceptions v2 documentation added

* feat: empty rows are added for technologies in dashboard

* feat: Standard page components are added

* chore: Editors section removed

* docs: documentation added to Linux Configuration page

* style: warning color changed to lion-orange

* docs: lion/database v8 documentation added
---
 src/App.jsx                                   |   1 -
 src/Tools/NavigationLinks.jsx                 |  10 +-
 src/Tools/Versions/Commands/V2_CMMD.jsx       |  50 +--
 src/Tools/Versions/Commands/V3_CMMD.jsx       |  54 ++--
 src/Tools/Versions/Commands/v1_CMMD.jsx       |  56 ++--
 src/Tools/Versions/Framework/v1_FRM.jsx       |  30 +-
 src/Tools/Versions/Framework/v2_FRM.jsx       |  34 +-
 src/Tools/Versions/Framework/v3_FRM.jsx       |  36 +--
 .../libraries/authentication/v1_LA.jsx        |   6 +-
 .../libraries/authentication/v2_LA.jsx        |   6 +-
 .../Versions/libraries/command/v3_CMD.jsx     |  24 +-
 .../libraries/database/v6_6_0_LSQ.jsx         |  70 ++--
 .../libraries/database/v7_7_0_LSQ.jsx         |  36 +--
 .../Versions/libraries/database/v8_LDB.jsx    |  87 ++---
 .../Versions/libraries/exceptions/v1_LE.jsx   |  56 +++-
 .../Versions/libraries/exceptions/v2_LE.jsx   |  56 +++-
 .../Versions/libraries/mailer/v4_3_0_LM.jsx   |   2 +-
 .../Versions/libraries/route/v10_LRT.jsx      |   2 +-
 .../Versions/libraries/route/v11_LRT.jsx      |   2 +-
 src/Tools/Versions/libraries/route/v8_LRT.jsx |   2 +-
 src/Tools/Versions/libraries/route/v9_LRT.jsx |   2 +-
 .../libraries/security/v6_12_0_LS.jsx         |   4 +-
 src/pages/Editors.jsx                         |   6 +-
 src/pages/LinuxConfiguration.jsx              | 299 ++++--------------
 src/pages/Standards.jsx                       | 205 ++----------
 src/pages/components/AddTabs.jsx              |   4 +-
 src/pages/components/CardLink.jsx             |   4 +-
 src/pages/components/ContentLoading.jsx       |   4 +-
 src/pages/components/Example.jsx              |   2 +-
 src/pages/components/ExampleTitle.jsx         |   2 +-
 src/pages/components/LibraryTitle.jsx         |   2 +-
 src/pages/components/ListCommandsNew.jsx      | 142 +++++----
 .../dashboard/DashboardTecnologies.jsx        |  27 ++
 .../standards/StandardsLionRecomendations.jsx | 120 +++++++
 .../standards/StandardsRecomendations.jsx     |  70 ++++
 35 files changed, 759 insertions(+), 754 deletions(-)
 create mode 100644 src/pages/components/standards/StandardsLionRecomendations.jsx
 create mode 100644 src/pages/components/standards/StandardsRecomendations.jsx

diff --git a/src/App.jsx b/src/App.jsx
index 86b95d4..774086a 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -22,7 +22,6 @@ function App() {
       <Routes>
         <Route path="*" element={<NotFound />} />
         <Route path="/" element={<DashboardContent />} />
-        <Route path="editors" element={<Editors />} />
         <Route path="standards" element={<Standards />} />
         <Route path="linux-configuration" element={<LinuxConfiguration />} />
 
diff --git a/src/Tools/NavigationLinks.jsx b/src/Tools/NavigationLinks.jsx
index 0f30a2b..5ee0031 100644
--- a/src/Tools/NavigationLinks.jsx
+++ b/src/Tools/NavigationLinks.jsx
@@ -9,11 +9,11 @@ export default [
     type: "link",
     url: "/standards",
   },
-  {
-    display_name: "Editors",
-    type: "link",
-    url: "/editors",
-  },
+  // {
+  //   display_name: "Editors",
+  //   type: "link",
+  //   url: "/editors",
+  // },
   {
     display_name: "Linux configuration",
     type: "link",
diff --git a/src/Tools/Versions/Commands/V2_CMMD.jsx b/src/Tools/Versions/Commands/V2_CMMD.jsx
index afcaaf3..b3d00fb 100644
--- a/src/Tools/Versions/Commands/V2_CMMD.jsx
+++ b/src/Tools/Versions/Commands/V2_CMMD.jsx
@@ -83,7 +83,7 @@ export default function v2_CMMD() {
               desc: (
                 <Fragment>
                   Number of executions{" "}
-                  <label className="text-warning">[default: 1]</label>
+                  <label className="text-lion-orange">[default: 1]</label>
                 </Fragment>
               ),
             },
@@ -115,7 +115,7 @@ export default function v2_CMMD() {
               desc: (
                 <Fragment>
                   Do you want to run the seeds?{" "}
-                  <label className="text-warning">[default: "none"]</label>
+                  <label className="text-lion-orange">[default: "none"]</label>
                 </Fragment>
               ),
             },
@@ -142,7 +142,9 @@ export default function v2_CMMD() {
               desc: (
                 <Fragment>
                   Capsule name{" "}
-                  <label className="text-warning">[default: "Example"]</label>
+                  <label className="text-lion-orange">
+                    [default: "Example"]
+                  </label>
                 </Fragment>
               ),
             },
@@ -153,7 +155,7 @@ export default function v2_CMMD() {
               desc: (
                 <Fragment>
                   Defined properties for the capsule{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     (multiple values allowed)
                   </label>
                 </Fragment>
@@ -184,7 +186,7 @@ export default function v2_CMMD() {
               desc: (
                 <Fragment>
                   Command name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     [default: "ExampleCommand"]
                   </label>
                 </Fragment>
@@ -203,7 +205,7 @@ export default function v2_CMMD() {
               desc: (
                 <Fragment>
                   Controller name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     [default: "ExampleController"]
                   </label>
                 </Fragment>
@@ -228,7 +230,7 @@ export default function v2_CMMD() {
               desc: (
                 <Fragment>
                   Scheduled task name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     [default: "ExampleCron"]
                   </label>
                 </Fragment>
@@ -247,7 +249,7 @@ export default function v2_CMMD() {
               desc: (
                 <Fragment>
                   Enum name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     [default: "ExampleEnum"]
                   </label>
                 </Fragment>
@@ -266,7 +268,7 @@ export default function v2_CMMD() {
               desc: (
                 <Fragment>
                   Exception name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     [default: "ExampleException"]
                   </label>
                 </Fragment>
@@ -285,7 +287,7 @@ export default function v2_CMMD() {
               desc: (
                 <Fragment>
                   Factory name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     [default: "ExampleFactory"]
                   </label>
                 </Fragment>
@@ -304,7 +306,7 @@ export default function v2_CMMD() {
               desc: (
                 <Fragment>
                   HTML name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     [default: "ExampleHTML"]
                   </label>
                 </Fragment>
@@ -323,7 +325,7 @@ export default function v2_CMMD() {
               desc: (
                 <Fragment>
                   Interface name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     [default: "ExampleInterface"]
                   </label>
                 </Fragment>
@@ -342,7 +344,7 @@ export default function v2_CMMD() {
               desc: (
                 <Fragment>
                   Middleware name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     [default: "ExampleMiddleware"]
                   </label>
                 </Fragment>
@@ -373,7 +375,7 @@ export default function v2_CMMD() {
               desc: (
                 <>
                   Model name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     {'[default: "ExampleModel"]'}
                   </label>
                 </>
@@ -404,7 +406,7 @@ export default function v2_CMMD() {
               desc: (
                 <>
                   Rule name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     {'[default: "ExampleRule"]'}
                   </label>
                 </>
@@ -423,7 +425,7 @@ export default function v2_CMMD() {
               desc: (
                 <Fragment>
                   Seed name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     {'[default: "ExampleSeed"]'}
                   </label>
                 </Fragment>
@@ -442,7 +444,7 @@ export default function v2_CMMD() {
               desc: (
                 <Fragment>
                   Service name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     [default: "ExampleService"]
                   </label>
                 </Fragment>
@@ -461,7 +463,9 @@ export default function v2_CMMD() {
               desc: (
                 <Fragment>
                   SH name{" "}
-                  <label className="text-warning">[default: "Example"]</label>
+                  <label className="text-lion-orange">
+                    [default: "Example"]
+                  </label>
                 </Fragment>
               ),
             },
@@ -478,7 +482,7 @@ export default function v2_CMMD() {
               desc: (
                 <Fragment>
                   Socket name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     [default: "ExampleSocket"]
                   </label>
                 </Fragment>
@@ -497,7 +501,7 @@ export default function v2_CMMD() {
               desc: (
                 <Fragment>
                   Test name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     [default: "ExampleTest"]
                   </label>
                 </Fragment>
@@ -516,7 +520,7 @@ export default function v2_CMMD() {
               desc: (
                 <>
                   Trait name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     {'[default: "ExampleTrait"]'}
                   </label>
                 </>
@@ -545,7 +549,7 @@ export default function v2_CMMD() {
               desc: (
                 <Fragment>
                   Project name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     [default: "vite-project"]
                   </label>
                 </Fragment>
@@ -564,7 +568,7 @@ export default function v2_CMMD() {
               desc: (
                 <Fragment>
                   Package name{" "}
-                  <label className="text-warning">[default: ""]</label>
+                  <label className="text-lion-orange">[default: ""]</label>
                 </Fragment>
               ),
             },
diff --git a/src/Tools/Versions/Commands/V3_CMMD.jsx b/src/Tools/Versions/Commands/V3_CMMD.jsx
index 78c4edb..fdc1b7a 100644
--- a/src/Tools/Versions/Commands/V3_CMMD.jsx
+++ b/src/Tools/Versions/Commands/V3_CMMD.jsx
@@ -62,7 +62,7 @@ export default function v3_CMMD() {
               desc: (
                 <Fragment>
                   The test suite with coverage report{" "}
-                  <label className="text-warning">[default: "none"]</label>
+                  <label className="text-lion-orange">[default: "none"]</label>
                 </Fragment>
               ),
             },
@@ -123,7 +123,7 @@ export default function v3_CMMD() {
               desc: (
                 <Fragment>
                   Number of executions{" "}
-                  <label className="text-warning">[default: 1]</label>
+                  <label className="text-lion-orange">[default: 1]</label>
                 </Fragment>
               ),
             },
@@ -155,7 +155,7 @@ export default function v3_CMMD() {
               desc: (
                 <Fragment>
                   Do you want to run the seeds?{" "}
-                  <label className="text-warning">[default: "none"]</label>
+                  <label className="text-lion-orange">[default: "none"]</label>
                 </Fragment>
               ),
             },
@@ -182,7 +182,9 @@ export default function v3_CMMD() {
               desc: (
                 <Fragment>
                   Capsule name{" "}
-                  <label className="text-warning">[default: "Example"]</label>
+                  <label className="text-lion-orange">
+                    [default: "Example"]
+                  </label>
                 </Fragment>
               ),
             },
@@ -193,7 +195,7 @@ export default function v3_CMMD() {
               desc: (
                 <Fragment>
                   Defined properties for the capsule{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     (multiple values allowed)
                   </label>
                 </Fragment>
@@ -206,7 +208,7 @@ export default function v3_CMMD() {
               desc: (
                 <Fragment>
                   Entity name{" "}
-                  <label className="text-warning">[default: ""]</label>
+                  <label className="text-lion-orange">[default: ""]</label>
                 </Fragment>
               ),
             },
@@ -235,7 +237,7 @@ export default function v3_CMMD() {
               desc: (
                 <Fragment>
                   Command name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     [default: "ExampleCommand"]
                   </label>
                 </Fragment>
@@ -254,7 +256,7 @@ export default function v3_CMMD() {
               desc: (
                 <Fragment>
                   Controller name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     [default: "ExampleController"]
                   </label>
                 </Fragment>
@@ -279,7 +281,7 @@ export default function v3_CMMD() {
               desc: (
                 <Fragment>
                   Scheduled task name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     [default: "ExampleCron"]
                   </label>
                 </Fragment>
@@ -298,7 +300,7 @@ export default function v3_CMMD() {
               desc: (
                 <Fragment>
                   Enum name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     [default: "ExampleEnum"]
                   </label>
                 </Fragment>
@@ -317,7 +319,7 @@ export default function v3_CMMD() {
               desc: (
                 <Fragment>
                   Exception name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     [default: "ExampleException"]
                   </label>
                 </Fragment>
@@ -336,7 +338,7 @@ export default function v3_CMMD() {
               desc: (
                 <Fragment>
                   Factory name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     [default: "ExampleFactory"]
                   </label>
                 </Fragment>
@@ -355,7 +357,7 @@ export default function v3_CMMD() {
               desc: (
                 <Fragment>
                   HTML name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     [default: "ExampleHTML"]
                   </label>
                 </Fragment>
@@ -374,7 +376,7 @@ export default function v3_CMMD() {
               desc: (
                 <Fragment>
                   Interface name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     [default: "ExampleInterface"]
                   </label>
                 </Fragment>
@@ -393,7 +395,7 @@ export default function v3_CMMD() {
               desc: (
                 <Fragment>
                   Middleware name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     [default: "ExampleMiddleware"]
                   </label>
                 </Fragment>
@@ -424,7 +426,7 @@ export default function v3_CMMD() {
               desc: (
                 <>
                   Model name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     {'[default: "ExampleModel"]'}
                   </label>
                 </>
@@ -455,7 +457,7 @@ export default function v3_CMMD() {
               desc: (
                 <>
                   Rule name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     {'[default: "ExampleRule"]'}
                   </label>
                 </>
@@ -474,7 +476,7 @@ export default function v3_CMMD() {
               desc: (
                 <Fragment>
                   Seed name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     {'[default: "ExampleSeed"]'}
                   </label>
                 </Fragment>
@@ -493,7 +495,7 @@ export default function v3_CMMD() {
               desc: (
                 <Fragment>
                   Service name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     [default: "ExampleService"]
                   </label>
                 </Fragment>
@@ -512,7 +514,9 @@ export default function v3_CMMD() {
               desc: (
                 <Fragment>
                   SH name{" "}
-                  <label className="text-warning">[default: "Example"]</label>
+                  <label className="text-lion-orange">
+                    [default: "Example"]
+                  </label>
                 </Fragment>
               ),
             },
@@ -529,7 +533,7 @@ export default function v3_CMMD() {
               desc: (
                 <Fragment>
                   Socket name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     [default: "ExampleSocket"]
                   </label>
                 </Fragment>
@@ -548,7 +552,7 @@ export default function v3_CMMD() {
               desc: (
                 <Fragment>
                   Test name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     [default: "ExampleTest"]
                   </label>
                 </Fragment>
@@ -567,7 +571,7 @@ export default function v3_CMMD() {
               desc: (
                 <>
                   Trait name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     {'[default: "ExampleTrait"]'}
                   </label>
                 </>
@@ -601,7 +605,7 @@ export default function v3_CMMD() {
               desc: (
                 <Fragment>
                   Project name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     [default: "vite-project"]
                   </label>
                 </Fragment>
@@ -620,7 +624,7 @@ export default function v3_CMMD() {
               desc: (
                 <Fragment>
                   Package name{" "}
-                  <label className="text-warning">[default: ""]</label>
+                  <label className="text-lion-orange">[default: ""]</label>
                 </Fragment>
               ),
             },
diff --git a/src/Tools/Versions/Commands/v1_CMMD.jsx b/src/Tools/Versions/Commands/v1_CMMD.jsx
index ffb0397..b209c45 100644
--- a/src/Tools/Versions/Commands/v1_CMMD.jsx
+++ b/src/Tools/Versions/Commands/v1_CMMD.jsx
@@ -168,7 +168,7 @@ export default function v1_CMMD() {
               desc: (
                 <>
                   Factory name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     {"[default: 'ExampleFactory']"}
                   </label>
                 </>
@@ -211,7 +211,7 @@ export default function v1_CMMD() {
               desc: (
                 <>
                   Name or namespace of the Seed{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     {'[default: "ExampleSeed"]'}
                   </label>
                 </>
@@ -248,7 +248,7 @@ export default function v1_CMMD() {
               desc: (
                 <>
                   What columns should you read?{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     {"(multiple values allowed)"}
                   </label>
                 </>
@@ -261,7 +261,7 @@ export default function v1_CMMD() {
               desc: (
                 <>
                   What columns should you read?{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     {"(multiple values allowed)"}
                   </label>
                 </>
@@ -329,7 +329,9 @@ export default function v1_CMMD() {
               desc: (
                 <>
                   Do you want to set a query limit?{" "}
-                  <label className="text-warning">{"[default: 1200]"}</label>
+                  <label className="text-lion-orange">
+                    {"[default: 1200]"}
+                  </label>
                 </>
               ),
             },
@@ -340,7 +342,9 @@ export default function v1_CMMD() {
               desc: (
                 <>
                   Do you want to set a query limit?{" "}
-                  <label className="text-warning">{"[default: 1200]"}</label>
+                  <label className="text-lion-orange">
+                    {"[default: 1200]"}
+                  </label>
                 </>
               ),
             },
@@ -369,7 +373,9 @@ export default function v1_CMMD() {
               desc: (
                 <>
                   Type of migration{" "}
-                  <label className="text-warning">{'[default: "table"]'}</label>
+                  <label className="text-lion-orange">
+                    {'[default: "table"]'}
+                  </label>
                 </>
               ),
             },
@@ -380,7 +386,9 @@ export default function v1_CMMD() {
               desc: (
                 <>
                   Type of migration{" "}
-                  <label className="text-warning">{'[default: "table"]'}</label>
+                  <label className="text-lion-orange">
+                    {'[default: "table"]'}
+                  </label>
                 </>
               ),
             },
@@ -402,7 +410,7 @@ export default function v1_CMMD() {
               desc: (
                 <>
                   Capsule name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     {'[default: "Example"]'}
                   </label>
                 </>
@@ -421,7 +429,7 @@ export default function v1_CMMD() {
               desc: (
                 <>
                   Command name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     {'[default: "ExampleCommand"]'}
                   </label>
                 </>
@@ -440,7 +448,7 @@ export default function v1_CMMD() {
               desc: (
                 <>
                   Controller name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     {'[default: "ExampleController"]'}
                   </label>
                 </>
@@ -471,7 +479,7 @@ export default function v1_CMMD() {
               desc: (
                 <>
                   Enum name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     {'[default: "ExampleEnum"]'}
                   </label>
                 </>
@@ -490,7 +498,7 @@ export default function v1_CMMD() {
               desc: (
                 <>
                   Interface name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     {'[default: "ExampleInterface"]'}
                   </label>
                 </>
@@ -509,7 +517,7 @@ export default function v1_CMMD() {
               desc: (
                 <>
                   Middleware name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     {'[default: "ExampleMiddleware"]'}
                   </label>
                 </>
@@ -528,7 +536,7 @@ export default function v1_CMMD() {
               desc: (
                 <>
                   Model name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     {'[default: "ExampleModel"]'}
                   </label>
                 </>
@@ -547,7 +555,7 @@ export default function v1_CMMD() {
               desc: (
                 <>
                   Rule name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     {'[default: "ExampleRule"]'}
                   </label>
                 </>
@@ -566,7 +574,7 @@ export default function v1_CMMD() {
               desc: (
                 <>
                   Test name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     {'[default: "ExampleTest"]'}
                   </label>
                 </>
@@ -585,7 +593,7 @@ export default function v1_CMMD() {
               desc: (
                 <>
                   Trait name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     {'[default: "ExampleTrait"]'}
                   </label>
                 </>
@@ -621,7 +629,7 @@ export default function v1_CMMD() {
               desc: (
                 <>
                   Project name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     {'[default: "example"]'}
                   </label>
                 </>
@@ -646,7 +654,7 @@ export default function v1_CMMD() {
               desc: (
                 <>
                   Package name{" "}
-                  <label className="text-warning">{'[default: ""]'}</label>
+                  <label className="text-lion-orange">{'[default: ""]'}</label>
                 </>
               ),
             },
@@ -741,7 +749,7 @@ export default function v1_CMMD() {
               desc: (
                 <>
                   SH name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     {'[default: "Example"]'}
                   </label>
                 </>
@@ -770,7 +778,7 @@ export default function v1_CMMD() {
               desc: (
                 <>
                   SH name{" "}
-                  <label className="text-warning">
+                  <label className="text-lion-orange">
                     {'[default: "ExampleSocket"]'}
                   </label>
                 </>
@@ -806,7 +814,9 @@ export default function v1_CMMD() {
               desc: (
                 <>
                   Session must be true or false{" "}
-                  <label className="text-warning">{'[default: "true"]'}</label>
+                  <label className="text-lion-orange">
+                    {'[default: "true"]'}
+                  </label>
                 </>
               ),
             },
diff --git a/src/Tools/Versions/Framework/v1_FRM.jsx b/src/Tools/Versions/Framework/v1_FRM.jsx
index 479773d..5549c8a 100644
--- a/src/Tools/Versions/Framework/v1_FRM.jsx
+++ b/src/Tools/Versions/Framework/v1_FRM.jsx
@@ -2424,7 +2424,7 @@ return [
               </div>
 
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">{"session"}</h5>
+                <h5 className="pb-2 text-lion-orange">{"session"}</h5>
 
                 <p className="fs-6">
                   You can create sessions, read them and destroy them with the
@@ -2461,7 +2461,7 @@ return [
               </div>
 
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">{"jwt"}</h5>
+                <h5 className="pb-2 text-lion-orange">{"jwt"}</h5>
 
                 <p className="fs-6">
                   Function to check if a jwt is valid, returns an object
@@ -2475,7 +2475,7 @@ return [
               </div>
 
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">{"isError"}</h5>
+                <h5 className="pb-2 text-lion-orange">{"isError"}</h5>
 
                 <p className="fs-6">
                   Function to check if a response object comes with errors.
@@ -2490,7 +2490,7 @@ return [
               </div>
 
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">{"isSuccess"}</h5>
+                <h5 className="pb-2 text-lion-orange">{"isSuccess"}</h5>
 
                 <p className="fs-6">
                   Function to check if a response object is successful.
@@ -2505,7 +2505,7 @@ return [
               </div>
 
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">fetch</h5>
+                <h5 className="pb-2 text-lion-orange">fetch</h5>
 
                 <p className="fs-6">
                   The fetch helper allows you to make http requests, internally
@@ -2519,7 +2519,7 @@ return [
               </div>
 
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">fetchXML</h5>
+                <h5 className="pb-2 text-lion-orange">fetchXML</h5>
 
                 <p className="fs-6">
                   The get helper allows you to make http requests to get xml in
@@ -2533,7 +2533,7 @@ return [
               </div>
 
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">storage_path</h5>
+                <h5 className="pb-2 text-lion-orange">storage_path</h5>
 
                 <p className="fs-6">
                   The storage_path helper allows access to directories and files
@@ -2551,7 +2551,7 @@ return [
               </div>
 
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">finish</h5>
+                <h5 className="pb-2 text-lion-orange">finish</h5>
 
                 <p className="fs-6">
                   The finish helper ends the execution of all processes.
@@ -2564,7 +2564,7 @@ return [
               </div>
 
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">success</h5>
+                <h5 className="pb-2 text-lion-orange">success</h5>
 
                 <p className="fs-6">Function to display a success response.</p>
 
@@ -2575,7 +2575,7 @@ return [
               </div>
 
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">error</h5>
+                <h5 className="pb-2 text-lion-orange">error</h5>
 
                 <p className="fs-6">Function to display a error response.</p>
 
@@ -2586,7 +2586,7 @@ return [
               </div>
 
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">warning</h5>
+                <h5 className="pb-2 text-lion-orange">warning</h5>
 
                 <p className="fs-6">Function to display a warning response.</p>
 
@@ -2597,7 +2597,7 @@ return [
               </div>
 
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">info</h5>
+                <h5 className="pb-2 text-lion-orange">info</h5>
 
                 <p className="fs-6">Function to display a info response.</p>
 
@@ -2608,7 +2608,7 @@ return [
               </div>
 
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">vd</h5>
+                <h5 className="pb-2 text-lion-orange">vd</h5>
 
                 <p className="fs-6">
                   The helper vd executes the function var_dump.
@@ -2621,7 +2621,7 @@ return [
               </div>
 
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">json</h5>
+                <h5 className="pb-2 text-lion-orange">json</h5>
 
                 <p className="fs-6">
                   The json helper converts any value to json.
@@ -2634,7 +2634,7 @@ return [
               </div>
 
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">logger</h5>
+                <h5 className="pb-2 text-lion-orange">logger</h5>
 
                 <p className="fs-6">
                   The logger helper generates a log file stored in{" "}
diff --git a/src/Tools/Versions/Framework/v2_FRM.jsx b/src/Tools/Versions/Framework/v2_FRM.jsx
index e6c0a93..a384af1 100644
--- a/src/Tools/Versions/Framework/v2_FRM.jsx
+++ b/src/Tools/Versions/Framework/v2_FRM.jsx
@@ -3543,7 +3543,7 @@ TaskQueue::push('send:email:account-verify', json([
               <Title title={"Functions"} />
 
               <Fragment>
-                <h5 className="text-warning">{"now"}</h5>
+                <h5 className="text-lion-orange">{"now"}</h5>
 
                 <Description
                   description={
@@ -3563,7 +3563,7 @@ vd($date);
               </Fragment>
 
               <Fragment>
-                <h5 className="text-warning">fetch</h5>
+                <h5 className="text-lion-orange">fetch</h5>
 
                 <Description
                   description={
@@ -3585,7 +3585,7 @@ vd($response->getBody()->getContents());
               </Fragment>
 
               <Fragment>
-                <h5 className="text-warning">storage_path</h5>
+                <h5 className="text-lion-orange">storage_path</h5>
 
                 <Description
                   description={
@@ -3605,7 +3605,7 @@ vd($path);
               </Fragment>
 
               <Fragment>
-                <h5 className="text-warning">finish</h5>
+                <h5 className="text-lion-orange">finish</h5>
 
                 <Description
                   description={
@@ -3625,7 +3625,7 @@ finish($response);
               </Fragment>
 
               <Fragment>
-                <h5 className="text-warning">response</h5>
+                <h5 className="text-lion-orange">response</h5>
 
                 <Description
                   description={
@@ -3645,7 +3645,7 @@ vd($response);
               </Fragment>
 
               <Fragment>
-                <h5 className="text-warning">success</h5>
+                <h5 className="text-lion-orange">success</h5>
 
                 <Description
                   description={
@@ -3665,7 +3665,7 @@ vd($response);
               </Fragment>
 
               <Fragment>
-                <h5 className="text-warning">error</h5>
+                <h5 className="text-lion-orange">error</h5>
 
                 <Description
                   description={
@@ -3685,7 +3685,7 @@ vd($response);
               </Fragment>
 
               <Fragment>
-                <h5 className="text-warning">warning</h5>
+                <h5 className="text-lion-orange">warning</h5>
 
                 <Description
                   description={
@@ -3705,7 +3705,7 @@ vd($response);
               </Fragment>
 
               <Fragment>
-                <h5 className="text-warning">info</h5>
+                <h5 className="text-lion-orange">info</h5>
 
                 <Description
                   description={"Allows you to generate an object of type info."}
@@ -3723,7 +3723,7 @@ vd($response);
               </Fragment>
 
               <Fragment>
-                <h5 className="text-warning">vd</h5>
+                <h5 className="text-lion-orange">vd</h5>
 
                 <Description description={"Function to perform a var_dump."} />
                 <CodeBlock
@@ -3738,7 +3738,7 @@ vd($response);
               </Fragment>
 
               <Fragment>
-                <h5 className="text-warning">logger</h5>
+                <h5 className="text-lion-orange">logger</h5>
 
                 <Description
                   description={"Function to add a line to the log file."}
@@ -3760,7 +3760,7 @@ logger('lorem ipsum dolor sit amet...', LogTypeEnum::WARNING, ['name' => 'Sleon'
               </Fragment>
 
               <Fragment>
-                <h5 className="text-warning">json</h5>
+                <h5 className="text-lion-orange">json</h5>
 
                 <Description
                   description={"Function to convert data to json."}
@@ -3778,7 +3778,7 @@ vd($json);
               </Fragment>
 
               <Fragment>
-                <h5 className="text-warning">{"isError"}</h5>
+                <h5 className="text-lion-orange">{"isError"}</h5>
 
                 <Description
                   description={
@@ -3800,7 +3800,7 @@ if (isError($response)) {
               </Fragment>
 
               <Fragment>
-                <h5 className="text-warning">{"isSuccess"}</h5>
+                <h5 className="text-lion-orange">{"isSuccess"}</h5>
 
                 <Description
                   description={
@@ -3822,7 +3822,7 @@ if (!isSuccess($response)) {
               </Fragment>
 
               <Fragment>
-                <h5 className="text-warning">jwt</h5>
+                <h5 className="text-lion-orange">jwt</h5>
 
                 <Description
                   description={"Gets the HTTP_AUTHORIZATION header token."}
@@ -3840,7 +3840,7 @@ vd($jwt);
               </Fragment>
 
               <Fragment>
-                <h5 className="text-warning">fake</h5>
+                <h5 className="text-lion-orange">fake</h5>
 
                 <Description
                   description={
@@ -3860,7 +3860,7 @@ vd($name);
               </Fragment>
 
               <Fragment>
-                <h5 className="text-warning">env</h5>
+                <h5 className="text-lion-orange">env</h5>
 
                 <Description
                   description={
diff --git a/src/Tools/Versions/Framework/v3_FRM.jsx b/src/Tools/Versions/Framework/v3_FRM.jsx
index 73f9a85..95573e4 100644
--- a/src/Tools/Versions/Framework/v3_FRM.jsx
+++ b/src/Tools/Versions/Framework/v3_FRM.jsx
@@ -4745,7 +4745,7 @@ use Lion\\Bundle\\Helpers\\Commands\\Schedule\\TaskQueue;
               />
 
               <Fragment>
-                <h5 className="text-warning">{"request"}</h5>
+                <h5 className="text-lion-orange">{"request"}</h5>
 
                 <Description
                   description={
@@ -4769,7 +4769,7 @@ vd($request);
               </Fragment>
 
               <Fragment>
-                <h5 className="text-warning">{"now"}</h5>
+                <h5 className="text-lion-orange">{"now"}</h5>
 
                 <Description
                   description={
@@ -4789,7 +4789,7 @@ vd($date);
               </Fragment>
 
               <Fragment>
-                <h5 className="text-warning">fetch</h5>
+                <h5 className="text-lion-orange">fetch</h5>
 
                 <Description
                   description={
@@ -4813,7 +4813,7 @@ vd($response);
               </Fragment>
 
               <Fragment>
-                <h5 className="text-warning">storage_path</h5>
+                <h5 className="text-lion-orange">storage_path</h5>
 
                 <Description
                   description={
@@ -4833,7 +4833,7 @@ vd($path);
               </Fragment>
 
               <Fragment>
-                <h5 className="text-warning">finish</h5>
+                <h5 className="text-lion-orange">finish</h5>
 
                 <Description
                   description={
@@ -4853,7 +4853,7 @@ finish($response);
               </Fragment>
 
               <Fragment>
-                <h5 className="text-warning">response</h5>
+                <h5 className="text-lion-orange">response</h5>
 
                 <Description
                   description={
@@ -4873,7 +4873,7 @@ vd($response);
               </Fragment>
 
               <Fragment>
-                <h5 className="text-warning">success</h5>
+                <h5 className="text-lion-orange">success</h5>
 
                 <Description
                   description={
@@ -4893,7 +4893,7 @@ vd($response);
               </Fragment>
 
               <Fragment>
-                <h5 className="text-warning">error</h5>
+                <h5 className="text-lion-orange">error</h5>
 
                 <Description
                   description={
@@ -4913,7 +4913,7 @@ vd($response);
               </Fragment>
 
               <Fragment>
-                <h5 className="text-warning">warning</h5>
+                <h5 className="text-lion-orange">warning</h5>
 
                 <Description
                   description={
@@ -4933,7 +4933,7 @@ vd($response);
               </Fragment>
 
               <Fragment>
-                <h5 className="text-warning">info</h5>
+                <h5 className="text-lion-orange">info</h5>
 
                 <Description
                   description={"Allows you to generate an object of type info."}
@@ -4951,7 +4951,7 @@ vd($response);
               </Fragment>
 
               <Fragment>
-                <h5 className="text-warning">vd</h5>
+                <h5 className="text-lion-orange">vd</h5>
 
                 <Description description={"Function to perform a var_dump."} />
                 <CodeBlock
@@ -4966,7 +4966,7 @@ vd($response);
               </Fragment>
 
               <Fragment>
-                <h5 className="text-warning">logger</h5>
+                <h5 className="text-lion-orange">logger</h5>
 
                 <Description
                   description={"Function to add a line to the log file."}
@@ -4988,7 +4988,7 @@ logger('lorem ipsum dolor sit amet...', LogTypeEnum::WARNING, ['name' => 'Sleon'
               </Fragment>
 
               <Fragment>
-                <h5 className="text-warning">json</h5>
+                <h5 className="text-lion-orange">json</h5>
 
                 <Description
                   description={"Function to convert data to json."}
@@ -5006,7 +5006,7 @@ vd($json);
               </Fragment>
 
               <Fragment>
-                <h5 className="text-warning">{"isError"}</h5>
+                <h5 className="text-lion-orange">{"isError"}</h5>
 
                 <Description
                   description={
@@ -5030,7 +5030,7 @@ if (isError($response)) {
               </Fragment>
 
               <Fragment>
-                <h5 className="text-warning">{"isSuccess"}</h5>
+                <h5 className="text-lion-orange">{"isSuccess"}</h5>
 
                 <Description
                   description={
@@ -5054,7 +5054,7 @@ if (!isSuccess($response)) {
               </Fragment>
 
               <Fragment>
-                <h5 className="text-warning">jwt</h5>
+                <h5 className="text-lion-orange">jwt</h5>
 
                 <Description
                   description={"Gets the HTTP_AUTHORIZATION header token."}
@@ -5072,7 +5072,7 @@ vd($jwt);
               </Fragment>
 
               <Fragment>
-                <h5 className="text-warning">fake</h5>
+                <h5 className="text-lion-orange">fake</h5>
 
                 <Description
                   description={
@@ -5092,7 +5092,7 @@ vd($name);
               </Fragment>
 
               <Fragment>
-                <h5 className="text-warning">env</h5>
+                <h5 className="text-lion-orange">env</h5>
 
                 <Description
                   description={
diff --git a/src/Tools/Versions/libraries/authentication/v1_LA.jsx b/src/Tools/Versions/libraries/authentication/v1_LA.jsx
index 3c7d530..f9d65a6 100644
--- a/src/Tools/Versions/libraries/authentication/v1_LA.jsx
+++ b/src/Tools/Versions/libraries/authentication/v1_LA.jsx
@@ -61,7 +61,7 @@ export default function v1_LA() {
             <>
               <div className="mb-3">
                 <h3>
-                  Auth2FA::<span className="text-warning h3">init()</span>
+                  Auth2FA::<span className="text-lion-orange h3">init()</span>
                 </h3>
 
                 <hr />
@@ -87,7 +87,7 @@ Auth2FA::init();
             <>
               <div className="mb-3">
                 <h3>
-                  Auth2FA::<span className="text-warning h3">qr()</span>
+                  Auth2FA::<span className="text-lion-orange h3">qr()</span>
                 </h3>
 
                 <hr />
@@ -129,7 +129,7 @@ Auth2FA::init()
             <>
               <div className="mb-3">
                 <h3>
-                  Auth2FA::<span className="text-warning h3">verify()</span>
+                  Auth2FA::<span className="text-lion-orange h3">verify()</span>
                 </h3>
 
                 <hr />
diff --git a/src/Tools/Versions/libraries/authentication/v2_LA.jsx b/src/Tools/Versions/libraries/authentication/v2_LA.jsx
index 9bbf57b..be1ef56 100644
--- a/src/Tools/Versions/libraries/authentication/v2_LA.jsx
+++ b/src/Tools/Versions/libraries/authentication/v2_LA.jsx
@@ -61,7 +61,7 @@ export default function v2_LA() {
             <>
               <div className="mb-3">
                 <h3>
-                  Auth2FA::<span className="text-warning h3">init()</span>
+                  Auth2FA::<span className="text-lion-orange h3">init()</span>
                 </h3>
 
                 <hr />
@@ -87,7 +87,7 @@ Auth2FA::init();
             <>
               <div className="mb-3">
                 <h3>
-                  Auth2FA::<span className="text-warning h3">qr()</span>
+                  Auth2FA::<span className="text-lion-orange h3">qr()</span>
                 </h3>
 
                 <hr />
@@ -129,7 +129,7 @@ Auth2FA::init()
             <>
               <div className="mb-3">
                 <h3>
-                  Auth2FA::<span className="text-warning h3">verify()</span>
+                  Auth2FA::<span className="text-lion-orange h3">verify()</span>
                 </h3>
 
                 <hr />
diff --git a/src/Tools/Versions/libraries/command/v3_CMD.jsx b/src/Tools/Versions/libraries/command/v3_CMD.jsx
index 5596cb1..bae5b77 100644
--- a/src/Tools/Versions/libraries/command/v3_CMD.jsx
+++ b/src/Tools/Versions/libraries/command/v3_CMD.jsx
@@ -61,7 +61,7 @@ export default function v3_CMD() {
               <div className="mb-3">
                 <h3>
                   Command::
-                  <span className="text-warning h3">errorOutput()</span>
+                  <span className="text-lion-orange h3">errorOutput()</span>
                 </h3>
 
                 <hr />
@@ -124,7 +124,7 @@ class CustomCommand extends Command
               <div className="mb-3">
                 <h3>
                   Command::
-                  <span className="text-warning h3">successOutput()</span>
+                  <span className="text-lion-orange h3">successOutput()</span>
                 </h3>
 
                 <hr />
@@ -190,7 +190,7 @@ class CustomCommand extends Command
               <div className="mb-3">
                 <h3>
                   Command::
-                  <span className="text-warning h3">warningOutput()</span>
+                  <span className="text-lion-orange h3">warningOutput()</span>
                 </h3>
 
                 <hr />
@@ -253,7 +253,7 @@ class CustomCommand extends Command
               <div className="mb-3">
                 <h3>
                   Command::
-                  <span className="text-warning h3">infoOutput()</span>
+                  <span className="text-lion-orange h3">infoOutput()</span>
                 </h3>
 
                 <hr />
@@ -316,7 +316,7 @@ class CustomCommand extends Command
               <div className="mb-3">
                 <h3>
                   Command::
-                  <span className="text-warning h3">purpleOutput()</span>
+                  <span className="text-lion-orange h3">purpleOutput()</span>
                 </h3>
 
                 <hr />
@@ -385,7 +385,7 @@ class CustomCommand extends Command
               <div className="mb-3">
                 <h3>
                   Kernel::
-                  <span className="text-warning h3">getApplication()</span>
+                  <span className="text-lion-orange h3">getApplication()</span>
                 </h3>
 
                 <hr />
@@ -418,7 +418,7 @@ $application = $kernel->getApplication();
               <div className="mb-3">
                 <h3>
                   Kernel::
-                  <span className="text-warning h3">setApplication()</span>
+                  <span className="text-lion-orange h3">setApplication()</span>
                 </h3>
 
                 <hr />
@@ -452,7 +452,7 @@ $kernel->setApplication(new Application());
               <div className="mb-3">
                 <h3>
                   Kernel::
-                  <span className="text-warning h3">commands()</span>
+                  <span className="text-lion-orange h3">commands()</span>
                 </h3>
 
                 <hr />
@@ -487,7 +487,9 @@ $kernel->commands([
               <div className="mb-3">
                 <h3>
                   Kernel::
-                  <span className="text-warning h3">commandsOnObjects()</span>
+                  <span className="text-lion-orange h3">
+                    commandsOnObjects()
+                  </span>
                 </h3>
 
                 <hr />
@@ -523,7 +525,7 @@ $kernel->commandsOnObjects([
               <div className="mb-3">
                 <h3>
                   Kernel::
-                  <span className="text-warning h3">run()</span>
+                  <span className="text-lion-orange h3">run()</span>
                 </h3>
 
                 <hr />
@@ -561,7 +563,7 @@ $kernel->run();
               <div className="mb-3">
                 <h3>
                   Kernel::
-                  <span className="text-warning h3">execute()</span>
+                  <span className="text-lion-orange h3">execute()</span>
                 </h3>
 
                 <hr />
diff --git a/src/Tools/Versions/libraries/database/v6_6_0_LSQ.jsx b/src/Tools/Versions/libraries/database/v6_6_0_LSQ.jsx
index 3c3c0f0..370786d 100644
--- a/src/Tools/Versions/libraries/database/v6_6_0_LSQ.jsx
+++ b/src/Tools/Versions/libraries/database/v6_6_0_LSQ.jsx
@@ -16,7 +16,7 @@ export default function v6_6_0_LSQ() {
           code: (
             <>
               <div className="mb-3">
-                <h5 className="text-warning">CONNECTION</h5>
+                <h5 className="text-lion-orange">CONNECTION</h5>
 
                 <p>
                   {" "}
@@ -85,7 +85,7 @@ export default function v6_6_0_LSQ() {
               </div>
 
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">OPERATORS</h5>
+                <h5 className="pb-2 text-lion-orange">OPERATORS</h5>
 
                 <Table striped bordered hover variant="dark">
                   <thead>
@@ -173,7 +173,7 @@ export default function v6_6_0_LSQ() {
           code: (
             <>
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">Example #1</h5>
+                <h5 className="pb-2 text-lion-orange">Example #1</h5>
                 <CodeBlock language="sql" content={"SELECT * FROM my_table"} />
                 <CodeBlock
                   language="php"
@@ -187,7 +187,7 @@ export default function v6_6_0_LSQ() {
               </div>
 
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">Example #2</h5>
+                <h5 className="pb-2 text-lion-orange">Example #2</h5>
                 <CodeBlock
                   language="sql"
                   content={
@@ -220,12 +220,10 @@ export default function v6_6_0_LSQ() {
           code: (
             <>
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">Example #1</h5>
+                <h5 className="pb-2 text-lion-orange">Example #1</h5>
                 <CodeBlock
                   language="sql"
-                  content={
-                    "SELECT CONCAT(name, ' ', lastname) FROM users"
-                  }
+                  content={"SELECT CONCAT(name, ' ', lastname) FROM users"}
                 />
 
                 <CodeBlock
@@ -240,28 +238,28 @@ export default function v6_6_0_LSQ() {
               </div>
 
               <div className="mb-3">
-              <h5 className="pb-2 text-warning">Example #2</h5>
-              <CodeBlock
-                language="sql"
-                content={
-                  "SELECT CONCAT(usr.name, ' ', usr.lastname) AS fullname FROM users AS usr"
-                }
-              />
+                <h5 className="pb-2 text-lion-orange">Example #2</h5>
+                <CodeBlock
+                  language="sql"
+                  content={
+                    "SELECT CONCAT(usr.name, ' ', usr.lastname) AS fullname FROM users AS usr"
+                  }
+                />
 
-              <CodeBlock
-                language="php"
-                content={
-                  "SELECT * FROM my_table\n\n" +
-                  "<?php\n\n" +
-                  "use LionSQL\\Drivers\\MySQL as DB;\n\n" +
-                  "DB::table(DB::as('users', 'usr'))\n" +
-                  "\t->select(\n" +
-                  "\t\tDB::concat(DB::column('name', 'usr'), ' ', DB::column('lastname', 'usr'))\n" +
-                  "\t)\n" +
-                  "\t->getAll();"
-                }
-              />
-            </div>
+                <CodeBlock
+                  language="php"
+                  content={
+                    "SELECT * FROM my_table\n\n" +
+                    "<?php\n\n" +
+                    "use LionSQL\\Drivers\\MySQL as DB;\n\n" +
+                    "DB::table(DB::as('users', 'usr'))\n" +
+                    "\t->select(\n" +
+                    "\t\tDB::concat(DB::column('name', 'usr'), ' ', DB::column('lastname', 'usr'))\n" +
+                    "\t)\n" +
+                    "\t->getAll();"
+                  }
+                />
+              </div>
             </>
           ),
         },
@@ -514,7 +512,7 @@ export default function v6_6_0_LSQ() {
           code: (
             <>
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">Example #1</h5>
+                <h5 className="pb-2 text-lion-orange">Example #1</h5>
                 <CodeBlock
                   language={"sql"}
                   content={"SELECT * FROM my_table LIMIT 1"}
@@ -530,7 +528,7 @@ export default function v6_6_0_LSQ() {
                 />
               </div>
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">Example #2</h5>
+                <h5 className="pb-2 text-lion-orange">Example #2</h5>
                 <CodeBlock
                   language={"sql"}
                   content={"SELECT * FROM my_table LIMIT 0, 10"}
@@ -579,7 +577,7 @@ export default function v6_6_0_LSQ() {
           code: (
             <>
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">Example #1</h5>
+                <h5 className="pb-2 text-lion-orange">Example #1</h5>
                 <CodeBlock
                   language="php"
                   content={
@@ -591,7 +589,7 @@ export default function v6_6_0_LSQ() {
               </div>
 
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">Example #2</h5>
+                <h5 className="pb-2 text-lion-orange">Example #2</h5>
                 <CodeBlock
                   language="php"
                   content={
@@ -612,7 +610,7 @@ export default function v6_6_0_LSQ() {
           code: (
             <>
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">Example #1</h5>
+                <h5 className="pb-2 text-lion-orange">Example #1</h5>
                 <CodeBlock
                   language="sql"
                   content={
@@ -636,7 +634,7 @@ export default function v6_6_0_LSQ() {
               </div>
 
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">Example #2</h5>
+                <h5 className="pb-2 text-lion-orange">Example #2</h5>
                 <CodeBlock
                   language="sql"
                   content={"SELECT column1, column2 FROM table WHERE column1=1"}
@@ -658,7 +656,7 @@ export default function v6_6_0_LSQ() {
               </div>
 
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">Example #3</h5>
+                <h5 className="pb-2 text-lion-orange">Example #3</h5>
                 <CodeBlock
                   language="sql"
                   content={"SELECT * FROM my_table WHERE column1=?"}
diff --git a/src/Tools/Versions/libraries/database/v7_7_0_LSQ.jsx b/src/Tools/Versions/libraries/database/v7_7_0_LSQ.jsx
index 27e0b1f..020c1ef 100644
--- a/src/Tools/Versions/libraries/database/v7_7_0_LSQ.jsx
+++ b/src/Tools/Versions/libraries/database/v7_7_0_LSQ.jsx
@@ -16,7 +16,7 @@ export default function v7_7_0_LSQ() {
           code: (
             <>
               <div className="mb-3">
-                <h5 className="text-warning">CONNECTION</h5>
+                <h5 className="text-lion-orange">CONNECTION</h5>
 
                 <p>
                   {" "}
@@ -349,7 +349,7 @@ export default function v7_7_0_LSQ() {
           code: (
             <>
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">Example #1</h5>
+                <h5 className="pb-2 text-lion-orange">Example #1</h5>
                 <CodeBlock language="sql" content={"SELECT * FROM my_table"} />
 
                 <CodeBlock
@@ -364,7 +364,7 @@ export default function v7_7_0_LSQ() {
               </div>
 
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">Example #2</h5>
+                <h5 className="pb-2 text-lion-orange">Example #2</h5>
                 <CodeBlock
                   language="sql"
                   content={
@@ -397,7 +397,7 @@ export default function v7_7_0_LSQ() {
           code: (
             <>
               <div className="mb-3">
-                <h5 className="text-warning pb-2">Example #1</h5>
+                <h5 className="text-lion-orange pb-2">Example #1</h5>
 
                 <CodeBlock
                   language="php"
@@ -410,7 +410,7 @@ export default function v7_7_0_LSQ() {
               </div>
 
               <div className="mb-3">
-                <h5 className="text-warning pb-2">Example #2</h5>
+                <h5 className="text-lion-orange pb-2">Example #2</h5>
 
                 <CodeBlock
                   language="php"
@@ -432,7 +432,7 @@ export default function v7_7_0_LSQ() {
           code: (
             <>
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">Example #1</h5>
+                <h5 className="pb-2 text-lion-orange">Example #1</h5>
                 <CodeBlock
                   language="sql"
                   content={"SELECT DISTINCT column1, column2 FROM my_table"}
@@ -449,7 +449,7 @@ export default function v7_7_0_LSQ() {
               </div>
 
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">Example #2</h5>
+                <h5 className="pb-2 text-lion-orange">Example #2</h5>
                 <CodeBlock
                   language="sql"
                   content={
@@ -482,7 +482,7 @@ export default function v7_7_0_LSQ() {
           code: (
             <>
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">Example #1</h5>
+                <h5 className="pb-2 text-lion-orange">Example #1</h5>
                 <CodeBlock
                   language="sql"
                   content={"SELECT CONCAT(name, ' ', lastname) FROM users"}
@@ -500,7 +500,7 @@ export default function v7_7_0_LSQ() {
               </div>
 
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">Example #2</h5>
+                <h5 className="pb-2 text-lion-orange">Example #2</h5>
                 <CodeBlock
                   language="sql"
                   content={
@@ -828,7 +828,7 @@ export default function v7_7_0_LSQ() {
           code: (
             <>
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">Example #1</h5>
+                <h5 className="pb-2 text-lion-orange">Example #1</h5>
                 <CodeBlock
                   language={"sql"}
                   content={"SELECT * FROM my_table LIMIT 1"}
@@ -845,7 +845,7 @@ export default function v7_7_0_LSQ() {
               </div>
 
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">Example #2</h5>
+                <h5 className="pb-2 text-lion-orange">Example #2</h5>
                 <CodeBlock
                   language={"sql"}
                   content={"SELECT * FROM my_table LIMIT 0, 10"}
@@ -917,7 +917,7 @@ export default function v7_7_0_LSQ() {
           code: (
             <>
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">Example #1</h5>
+                <h5 className="pb-2 text-lion-orange">Example #1</h5>
                 <CodeBlock
                   language="php"
                   content={
@@ -929,7 +929,7 @@ export default function v7_7_0_LSQ() {
               </div>
 
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">Example #2</h5>
+                <h5 className="pb-2 text-lion-orange">Example #2</h5>
                 <CodeBlock
                   language="php"
                   content={
@@ -941,7 +941,7 @@ export default function v7_7_0_LSQ() {
               </div>
 
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">Example #3</h5>
+                <h5 className="pb-2 text-lion-orange">Example #3</h5>
                 <CodeBlock
                   language="php"
                   content={
@@ -953,7 +953,7 @@ export default function v7_7_0_LSQ() {
               </div>
 
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">Example #4</h5>
+                <h5 className="pb-2 text-lion-orange">Example #4</h5>
                 <CodeBlock
                   language="php"
                   content={
@@ -974,7 +974,7 @@ export default function v7_7_0_LSQ() {
           code: (
             <>
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">Example #1</h5>
+                <h5 className="pb-2 text-lion-orange">Example #1</h5>
                 <CodeBlock
                   language="sql"
                   content={
@@ -998,7 +998,7 @@ export default function v7_7_0_LSQ() {
               </div>
 
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">Example #2</h5>
+                <h5 className="pb-2 text-lion-orange">Example #2</h5>
                 <CodeBlock
                   language="sql"
                   content={"SELECT column1, column2 FROM table WHERE column1=1"}
@@ -1020,7 +1020,7 @@ export default function v7_7_0_LSQ() {
               </div>
 
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">Example #3</h5>
+                <h5 className="pb-2 text-lion-orange">Example #3</h5>
                 <CodeBlock
                   language="sql"
                   content={"SELECT * FROM my_table WHERE column1=?"}
diff --git a/src/Tools/Versions/libraries/database/v8_LDB.jsx b/src/Tools/Versions/libraries/database/v8_LDB.jsx
index 45acc2b..a8262e4 100644
--- a/src/Tools/Versions/libraries/database/v8_LDB.jsx
+++ b/src/Tools/Versions/libraries/database/v8_LDB.jsx
@@ -141,27 +141,31 @@ export default function v8_LBD() {
                 language={"php"}
                 content={`<?php
 
+declare(strict_types=1);
+
+use LionDatabase\\Driver;
+
 /**
-* ------------------------------------------------------------------------------
-* Start database service
-* ------------------------------------------------------------------------------
-* describe connections to establish connecting to multiple databases
-* ------------------------------------------------------------------------------
-*/
-
-return [
-    'default' => env->DB_NAME,
+ * ------------------------------------------------------------------------------
+ * Start database service
+ * ------------------------------------------------------------------------------
+ * describe connections to establish connecting to multiple databases
+ * ------------------------------------------------------------------------------
+ */
+
+Driver::run([
+    'default' => 'connection-name',
     'connections' => [
-        env->DB_NAME => [
-            'type' => env->DB_TYPE,
-            'host' => env->DB_HOST,
-            'port' => env->DB_PORT,
-            'dbname' => env->DB_NAME,
-            'user' => env->DB_USER,
-            'password' => env->DB_PASSWORD,
+        'connection-name' => [
+            'type' => 'mysql',
+            'host' => 'localhost',
+            'port' => 3306,
+            'dbname' => 'lion_database',
+            'user' => 'root',
+            'password' => 'lion',
         ],
     ],
-];
+]);
 `}
               />
 
@@ -187,31 +191,35 @@ return [
                 language={"php"}
                 content={`<?php
 
+declare(strict_types=1);
+
+use LionDatabase\\Driver;
+
 /**
-* ------------------------------------------------------------------------------
-* Start database service
-* ------------------------------------------------------------------------------
-* describe connections to establish connecting to multiple databases
-* ------------------------------------------------------------------------------
-*/
-
-return [
-    'default' => env->DB_NAME,
+ * ------------------------------------------------------------------------------
+ * Start database service
+ * ------------------------------------------------------------------------------
+ * describe connections to establish connecting to multiple databases
+ * ------------------------------------------------------------------------------
+ */
+
+Driver::run([
+    'default' => 'connection-name',
     'connections' => [
-        env->DB_NAME => [
-            'type' => env->DB_TYPE,
-            'host' => env->DB_HOST,
-            'port' => env->DB_PORT,
-            'dbname' => env->DB_NAME,
-            'user' => env->DB_USER,
-            'password' => env->DB_PASSWORD,
+        'connection-name' => [
+            'type' => 'mysql',
+            'host' => 'localhost',
+            'port' => 3306,
+            'dbname' => 'lion_database',
+            'user' => 'root',
+            'password' => 'lion',
             'config' => [
                 PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
                 PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_OBJ,
-            ]
+            ],
         ],
     ],
-];
+]);
 `}
               />
             </Fragment>
@@ -230,7 +238,7 @@ return [
               <div className="mb-3">
                 <h3>
                   MySQL::
-                  <span className="text-warning h3">getConnections()</span>
+                  <span className="text-lion-orange h3">getConnections()</span>
                 </h3>
 
                 <hr />
@@ -261,7 +269,8 @@ var_dump($connections);
             <>
               <div className="mb-3">
                 <h3>
-                  MySQL::<span className="text-warning h3">connection()</span>
+                  MySQL::
+                  <span className="text-lion-orange h3">connection()</span>
                 </h3>
 
                 <hr />
@@ -697,7 +706,7 @@ var_dump($response);
             <>
               <div className="mb-3">
                 <h3>
-                  MySQL::<span className="text-warning h3">bulk()</span>
+                  MySQL::<span className="text-lion-orange h3">bulk()</span>
                 </h3>
 
                 <hr />
@@ -2930,7 +2939,7 @@ var_dump($response);
               <ul>
                 {args.map((arg, index) => (
                   <li key={index}>
-                    <h6 className="text-warning">{arg.key}:</h6>
+                    <h6 className="text-lion-orange">{arg.key}:</h6>
                     <p>{arg.desc}</p>
                   </li>
                 ))}
diff --git a/src/Tools/Versions/libraries/exceptions/v1_LE.jsx b/src/Tools/Versions/libraries/exceptions/v1_LE.jsx
index 696121e..fc8d2ad 100644
--- a/src/Tools/Versions/libraries/exceptions/v1_LE.jsx
+++ b/src/Tools/Versions/libraries/exceptions/v1_LE.jsx
@@ -276,9 +276,63 @@ use Lion\\Exceptions\\Serialize;
 
 $serialize = new Serialize();
 
-$serialize->exceptionHandler()
+$serialize->exceptionHandler();
                   `}
               />
+
+              <Fragment>
+                <Description
+                  description={
+                    "You can perform a logical process when capturing exceptions."
+                  }
+                />
+
+                <CodeBlock
+                  language="php"
+                  content={`<?php
+
+declare(strict_types=1);
+
+require_once('./vendor/autoload.php');
+
+use Lion\\Exceptions\\Serialize;
+
+$serialize = new Serialize();
+
+$serialize->exceptionHandler(function (): void {
+    logger(...);
+});
+                  `}
+                />
+              </Fragment>
+
+              <Fragment>
+                <Description
+                  description={
+                    "You can add more data to display in JSON data serialization."
+                  }
+                />
+
+                <CodeBlock
+                  language="php"
+                  content={`<?php
+
+declare(strict_types=1);
+
+require_once('./vendor/autoload.php');
+
+use Lion\\Exceptions\\Serialize;
+
+$callback = function (): void {
+    logger(...);
+};
+
+$serialize = new Serialize();
+
+$serialize->exceptionHandler($callback, true); // Add the line of code and path of the exception file
+                  `}
+                />
+              </Fragment>
             </Fragment>
           ),
         },
diff --git a/src/Tools/Versions/libraries/exceptions/v2_LE.jsx b/src/Tools/Versions/libraries/exceptions/v2_LE.jsx
index 7235f53..86237ca 100644
--- a/src/Tools/Versions/libraries/exceptions/v2_LE.jsx
+++ b/src/Tools/Versions/libraries/exceptions/v2_LE.jsx
@@ -276,9 +276,63 @@ use Lion\\Exceptions\\Serialize;
 
 $serialize = new Serialize();
 
-$serialize->exceptionHandler()
+$serialize->exceptionHandler();
                   `}
               />
+
+              <Fragment>
+                <Description
+                  description={
+                    "You can perform a logical process when capturing exceptions."
+                  }
+                />
+
+                <CodeBlock
+                  language="php"
+                  content={`<?php
+
+declare(strict_types=1);
+
+require_once('./vendor/autoload.php');
+
+use Lion\\Exceptions\\Serialize;
+
+$serialize = new Serialize();
+
+$serialize->exceptionHandler(function (): void {
+    logger(...);
+});
+                  `}
+                />
+              </Fragment>
+
+              <Fragment>
+                <Description
+                  description={
+                    "You can add more data to display in JSON data serialization."
+                  }
+                />
+
+                <CodeBlock
+                  language="php"
+                  content={`<?php
+
+declare(strict_types=1);
+
+require_once('./vendor/autoload.php');
+
+use Lion\\Exceptions\\Serialize;
+
+$callback = function (): void {
+    logger(...);
+};
+
+$serialize = new Serialize();
+
+$serialize->exceptionHandler($callback, true); // Add the line of code and path of the exception file
+                  `}
+                />
+              </Fragment>
             </Fragment>
           ),
         },
diff --git a/src/Tools/Versions/libraries/mailer/v4_3_0_LM.jsx b/src/Tools/Versions/libraries/mailer/v4_3_0_LM.jsx
index f86426b..301414c 100644
--- a/src/Tools/Versions/libraries/mailer/v4_3_0_LM.jsx
+++ b/src/Tools/Versions/libraries/mailer/v4_3_0_LM.jsx
@@ -15,7 +15,7 @@ export default function v4_3_0_LM() {
           link: "init",
           code: (
             <>
-              <h5 className="text-warning">INSTRUCTIONS</h5>
+              <h5 className="text-lion-orange">INSTRUCTIONS</h5>
               <p>
                 The mailer class must be initialized using the init function and
                 its respective parameters, debug 0 indicates that no type of
diff --git a/src/Tools/Versions/libraries/route/v10_LRT.jsx b/src/Tools/Versions/libraries/route/v10_LRT.jsx
index 8031535..395d0ef 100644
--- a/src/Tools/Versions/libraries/route/v10_LRT.jsx
+++ b/src/Tools/Versions/libraries/route/v10_LRT.jsx
@@ -523,7 +523,7 @@ Route::dispatch();
               />
 
               <Fragment>
-                <h5 className="text-warning">Use Middleware</h5>
+                <h5 className="text-lion-orange">Use Middleware</h5>
 
                 <p>
                   It is identical to filters, we change the name of filter to
diff --git a/src/Tools/Versions/libraries/route/v11_LRT.jsx b/src/Tools/Versions/libraries/route/v11_LRT.jsx
index a7be766..7a59a62 100644
--- a/src/Tools/Versions/libraries/route/v11_LRT.jsx
+++ b/src/Tools/Versions/libraries/route/v11_LRT.jsx
@@ -575,7 +575,7 @@ Route::dispatch();
               />
 
               <Fragment>
-                <h5 className="text-warning">Use Middleware</h5>
+                <h5 className="text-lion-orange">Use Middleware</h5>
 
                 <p>
                   It is identical to filters, we change the name of filter to
diff --git a/src/Tools/Versions/libraries/route/v8_LRT.jsx b/src/Tools/Versions/libraries/route/v8_LRT.jsx
index ffd2068..93d4b34 100644
--- a/src/Tools/Versions/libraries/route/v8_LRT.jsx
+++ b/src/Tools/Versions/libraries/route/v8_LRT.jsx
@@ -578,7 +578,7 @@ Route::dispatch();
               />
 
               <Fragment>
-                <h5 className="text-warning">Use Middleware</h5>
+                <h5 className="text-lion-orange">Use Middleware</h5>
 
                 <p>
                   It is identical to filters, we change the name of filter to
diff --git a/src/Tools/Versions/libraries/route/v9_LRT.jsx b/src/Tools/Versions/libraries/route/v9_LRT.jsx
index c3c9a7e..9b8b0db 100644
--- a/src/Tools/Versions/libraries/route/v9_LRT.jsx
+++ b/src/Tools/Versions/libraries/route/v9_LRT.jsx
@@ -543,7 +543,7 @@ Route::dispatch();
               />
 
               <Fragment>
-                <h5 className="text-warning">Use Middleware</h5>
+                <h5 className="text-lion-orange">Use Middleware</h5>
 
                 <p>
                   It is identical to filters, we change the name of filter to
diff --git a/src/Tools/Versions/libraries/security/v6_12_0_LS.jsx b/src/Tools/Versions/libraries/security/v6_12_0_LS.jsx
index e70fccf..d4fae1a 100644
--- a/src/Tools/Versions/libraries/security/v6_12_0_LS.jsx
+++ b/src/Tools/Versions/libraries/security/v6_12_0_LS.jsx
@@ -129,7 +129,7 @@ export default function v6_12_0_LS() {
               />
 
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">Example #1.</h5>
+                <h5 className="pb-2 text-lion-orange">Example #1.</h5>
 
                 <p>
                   In this first option we can create the keys automatically in
@@ -152,7 +152,7 @@ export default function v6_12_0_LS() {
               </div>
 
               <div className="mb-3">
-                <h5 className="pb-2 text-warning">Example #2</h5>
+                <h5 className="pb-2 text-lion-orange">Example #2</h5>
 
                 <p>
                   In this second option we can specify which folders we are
diff --git a/src/pages/Editors.jsx b/src/pages/Editors.jsx
index 25253d7..ad8f0f4 100644
--- a/src/pages/Editors.jsx
+++ b/src/pages/Editors.jsx
@@ -19,7 +19,7 @@ export default function Editors() {
         </div>
 
         <div className="mb-4">
-          <h5 className="text-warning">
+          <h5 className="text-lion-orange">
             Font: JetBrains Mono. A typeface for developers
           </h5>
 
@@ -49,7 +49,7 @@ export default function Editors() {
         </div>
 
         <div className="mb-4">
-          <h5 className="text-warning">
+          <h5 className="text-lion-orange">
             Warp: Great software starts on the command line
           </h5>
 
@@ -67,7 +67,7 @@ export default function Editors() {
         </div>
 
         <div className="mb-4">
-          <h5 className="text-warning">Sublime Text 4</h5>
+          <h5 className="text-lion-orange">Sublime Text 4</h5>
 
           <Description
             description={
diff --git a/src/pages/LinuxConfiguration.jsx b/src/pages/LinuxConfiguration.jsx
index d078c50..007d677 100644
--- a/src/pages/LinuxConfiguration.jsx
+++ b/src/pages/LinuxConfiguration.jsx
@@ -6,7 +6,7 @@ import CodeBlock from "./components/CodeBlock";
 
 export default function LinuxConfiguration() {
   return (
-    <Fragment>
+    <div className="bg-blur-right-ellipse">
       <Container>
         <div className="text-light my-3">
           <div className="mb-5">
@@ -20,7 +20,7 @@ export default function LinuxConfiguration() {
           </div>
 
           <div className="mb-3">
-            <h5 className="text-warning">Add Sudoers</h5>
+            <h5 className="text-lion-orange">Add Sudoers</h5>
 
             <Description description={"Add user to sudoers list."} />
 
@@ -36,10 +36,32 @@ export default function LinuxConfiguration() {
             />
           </div>
 
+          <hr className="my-5" />
+
           <div className="mb-3">
-            <h5 className="text-warning">Install Dependencies</h5>
+            <h5 className="text-lion-orange">Install Dependencies</h5>
 
             <Fragment>
+              <Fragment>
+                <div className="mb-3">
+                  <a
+                    href="https://www.postman.com/downloads/"
+                    className="text-decoration-none"
+                    target="_blank"
+                  >
+                    Postman
+                  </a>
+                </div>
+
+                <Description
+                  description={
+                    "Download tar.gz, unzip and run the Postman binary."
+                  }
+                />
+              </Fragment>
+
+              <hr />
+
               <Fragment>
                 <div className="mb-3">
                   <a
@@ -57,6 +79,8 @@ export default function LinuxConfiguration() {
                 />
               </Fragment>
 
+              <hr />
+
               <Fragment>
                 <div className="mb-3">
                   <a
@@ -71,6 +95,8 @@ export default function LinuxConfiguration() {
                 <CodeBlock language={"bash"} content={"sudo apt install zsh"} />
               </Fragment>
 
+              <hr />
+
               <Fragment>
                 <div className="mb-3">
                   <a
@@ -90,6 +116,34 @@ export default function LinuxConfiguration() {
                 />
               </Fragment>
 
+              <hr />
+
+              <Fragment>
+                <div className="mb-3">
+                  <a
+                    href="https://github.com/lion-packages/linux-helper-command/blob/main/.bashrc"
+                    className="text-decoration-none"
+                    target="_blank"
+                  >
+                    Configure custom commands
+                  </a>
+                </div>
+
+                <Description
+                  description={
+                    "Add custom commands to speed up the use of commands from the console."
+                  }
+                />
+
+                <div className="mb-3">
+                  <a href="https://github.com/lion-packages/linux-helper-command/blob/main/.bashrc">
+                    .bashrc
+                  </a>
+                </div>
+              </Fragment>
+
+              <hr />
+
               <Fragment>
                 <div className="mb-3">
                   <a
@@ -132,8 +186,6 @@ sudo apt-get update`}
                   }
                 />
 
-                <hr />
-
                 <CodeBlock
                   language={"bash"}
                   content={"sudo usermod -aG docker my_user"}
@@ -154,23 +206,7 @@ sudo apt-get update`}
                 />
               </Fragment>
 
-              <Fragment>
-                <div className="mb-3">
-                  <a
-                    href="https://www.postman.com/downloads/"
-                    className="text-decoration-none"
-                    target="_blank"
-                  >
-                    Postman
-                  </a>
-                </div>
-
-                <Description
-                  description={
-                    "Download tar.gz, unzip and run the Postman binary."
-                  }
-                />
-              </Fragment>
+              <hr />
 
               <Fragment>
                 <div className="mb-3">
@@ -216,225 +252,8 @@ sudo apt-get update`}
               </Fragment>
             </Fragment>
           </div>
-
-          <div className="mb-3">
-            <h5 className="text-warning">Custom Functions</h5>
-
-            <Description
-              description={
-                "Custom configuration for .zshrc/.bashrc, this to facilitate project manipulation."
-              }
-            />
-
-            <CodeBlock
-              language="bash"
-              content={`# Function gclone
-# This function clones a Git repository into a specified new directory and then changes to that directory.
-function gclone {
-  # Check if exactly two arguments are provided
-  if [ "$#" -ne 2 ]; then
-    echo "Usage: gclone <repository> <project-name>"
-    return 1
-  fi
-
-  # Assign the arguments to variables for readability
-  repo=$1
-  project_name=$2
-
-  # Clone the repository into the project name directory
-  git clone $repo $project_name || return 1
-
-  # Change to the project directory
-  cd $project_name || return 1
-}
-
-# Function into_docker
-# This function connects interactively to a specific Docker container using the 'lion' user.
-function into_docker {
-  # $1 represents the first argument passed to the function
-  # If no argument is provided, default to bash, otherwise use zsh
-  local shell=\${2:-zsh}
-
-  docker exec -it -u lion $1-app $shell
-}
-
-
-# Function new_commit
-# This function creates a new Git commit with a specified type and message.
-function new_commit {
-  # Assign the arguments to variables for readability
-  type=$1
-  message=$2
-
-  # Create a new Git commit with the specified type and message
-  git commit -m "$type: $message"
-}
-`}
-            />
-          </div>
-
-          <div className="mb-3">
-            <h5 className="text-warning">Custom Aliases</h5>
-
-            <Description
-              description={
-                "Custom configuration for .zshrc/.bashrc, this to facilitate project manipulation."
-              }
-            />
-
-            <CodeBlock
-              language="bash"
-              content={`# Alias for building and starting Docker containers in the background
-alias build-d="docker compose up -d --build"
-# Usage: build
-# Builds and starts the Docker containers defined in docker-compose.yml in detached mode.
-# Rebuilds the images before starting the containers.
-
-# Alias for connecting to a specific Docker container as 'lion'
-alias into="into_docker $1"
-# Usage: into <service>
-# Calls the into_docker function with the specified service name.
-
-# Alias for starting Docker containers in the background
-alias up="docker compose up -d"
-# Usage: up
-# Builds and starts the Docker containers defined in docker-compose.yml in detached mode.
-
-# Alias for stopping Docker containers
-alias down="docker compose down"
-# Usage: down
-# Stops and removes the Docker containers defined in docker-compose.yml.
-
-# Alias for stopping Docker containers and removing volumes
-alias down-v="docker compose down -v"
-# Usage: down-v
-# Stops and removes the Docker containers defined in docker-compose.yml, and also removes the associated volumes.
-
-# Alias for restarting Docker containers
-alias restart="docker compose restart"
-# Usage: restart
-# Restarts all Docker containers defined in docker-compose.yml.
-
-# Alias for displaying the Git status
-alias status="git status"
-# Usage: status
-# Shows the working tree status, including staged, unstaged, and untracked files.
-
-# Alias for displaying the Git commit log
-alias log="git log"
-# Usage: log
-# Shows the commit logs, including commit hashes, authors, dates, and messages.
-
-# Alias for adding files to the Git staging area
-alias add="git add $1"
-# Usage: add <file>
-# Adds the specified file(s) to the Git staging area.
-
-# Alias for amending the last Git commit
-alias amend="git commit --amend"
-# Usage: amend
-# Amends the last Git commit, allowing you to modify the commit message and include additional changes.
-
-# Alias for fetching and pulling the latest changes from the main branch
-alias fetch="git checkout main && git fetch origin && git pull origin main"
-# Usage: fetch
-# Checks out the main branch, fetches updates from the remote repository, and pulls the latest changes.
-
-# Alias for listing Git branches
-alias branch="git branch"
-# Usage: branch
-# Lists all local Git branches.
-
-# Alias for deleting a Git branch
-alias branch-d="git branch -D $1"
-# Usage: branch-d <branch-name>
-# Deletes the specified Git branch.
-
-# Alias for creating a new Git branch and checking it out
-alias branch-b="git checkout -b $1"
-# Usage: branch-b <branch-name>
-# Creates and checks out a new Git branch with the specified name.
-
-# Alias for checking out an existing Git branch
-alias branch-r="git checkout $1"
-# Usage: branch-r <branch-name>
-# Checks out the specified Git branch.
-
-# Alias for renaming the current Git branch
-alias branch-m="git branch -M $1"
-# Usage: branch-m <new-branch-name>
-# Renames the current branch to the specified new name.
-
-# Alias for pulling the latest changes from a specified branch
-alias pull="git pull origin $1"
-# Usage: pull <branch-name>
-# Pulls the latest changes from the specified branch on the remote repository.
-
-# Alias for pushing changes to a specified branch
-alias push="git push origin $1"
-# Usage: push <branch-name>
-# Pushes local changes to the specified branch on the remote repository.
-
-# Alias for deleting a remote branch
-alias push-d="git push origin $1 -d"
-# Usage: push-d <branch-name>
-# Deletes the specified branch from the remote repository.
-
-# Alias for force pushing changes to a specified branch
-alias push-f="git push origin $1 -f"
-# Usage: push-f <branch-name>
-# Force pushes local changes to the specified branch on the remote repository.
-
-# Alias for committing changes with a specified message
-alias commit="git commit -m $1"
-# Usage: commit <message>
-# Commits staged changes with the specified commit message.
-
-# Aliases for creating commits with a specific type and message
-alias feat="new_commit feat $1"
-# Usage: feat <message>
-# Commits changes with the type 'feat' and the specified message.
-
-alias fix="new_commit fix $1"
-# Usage: fix <message>
-# Commits changes with the type 'fix' and the specified message.
-
-alias build="new_commit build $1"
-# Usage: build <message>
-# Commits changes with the type 'build' and the specified message.
-
-alias ci="new_commit ci $1"
-# Usage: ci <message>
-# Commits changes with the type 'ci' and the specified message.
-
-alias chore="new_commit chore $1"
-# Usage: chore <message>
-# Commits changes with the type 'chore' and the specified message.
-
-alias style="new_commit style $1"
-# Usage: style <message>
-# Commits changes with the type 'style' and the specified message.
-
-alias docs="new_commit docs $1"
-# Usage: docs <message>
-# Commits changes with the type 'docs' and the specified message.
-
-alias perf="new_commit perf $1"
-# Usage: perf <message>
-# Commits changes with the type 'perf' and the specified message.
-
-alias refactor="new_commit refactor $1"
-# Usage: refactor <message>
-# Commits changes with the type 'refactor' and the specified message.
-
-alias tests="new_commit test $1"
-# Usage: tests <message>
-# Commits changes with the type 'test' and the specified message.
-`}
-            />
-          </div>
         </div>
       </Container>
-    </Fragment>
+    </div>
   );
 }
diff --git a/src/pages/Standards.jsx b/src/pages/Standards.jsx
index 6c70fa0..6854e6f 100644
--- a/src/pages/Standards.jsx
+++ b/src/pages/Standards.jsx
@@ -1,200 +1,31 @@
 import { Container } from "react-bootstrap";
 import Title from "./components/Title";
 import Description from "./components/Description";
-import CodeBlock from "./components/CodeBlock";
-import { Link } from "react-router-dom";
+import StandardsRecomendations from "./components/standards/StandardsRecomendations";
+import StandardsLionRecomendations from "./components/standards/StandardsLionRecomendations";
 
 export default function Standars() {
   return (
-    <Container>
-      <div className="my-3 text-light">
-        <div className="mb-5">
-          <Title title="Contributing to Lion-Packages Open-Source PHP Projects" />
+    <div className="bg-blur-left-ellipse">
+      <Container className="py-3">
+        <div className="mb-3 text-light">
+          <div className="mb-5">
+            <Title title="Contributing to Lion-Packages Open-Source PHP Projects" />
 
-          <Description
-            description={
-              "We are going to tell you what kind of standards we have within the organization for your personal use or contribution."
-            }
-          />
-        </div>
-
-        <div className="mb-3">
-          <h5 className="text-warning">
-            PHP FIG: PHP Standards Recommendations
-          </h5>
-
-          <p>
-            The PSR (PHP Standards Recommendations) are a series of
-            recommendations and standards proposed by the PHP-FIG (PHP Framework
-            Interoperability Group) to promote interoperability between PHP
-            frameworks and components. These standards cover various areas of
-            application development in PHP, including code structuring, coding
-            practices, class autoloading, component interfaces, among others.
-          </p>
-
-          <p>
-            The main goal of the PSR is to establish a set of common standards
-            that facilitate the integration and reuse of code across different
-            PHP projects and frameworks. Some of the most well-known and widely
-            used PSRs include:
-          </p>
-
-          <ul>
-            <li>
-              <strong>PSR-1:</strong> Basic coding standards, which define the
-              minimum requirements to ensure standardized PHP code.
-            </li>
-
-            <li>
-              <strong>PSR-2:</strong> Coding style guide, which expands the
-              basic standards of PSR-1 with more details on code formatting.
-            </li>
-
-            <li>
-              <strong>PSR-3:</strong> Logging interface, which provides a common
-              interface for logging libraries.
-            </li>
-
-            <li>
-              <strong>PSR-4:</strong> Autoloading specification, which describes
-              a standardized way to load class files.
-            </li>
-
-            <li>
-              <strong>PSR-7:</strong> HTTP message interface, which defines the
-              interfaces for HTTP requests and responses, allowing better
-              management of HTTP messages in applications.
-            </li>
-          </ul>
-
-          <p>
-            These standards are not mandatory, but their adoption can
-            significantly improve code quality and maintainability, as well as
-            facilitate collaboration between developers working with different
-            tools and frameworks.
-          </p>
-
-          <p>
-            For more information on the accepted PSRs, you can visit the
-            following link:{" "}
-            <a
-              href="https://www.php-fig.org/psr/"
-              className="text-decoration-none"
-              target="_blank"
-            >
-              PHP-FIG PSR
-            </a>
-          </p>
-        </div>
-
-        <div className="mb-3">
-          <h5 className="text-warning">Lion-Packages</h5>
-
-          <p>
-            The "Lion-Packages" organization has established a standard for
-            creating response objects in PHP to ensure consistent and clear HTTP
-            responses throughout our application. This standard defines specific
-            methods for generating different types of response objects, each
-            tailored to a particular kind of response.
-          </p>
+            <Description
+              description={
+                "We are going to tell you what kind of standards we have within the organization for your personal use or contribution."
+              }
+            />
+          </div>
 
-          <p>The standard consists of the following methods:</p>
+          <StandardsRecomendations />
 
-          <ul>
-            <li>
-              <strong>Response Method: </strong>method allows you to generate a
-              custom response object. This method accepts parameters for the
-              status, message, HTTP status code, and any additional data. It
-              provides flexibility to create response objects that fit specific
-              needs.
-            </li>
-
-            <li>
-              <strong>Success Method: </strong>The <code>success</code> method
-              generates a response object indicating a successful operation. It
-              takes optional parameters for a message, HTTP status code, and
-              additional data. By default, it sets the HTTP status code to 200
-              (OK).
-            </li>
-
-            <li>
-              <strong>Error Method: </strong>The <code>error</code> method
-              creates a response object representing an error condition. It
-              accepts parameters for a message, HTTP status code, and additional
-              data. The default HTTP status code is 500 (Internal Server Error).
-            </li>
-
-            <li>
-              <strong>Warning Method: </strong>The <code>warning</code> method
-              generates a response object to indicate a warning. This method
-              allows for a message, HTTP status code, and additional data to be
-              provided. The default HTTP status code is 200 (OK).
-            </li>
-
-            <li>
-              <strong>Info Method: </strong>The <code>info</code> method creates
-              a response object to convey informational messages. It takes
-              parameters for a message, HTTP status code, and additional data,
-              with a default HTTP status code of 200 (OK).
-            </li>
-          </ul>
-
-          <p>
-            In practice, these methods are used within controllers to generate
-            response objects consistently. For example, to return a successful
-            response, you would use:
-          </p>
-
-          <CodeBlock
-            language="php"
-            content={`<?php
-
-use Lion\\Request\\Status;
-use Lion\\Request\\Http;
-use stdClass;
-
-/**
- * This is an example of a response object.
- *
- * @return stdClass
- */
-public function example(): stdClass
-{
-    return response(Status::SUCCESS, 'OK', Http::OK);
-}
-`}
-          />
-
-          <CodeBlock
-            language="php"
-            content={`<?php
-
-use Lion\\Request\\Http;
-use stdClass;
-
-/**
- * This is an example of a response object.
- *
- * @return stdClass
- */
-public function example(): stdClass
-{
-    return success('OK', Http::OK);
-}
-`}
-          />
+          <hr />
 
-          <p>
-            When specifying the response code, the method will also update the
-            HTTP response code accordingly, ensuring that the response object
-            and HTTP status code are in sync. For more information about HTTP
-            response statuses and codes, you can visit the following link:{" "}
-            <Link to={"/docs/library/content"} className="text-decoration-none">
-              Lion-Request
-            </Link>
-          </p>
+          <StandardsLionRecomendations />
         </div>
-      </div>
-    </Container>
+      </Container>
+    </div>
   );
 }
diff --git a/src/pages/components/AddTabs.jsx b/src/pages/components/AddTabs.jsx
index 264aa27..128865b 100644
--- a/src/pages/components/AddTabs.jsx
+++ b/src/pages/components/AddTabs.jsx
@@ -92,8 +92,8 @@ export default function AddTabs() {
                           scrollToTop();
                         }}
                       >
-                        <i className="bi bi-arrow-return-right text-warning me-2"></i>
-                        <label className="text-warning">{`${count}.${subCount}`}</label>
+                        <i className="bi bi-arrow-return-right text-lion-orange me-2"></i>
+                        <label className="text-lion-orange">{`${count}.${subCount}`}</label>
                         {" - "}
                         {item.name}
                       </ListGroup.Item>
diff --git a/src/pages/components/CardLink.jsx b/src/pages/components/CardLink.jsx
index 36b91f5..56133fb 100644
--- a/src/pages/components/CardLink.jsx
+++ b/src/pages/components/CardLink.jsx
@@ -4,9 +4,9 @@ export default function CardLink({ title, description, uri }) {
   return (
     <LinkContainer to={uri}>
       <div className={"p-4 rounded border-lion-light h-100"} role="button">
-        <span className={"fs-4 text-warning text-shadow"}>{title}</span>
+        <span className={"fs-4 text-lion-orange text-shadow"}>{title}</span>
 
-        <i className="bi bi-arrow-right text-warning text-shadow float-end fs-3"></i>
+        <i className="bi bi-arrow-right text-lion-orange text-shadow float-end fs-3"></i>
 
         <hr />
 
diff --git a/src/pages/components/ContentLoading.jsx b/src/pages/components/ContentLoading.jsx
index 785bc0d..03679cc 100644
--- a/src/pages/components/ContentLoading.jsx
+++ b/src/pages/components/ContentLoading.jsx
@@ -35,7 +35,7 @@ export default function ContentLoading() {
           <Card style={{ width: "18rem" }} className="bg-dark-logo">
             <Card.Body>
               <Placeholder as={Card.Title} animation="glow">
-                <Placeholder xs={6} className="text-warning" />
+                <Placeholder xs={6} className="text-lion-orange" />
               </Placeholder>
 
               <Placeholder as={Card.Text} animation="glow">
@@ -55,7 +55,7 @@ export default function ContentLoading() {
           <Card style={{ width: "18rem" }} className="bg-dark-logo">
             <Card.Body>
               <Placeholder as={Card.Title} animation="glow">
-                <Placeholder xs={6} className="text-warning" />
+                <Placeholder xs={6} className="text-lion-orange" />
               </Placeholder>
 
               <Placeholder as={Card.Text} animation="glow">
diff --git a/src/pages/components/Example.jsx b/src/pages/components/Example.jsx
index 65ae48b..ff4d7af 100644
--- a/src/pages/components/Example.jsx
+++ b/src/pages/components/Example.jsx
@@ -3,7 +3,7 @@ import CodeBlock from "./CodeBlock";
 export default function Example({ number, language = "php", content }) {
   return (
     <div className="mb-3">
-      <h5 className="text-warning mb-3">Example #{number}</h5>
+      <h5 className="text-lion-orange mb-3">Example #{number}</h5>
 
       <CodeBlock language={language} content={content} />
     </div>
diff --git a/src/pages/components/ExampleTitle.jsx b/src/pages/components/ExampleTitle.jsx
index 32f1f46..22fe6aa 100644
--- a/src/pages/components/ExampleTitle.jsx
+++ b/src/pages/components/ExampleTitle.jsx
@@ -1,7 +1,7 @@
 export default function ExampleTitle({ number }) {
   return (
     <div className="mb-3">
-      <h5 className="text-warning">Example #{number}</h5>
+      <h5 className="text-lion-orange">Example #{number}</h5>
     </div>
   );
 }
diff --git a/src/pages/components/LibraryTitle.jsx b/src/pages/components/LibraryTitle.jsx
index c3488a2..6c07d49 100644
--- a/src/pages/components/LibraryTitle.jsx
+++ b/src/pages/components/LibraryTitle.jsx
@@ -2,7 +2,7 @@ function LibraryTitle({ className, methodName }) {
   return (
     <div className="mb-3">
       <h3>
-        {className}::<span className="text-warning h3">{methodName}()</span>
+        {className}::<span className="text-lion-orange h3">{methodName}()</span>
       </h3>
 
       <hr />
diff --git a/src/pages/components/ListCommandsNew.jsx b/src/pages/components/ListCommandsNew.jsx
index 9a0755e..1ac039e 100644
--- a/src/pages/components/ListCommandsNew.jsx
+++ b/src/pages/components/ListCommandsNew.jsx
@@ -53,76 +53,80 @@ function ListCommandsNew() {
     scroolPage();
   }, []);
 
-  return Content().framework.versions[item_version].commands.map((item, index) => (
-    <div className="mb-3" key={index}>
-      <h5 className="text-info">{item.group}</h5>
-
-      <hr className="border-info" />
-
-      <Row>
-        {item.childs.map((child, childIndex) => (
-          <Col xs={12} sm={11} md={6} className="mb-3" key={childIndex}>
-            <div
-              className="p-3 rounded-2"
-              style={{ backgroundColor: "#232323" }}
-            >
-              <div>
-                <a
-                  href={"#" + linkFormat(child.name)}
-                  id={linkFormat(child.name)}
-                  className="text-warning text-decoration-none"
-                >
-                  <i className="bi bi-terminal-fill me-3 h4"></i>
-
-                  <CommandTitle title={child.name} />
-                </a>
-
-                <hr className="border-secondary" />
+  return Content().framework.versions[item_version].commands.map(
+    (item, index) => (
+      <div className="mb-3" key={index}>
+        <h5 className="text-info">{item.group}</h5>
+
+        <hr className="border-info" />
+
+        <Row>
+          {item.childs.map((child, childIndex) => (
+            <Col xs={12} sm={11} md={6} className="mb-3" key={childIndex}>
+              <div
+                className="p-3 rounded-2"
+                style={{ backgroundColor: "#232323" }}
+              >
+                <div>
+                  <a
+                    href={"#" + linkFormat(child.name)}
+                    id={linkFormat(child.name)}
+                    className="text-lion-orange text-decoration-none"
+                  >
+                    <i className="bi bi-terminal-fill me-3 h4"></i>
+
+                    <CommandTitle title={child.name} />
+                  </a>
+
+                  <hr className="border-secondary" />
+                </div>
+
+                <p>{child.desc}</p>
+
+                <GetCommands commands={child.name} />
+
+                {child.args.length > 0 && (
+                  <Fragment>
+                    <label className="mb-3">
+                      <label className="text-info">Arguments</label> /{" "}
+                      <label className="text-lion-orange">Options</label>
+                    </label>
+
+                    {child.args.map((arg, argIndex) => (
+                      <Row key={argIndex}>
+                        <Col xs={12} sm={12} md={5} lg={4} className="mb-3">
+                          <div className="p-1 text-center">
+                            <label>
+                              <span
+                                className={
+                                  arg.arg ? "text-info" : "text-lion-orange"
+                                }
+                              >
+                                {arg.name}
+                              </span>{" "}
+                              <span className={"text-danger"}>
+                                [{!arg.optional ? "REQUIRED" : "OPTIONAL"}]
+                              </span>
+                            </label>
+                          </div>
+                        </Col>
+
+                        <Col xs={12} sm={12} md={7} lg={8} className="mb-3">
+                          <div className="p-1 text-center">
+                            <label>{arg.desc}</label>
+                          </div>
+                        </Col>
+                      </Row>
+                    ))}
+                  </Fragment>
+                )}
               </div>
-
-              <p>{child.desc}</p>
-
-              <GetCommands commands={child.name} />
-
-              {child.args.length > 0 && (
-                <Fragment>
-                  <label className="mb-3">
-                    <label className="text-info">Arguments</label> /{" "}
-                    <label className="text-warning">Options</label>
-                  </label>
-
-                  {child.args.map((arg, argIndex) => (
-                    <Row key={argIndex}>
-                      <Col xs={12} sm={12} md={5} lg={4} className="mb-3">
-                        <div className="p-1 text-center">
-                          <label>
-                            <span
-                              className={arg.arg ? "text-info" : "text-warning"}
-                            >
-                              {arg.name}
-                            </span>{" "}
-                            <span className={"text-danger"}>
-                              [{!arg.optional ? "REQUIRED" : "OPTIONAL"}]
-                            </span>
-                          </label>
-                        </div>
-                      </Col>
-
-                      <Col xs={12} sm={12} md={7} lg={8} className="mb-3">
-                        <div className="p-1 text-center">
-                          <label>{arg.desc}</label>
-                        </div>
-                      </Col>
-                    </Row>
-                  ))}
-                </Fragment>
-              )}
-            </div>
-          </Col>
-        ))}
-      </Row>
-    </div>
-  ));
+            </Col>
+          ))}
+        </Row>
+      </div>
+    )
+  );
 }
 
 export default ListCommandsNew;
diff --git a/src/pages/components/dashboard/DashboardTecnologies.jsx b/src/pages/components/dashboard/DashboardTecnologies.jsx
index ea6b9ce..6102bcd 100644
--- a/src/pages/components/dashboard/DashboardTecnologies.jsx
+++ b/src/pages/components/dashboard/DashboardTecnologies.jsx
@@ -21,12 +21,33 @@ import Content from "../../../Tools/Content";
 const key = Object.keys(Content().framework.versions).shift();
 
 export default function DashboardTecnologies() {
+  const EmptyRow = () => {
+    return (
+      <Row>
+        {[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12].map((index) => (
+          <Col xs={3} sm={3} md={2} lg={1} className="mb-3" key={index}>
+            <div
+              className="bg-transparent-blur py-5 rounded border-lion-light h-100 blocks"
+              role="button"
+            ></div>
+          </Col>
+        ))}
+      </Row>
+    );
+  };
+
   return (
     <div className="text-center">
       <div className="mb-5 text-white text-shadow">
         <h2>Compatibility with your favorite technologies</h2>
       </div>
 
+      {/* ----------------------------------------------------------------- */}
+
+      <EmptyRow />
+
+      {/* ----------------------------------------------------------------- */}
+
       <Row>
         <Col xs={3} sm={3} md={2} lg={1} className="mb-3">
           <div
@@ -305,6 +326,12 @@ export default function DashboardTecnologies() {
         </Col>
       </Row>
 
+      {/* ----------------------------------------------------------------- */}
+
+      <EmptyRow />
+
+      {/* ----------------------------------------------------------------- */}
+
       <div className="d-grid gap-2 d-sm-flex justify-content-sm-center py-5">
         <Link
           to={`/docs/framework/${key}/getting-started/about-as`}
diff --git a/src/pages/components/standards/StandardsLionRecomendations.jsx b/src/pages/components/standards/StandardsLionRecomendations.jsx
new file mode 100644
index 0000000..bad82c0
--- /dev/null
+++ b/src/pages/components/standards/StandardsLionRecomendations.jsx
@@ -0,0 +1,120 @@
+import { Link } from "react-router-dom";
+import CodeBlock from "../CodeBlock";
+
+export default function StandardsLionRecomendations() {
+  return (
+    <div className="mb-3">
+      <h5 className="mb-3">Lion-Packages</h5>
+
+      <p>
+        The "Lion-Packages" organization has established a standard for creating
+        response objects in PHP to ensure consistent and clear HTTP responses
+        throughout our application. This standard defines specific methods for
+        generating different types of response objects, each tailored to a
+        particular kind of response.
+      </p>
+
+      <p>The standard consists of the following methods:</p>
+
+      <ul>
+        <li>
+          <strong>Response Method: </strong>method allows you to generate a
+          custom response object. This method accepts parameters for the status,
+          message, HTTP status code, and any additional data. It provides
+          flexibility to create response objects that fit specific needs.
+        </li>
+
+        <li>
+          <strong>Success Method: </strong>The{" "}
+          <code className="text-light">success</code> method generates a
+          response object indicating a successful operation. It takes optional
+          parameters for a message, HTTP status code, and additional data. By
+          default, it sets the HTTP status code to 200 (OK).
+        </li>
+
+        <li>
+          <strong>Error Method: </strong>The{" "}
+          <code className="text-light">error</code> method creates a response
+          object representing an error condition. It accepts parameters for a
+          message, HTTP status code, and additional data. The default HTTP
+          status code is 500 (Internal Server Error).
+        </li>
+
+        <li>
+          <strong>Warning Method: </strong>The{" "}
+          <code className="text-light">warning</code> method generates a
+          response object to indicate a warning. This method allows for a
+          message, HTTP status code, and additional data to be provided. The
+          default HTTP status code is 200 (OK).
+        </li>
+
+        <li>
+          <strong>Info Method: </strong>The{" "}
+          <code className="text-light">info</code> method creates a response
+          object to convey informational messages. It takes parameters for a
+          message, HTTP status code, and additional data, with a default HTTP
+          status code of 200 (OK).
+        </li>
+      </ul>
+
+      <p>
+        In practice, these methods are used within controllers to generate
+        response objects consistently. For example, to return a successful
+        response, you would use:
+      </p>
+
+      <CodeBlock
+        language="php"
+        content={`<?php
+
+declare(strict_types=1);
+
+use Lion\\Request\\Status;
+use Lion\\Request\\Http;
+use stdClass;
+
+/**
+ * This is an example of a response object
+ *
+ * @return stdClass
+ */
+public function example(): stdClass
+{
+    return response(Status::SUCCESS, 'OK', Http::OK);
+}
+`}
+      />
+
+      <CodeBlock
+        language="php"
+        content={`<?php
+
+declare(strict_types=1);
+
+use Lion\\Request\\Http;
+use stdClass;
+
+/**
+ * This is an example of a response object
+ *
+ * @return stdClass
+ */
+public function example(): stdClass
+{
+    return success('OK', Http::OK);
+}
+`}
+      />
+
+      <p>
+        When specifying the response code, the method will also update the HTTP
+        response code accordingly, ensuring that the response object and HTTP
+        status code are in sync. For more information about HTTP response
+        statuses and codes, you can visit the following link:{" "}
+        <Link to={"/docs/library/content"} className="text-decoration-none">
+          Lion-Request
+        </Link>
+      </p>
+    </div>
+  );
+}
diff --git a/src/pages/components/standards/StandardsRecomendations.jsx b/src/pages/components/standards/StandardsRecomendations.jsx
new file mode 100644
index 0000000..44265f5
--- /dev/null
+++ b/src/pages/components/standards/StandardsRecomendations.jsx
@@ -0,0 +1,70 @@
+export default function StandardsRecomendations() {
+  return (
+    <div className="mb-3">
+      <h5 className="mb-3">PHP FIG: PHP Standards Recommendations</h5>
+
+      <p>
+        The PSR (PHP Standards Recommendations) are a series of recommendations
+        and standards proposed by the PHP-FIG (PHP Framework Interoperability
+        Group) to promote interoperability between PHP frameworks and
+        components. These standards cover various areas of application
+        development in PHP, including code structuring, coding practices, class
+        autoloading, component interfaces, among others.
+      </p>
+
+      <p>
+        The main goal of the PSR is to establish a set of common standards that
+        facilitate the integration and reuse of code across different PHP
+        projects and frameworks. Some of the most well-known and widely used
+        PSRs include:
+      </p>
+
+      <ul>
+        <li>
+          <strong>PSR-1:</strong> Basic coding standards, which define the
+          minimum requirements to ensure standardized PHP code.
+        </li>
+
+        <li>
+          <strong>PSR-2:</strong> Coding style guide, which expands the basic
+          standards of PSR-1 with more details on code formatting.
+        </li>
+
+        <li>
+          <strong>PSR-3:</strong> Logging interface, which provides a common
+          interface for logging libraries.
+        </li>
+
+        <li>
+          <strong>PSR-4:</strong> Autoloading specification, which describes a
+          standardized way to load class files.
+        </li>
+
+        <li>
+          <strong>PSR-7:</strong> HTTP message interface, which defines the
+          interfaces for HTTP requests and responses, allowing better management
+          of HTTP messages in applications.
+        </li>
+      </ul>
+
+      <p>
+        These standards are not mandatory, but their adoption can significantly
+        improve code quality and maintainability, as well as facilitate
+        collaboration between developers working with different tools and
+        frameworks.
+      </p>
+
+      <p>
+        For more information on the accepted PSRs, you can visit the following
+        link:{" "}
+        <a
+          href="https://www.php-fig.org/psr/"
+          className="text-decoration-none"
+          target="_blank"
+        >
+          PHP-FIG PSR
+        </a>
+      </p>
+    </div>
+  );
+}