diff --git a/packages/bot/io/flow.class.js b/packages/bot/io/flow.class.js
index 583a237..458c423 100644
--- a/packages/bot/io/flow.class.js
+++ b/packages/bot/io/flow.class.js
@@ -10,7 +10,6 @@ class FlowClass {
         this.flowRaw = _flow
 
         this.allCallbacks = flatObject(_flow)
-        console.log('[🙌🙌🙌]', this.allCallbacks)
 
         const mergeToJsonSerialize = Object.keys(_flow)
             .map((indexObjectFlow) => _flow[indexObjectFlow].toJson())
diff --git a/packages/docs/src/assets/styles/global.css b/packages/docs/src/assets/styles/global.css
index 24f0392..9acba13 100644
--- a/packages/docs/src/assets/styles/global.css
+++ b/packages/docs/src/assets/styles/global.css
@@ -47,6 +47,9 @@
         @apply p-3 rounded md:w-full max-w-screen-md overflow-x-auto w-fit bg-gray-800 dark:bg-slate-800 ease-in duration-75 text-gray-100 text-xs shadow-xl;
     }
 
+    .slot iframe {
+        @apply rounded   ease-in duration-75 text-gray-100 text-xs shadow-xl;
+    }
     .slot a {
         @apply text-sky-900 font-medium dark:text-sky-400 dark:hover:text-white;
     }
diff --git a/packages/docs/src/components/core/Social.tsx b/packages/docs/src/components/core/Social.tsx
new file mode 100644
index 0000000..43d6ac2
--- /dev/null
+++ b/packages/docs/src/components/core/Social.tsx
@@ -0,0 +1,61 @@
+export const Social = () => {
+    return (
+        <>
+            {/* <title>
+                💻 Conviértete en un Programador Backend aprendiendo todo de
+                Cloud y Nodejs
+            </title>
+            <meta
+                property="og:site_name"
+                content="💻 Conviértete en un Programador Backend aprendiendo todo de Cloud y Nodejs"
+            />
+
+            <meta
+                name="description"
+                content="🚀 Comienza haciendo tus despliegues  directamente a la Nube. 🙌 Qué esperas mejorar  tus habilidades en la programación ahora mismo."
+            />
+            <meta property="og:type" content="website" />
+            <meta
+                name="keywords"
+                content="cursos programacion, cursos backend, curso de aws, curso de cloud computing, curso de node, curso de typescript, curso de api rest con node, curso de api rest con mongo, curso de api rest con aws"
+            />
+            <meta
+                property="og:title"
+                content="💻 Conviértete en un Programador Backend aprendiendo todo de Cloud Computing y Nodejs"
+            />
+            <meta
+                property="og:description"
+                content="🚀 Comienza haciendo tus despliegues  directamente a la Nube. 🙌 Qué esperas mejorar  tus habilidades en la programación ahora mismo."
+            />
+            <meta property="og:type" content="article" />
+            <meta property="og:locale" content="es_ES" />
+            <meta
+                property="og:url"
+                content="https://campaign.codigoencasa.com"
+            />
+            <meta property="og:site_name" content="campaign.codigoencasa.com" /> */}
+            <meta
+                property="og:image"
+                content="https://i.imgur.com/0HpzsEm.png"
+            ></meta>
+            <meta
+                property="og:image:secure_url"
+                content="https://i.imgur.com/0HpzsEm.png"
+            />
+            <meta property="og:image:type" content="image/png"></meta>
+            <meta property="og:image:width" content="1200"></meta>
+            <meta property="og:image:height" content="630"></meta>
+
+            <meta name="twitter:card" content="summary_large_image" />
+            <meta name="twitter:site" content="@LeiferMendez" />
+            <meta
+                name="twitter:title"
+                content="💻 Conviértete en un Programador Backend aprendiendo todo de Cloud y Nodejs"
+            />
+            <meta
+                name="twitter:image"
+                content="https://i.imgur.com/0HpzsEm.png"
+            />
+        </>
+    )
+}
diff --git a/packages/docs/src/components/widgets/Footer.tsx b/packages/docs/src/components/widgets/Footer.tsx
index 9aaace6..fde0425 100644
--- a/packages/docs/src/components/widgets/Footer.tsx
+++ b/packages/docs/src/components/widgets/Footer.tsx
@@ -101,7 +101,7 @@ export default component$(() => {
                         ))}
                     </ul>
 
-                    <div class="text-sm text-gray-700 mr-4 dark:text-slate-400">
+                    {/* <div class="text-sm text-gray-700 mr-4 dark:text-slate-400">
                         <span class="w-5 h-5 md:w-6 md:h-6 md:-mt-0.5 bg-cover mr-1.5 float-left rounded-sm bg-[url(https://onwidget.com/favicon/favicon-32x32.png)]"></span>
                         Made by{' '}
                         <a
@@ -112,7 +112,7 @@ export default component$(() => {
                             onWidget
                         </a>{' '}
                         · All rights reserved.
-                    </div>
+                    </div> */}
                 </div>
             </div>
         </footer>
diff --git a/packages/docs/src/components/widgets/Header.tsx b/packages/docs/src/components/widgets/Header.tsx
index 1a41445..bba79b6 100644
--- a/packages/docs/src/components/widgets/Header.tsx
+++ b/packages/docs/src/components/widgets/Header.tsx
@@ -45,9 +45,12 @@ export default component$(() => {
                 >
                     <ul class="flex flex-col pt-8 md:pt-0 md:flex-row md:self-center w-full md:w-auto text-xl md:text-base">
                         <li class="dropdown">
-                            <button class="font-medium hover:text-gray-900 dark:hover:text-white px-4 py-3 flex items-center transition duration-150 ease-in-out">
+                            <a
+                                href="/docs"
+                                class="font-medium hover:text-gray-900 dark:hover:text-white px-4 py-3 flex items-center transition duration-150 ease-in-out"
+                            >
                                 Documentación
-                            </button>
+                            </a>
                             <ul class="dropdown-menu rounded md:absolute pl-4 md:pl-0 md:hidden font-medium md:bg-white md:min-w-[200px] dark:md:bg-slate-800 drop-shadow-xl">
                                 {store.map((ctx) => {
                                     return ctx.list.map((listCtx) => {
diff --git a/packages/docs/src/components/widgets/Hero.tsx b/packages/docs/src/components/widgets/Hero.tsx
index bac24da..4700421 100644
--- a/packages/docs/src/components/widgets/Hero.tsx
+++ b/packages/docs/src/components/widgets/Hero.tsx
@@ -26,10 +26,10 @@ export default component$(() => {
                             </h1>
                             <div class="max-w-3xl mx-auto">
                                 <p class="text-xl text-gray-600 mb-8 dark:text-slate-400">
-                                    <span class="font-semibold underline decoration-wavy decoration-1 decoration-secondary-600 underline-offset-2">
+                                    <span class="font-semibold  ">
                                         Con esta libreria,{' '}
                                     </span>
-                                    <span class="font-semibold underline decoration-wavy decoration-1 decoration-secondary-600 underline-offset-2">
+                                    <span class="font-semibold    ">
                                         puedes configurar respuestas
                                         automatizadas para preguntas frecuentes
                                     </span>{' '}
@@ -52,7 +52,7 @@ export default component$(() => {
                                             href="/docs"
                                             class="btn  bg-gray-50 dark:bg-transparent"
                                         >
-                                            Más información
+                                            Ver documentación
                                         </a>
                                     </div>
                                 </div>
diff --git a/packages/docs/src/root.tsx b/packages/docs/src/root.tsx
index 9c6c3af..bf4d2b5 100644
--- a/packages/docs/src/root.tsx
+++ b/packages/docs/src/root.tsx
@@ -16,6 +16,7 @@ import { DarkThemeLauncher } from '~/components/core/DarkThemeLauncher'
 import fontStyles from '~/assets/styles/fonts.css?inline'
 import globalStyles from '~/assets/styles/global.css?inline'
 import { DocumentationCtx, GlobalStore } from './contexts'
+import { Social } from './components/core/Social'
 
 export default component$(() => {
     /**
@@ -57,6 +58,7 @@ export default component$(() => {
             title: 'Comunidad',
             list: [
                 { name: 'MasterClass', link: '/docs/masterclass' },
+                { name: 'Colabores', link: '/docs/contributing' },
                 { name: 'Unirme al proyecto', link: '/docs/join' },
                 { name: 'Sponsors', link: '/docs/sponsors' },
             ],
@@ -77,6 +79,7 @@ export default component$(() => {
 
                 <RouterHead />
                 <DarkThemeLauncher />
+                <Social />
             </head>
             <body class="text-gray-900 dark:text-slate-300 tracking-tight bg-white dark:bg-gray-900 antialiased">
                 <RouterOutlet />
diff --git a/packages/docs/src/routes/docs/contribuiting/index.mdx b/packages/docs/src/routes/docs/contribuiting/index.mdx
deleted file mode 100644
index 38a782f..0000000
--- a/packages/docs/src/routes/docs/contribuiting/index.mdx
+++ /dev/null
@@ -1 +0,0 @@
-# Personas que quieran unirse
diff --git a/packages/docs/src/routes/docs/contributing/index.mdx b/packages/docs/src/routes/docs/contributing/index.mdx
new file mode 100644
index 0000000..84b2bcf
--- /dev/null
+++ b/packages/docs/src/routes/docs/contributing/index.mdx
@@ -0,0 +1,121 @@
+# Colaboradores
+
+<iframe
+    width="560"
+    height="315"
+    src="https://www.youtube.com/embed/Mf9V-dloBfk"
+    title="YouTube video player"
+    frameborder="0"
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+    allowfullscreen
+></iframe>
+
+### 📄 Bienvenido/a
+
+Si deseas colaborar con el proyecto existen varias maneras, la primera de ellas es aportando conocimiento y mejorando el repositorio (actualizando documentación, mejorando código, revisando **[issues](https://github.com/codigoencasa/bot-whatsapp/issues)**, etc).
+
+También es bien recibido los aportes económicos que se utilizaran para diferentes fines **[ver más](https://opencollective.com/bot-whatsapp)**
+
+El lenguaje principal que se utilizó para desarrollar este proyecto fue **JavaScript** con el fin de qué personas que están iniciando en el mundo de la programación puedan entender fácilmente.
+
+### 🤔 Preguntas frecuentes
+
+-   ¿Como puedo hacer aportaciones de código en el proyecto?: [Ver Video](https://youtu.be/Lxt8Acob6aU)
+-   ¿Como ejecutar el entorno de pruebas?: [Ver Video](https://youtu.be/Mf9V-dloBfk)
+-   ¿Como crear un nuevo proveedor?: [Ver Video](https://youtu.be/cahK9zH3SI8)
+-   ¿Que son los GithubActions?: [Ver Video](https://youtu.be/nYBEBFKLiqw)
+-   ¿Canales de comunicación?: [Discord](https://link.codigoencasa.com/DISCORD)
+
+---
+
+![](https://i.giphy.com/media/ntMt6TvalpstTIx7Ak/giphy.webp)
+
+**Requerimientos:**
+
+-   Node v16 o superior **[descargar node](https://nodejs.org/es/download/)**
+-   **[Yarn](https://classic.yarnpkg.com/lang/en/docs/install/#windows-stable)** como gestor de paquetes. En el link conseguirás las intrucciones para instalar yarn.
+-   **[VSCode](https://code.visualstudio.com/download)** (recomendado): Editor de código con plugins.
+-   **[Conventional Commits](https://marketplace.visualstudio.com/items?itemName=vivaxy.vscode-conventional-commits&ssr=false#overview)** (plugin-vscode) este plugin te ayudará a crear commit semántico.
+-   Se usará la rama **dev** _(https://github.com/leifermendez/bot-whatsapp/tree/dev)_ como rama principal hasta que se haga oficialmente el lanzamiento de la V2.
+
+### 🚀 Iniciando
+
+**Clonar repo rama dev**
+
+```
+git clone --branch dev https://github.com/codigoencasa/bot-whatsapp
+```
+
+**Instalar dependencias**
+
+```
+cd bot-whatsapp
+yarn install
+```
+
+**Compilar (build)**
+Para compilar la aplicación es necesario ejecutar este comando, el cual genera un directorio `lib` dentro de los paquetes del monorepo.
+
+```
+yarn build
+```
+
+**Example-app**
+Se ejecuta el CLI (Command Line Interface) para ayudarte a crear un app-bot de ejemplo.
+
+```
+yarn run cli
+```
+
+Selecionas (mediante las flechas arriba y abajo) el proveedor que quieras usar y cuando estes sobre el presiona la barra de espacio, igualmente selecciona la base de datos que quieras usar.
+
+Se creó un subdirecorio con el nombre del proveedor y base de datos que seleccionaste, ejemplo: `base-bailey-mysql`
+
+Dentro de ese directorio necesitas editar el archivo package.json y borrar las siguientes lineas:
+
+```
+        "@bot-whatsapp/bot": "latest",
+        "@bot-whatsapp/cli": "latest",
+        "@bot-whatsapp/database": "latest",
+        "@bot-whatsapp/provider": "latest",
+```
+
+Cambiate al directorio creado ejemplo: `base-bailey-mysql`
+
+```
+cd base-baileys-mysql
+```
+
+Ejecuta los comandos:
+
+```
+npm install
+npm run pre-copy
+npm start
+```
+
+En el caso de MySql y Mongo es necesario especificar en app.js los datos de la conexión, ejemplo de MySql:
+
+```
+const BaileysProvider = require('@bot-whatsapp/provider/baileys')
+const MySQLAdapter = require('@bot-whatsapp/database/mysql')
+
+/**
+ * Declaramos las conexiones de MySQL
+ */
+const MYSQL_DB_HOST = 'localhost'
+const MYSQL_DB_USER = 'usr'
+const MYSQL_DB_PASSWORD = 'pass'
+const MYSQL_DB_NAME = 'bot'
+```
+
+![](https://i.imgur.com/dC6lEwy.png)
+
+> **NOTA:** [Eres libre de aportar informacion a este documento o arreglar ortografia 🤣](https://github.com/codigoencasa/bot-whatsapp/edit/dev/CONTRIBUTING.md)
+
+---
+
+-   [Discord](https://link.codigoencasa.com/DISCORD)
+-   [Twitter](https://twitter.com/leifermendez)
+-   [Youtube](https://www.youtube.com/watch?v=5lEMCeWEJ8o&list=PL_WGMLcL4jzWPhdhcUyhbFU6bC0oJd2BR)
+-   [Telegram](https://t.me/leifermendez)