cheveguerra/bot-whatsapp
1
0
Fork 0
mirror of https://github.com/cheveguerra/bot-whatsapp.git synced 2026-04-20 20:49:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

docs: ✨ added video

Browse Source
This commit is contained in:
Leifer Mendez
2022-12-23 22:15:46 +01:00
parent 69557968ab
commit b336586de3
4 changed files with 35 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
packages/docs/src/assets/images/eyes.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 423 KiB

6
packages/docs/src/assets/styles/global.css
View File

@@ -25,15 +25,15 @@
} }
.slot h1 { .slot h1 {
@apply my-2 font-semibold text-2xl; @apply my-2 font-semibold text-3xl;
} }
.slot h2 { .slot h2 {
@apply my-2 font-semibold text-lg; @apply my-2 font-semibold text-xl;
} }
.slot h3 { .slot h3 {
@apply my-2 font-semibold text-base; @apply my-2 font-semibold text-lg;
} }
.slot code { .slot code {

27
packages/docs/src/routes/docs/index.mdx
View File

@@ -1,6 +1,6 @@
import Collaborators from '../../components/widgets/Collaborators' import Collaborators from '../../components/widgets/Collaborators'
# Primeros Pasos # Vista rápida
Los chatbots son una herramienta poderosa para que las empresas y Los chatbots son una herramienta poderosa para que las empresas y
organizaciones comuniquen de forma personalizada y automatizada con sus clientes. organizaciones comuniquen de forma personalizada y automatizada con sus clientes.
@@ -8,7 +8,7 @@ organizaciones comuniquen de forma personalizada y automatizada con sus clientes
Está documentación te ayudará a instalar tu bot de whatsapp en simples pasos con el proposito de Está documentación te ayudará a instalar tu bot de whatsapp en simples pasos con el proposito de
que tengas un chatbot funcional en solo minutos. que tengas un chatbot funcional en solo minutos.
### Ejecutar ## Ejecutar
Es muy sencillo solo deberas ejecutar el siguiente comando 🚀 Es muy sencillo solo deberas ejecutar el siguiente comando 🚀
@@ -16,12 +16,21 @@ Es muy sencillo solo deberas ejecutar el siguiente comando 🚀
npm create bot-whatsapp@latest npm create bot-whatsapp@latest
``` ```
<div class="my-4 w-full"> <div class="my-4 w-full ">
<img <video
class="w-full" class="rounded drop-shadow-xl rounded "
src="https://camo.githubusercontent.com/97cd563fb448c72cc50dd60d71e85d269e5b1c738473d56fee6e023e1e0723bb/68747470733a2f2f692e67697068792e636f6d2f6d656469612f6e744d74365476616c70737454497837416b2f67697068792e77656270" width="100%"
alt="" height="100%"
/> autoplay
loop
muted
playsinline
>
<source
src="https://leifer-landing-page.s3.us-east-2.amazonaws.com/console.webm"
type="video/webm"
/>
</video>
</div> </div>
<Collaborators /> Recuerda que debes de cumplir con los [requisitos minimos](/docs/install) del sistema

17
packages/docs/src/routes/docs/layout!.tsx
View File

@@ -1,5 +1,6 @@
import { component$, Slot, useStore } from '@builder.io/qwik' import { component$, Slot, useStore } from '@builder.io/qwik'
import type { DocumentHead } from '@builder.io/qwik-city' import type { DocumentHead } from '@builder.io/qwik-city'
import Collaborators from '~/components/widgets/Collaborators'
import Footer from '~/components/widgets/Footer' import Footer from '~/components/widgets/Footer'
import Header from '~/components/widgets/Header' import Header from '~/components/widgets/Header'
import NavBar from '~/components/widgets/NavBar' import NavBar from '~/components/widgets/NavBar'
@@ -13,11 +14,12 @@ export default component$(() => {
list: [ list: [
{ name: 'Vista rápida', link: '/docs' }, { name: 'Vista rápida', link: '/docs' },
{ name: 'Instalación', link: '/docs/install' }, { name: 'Instalación', link: '/docs/install' },
{ name: 'Configuración', link: '/docs/install' },
{ name: 'Ejemplos', link: '/docs/install' }, { name: 'Ejemplos', link: '/docs/install' },
], ],
}, },
{ {
title: 'Configuración', title: 'Conceptos',
list: [ list: [
{ name: 'Flows', link: '/docs' }, { name: 'Flows', link: '/docs' },
{ name: 'Proveedores', link: '/docs/install' }, { name: 'Proveedores', link: '/docs/install' },
@@ -26,6 +28,13 @@ export default component$(() => {
}, },
{ {
title: 'Avanzado', title: 'Avanzado',
list: [
{ name: 'Migración', link: '/docs/migration' },
{ name: 'Extender', link: '/docs/migration' },
],
},
{
title: 'Comunidad',
list: [{ name: 'Migración', link: '/docs/migration' }], list: [{ name: 'Migración', link: '/docs/migration' }],
}, },
], ],
@@ -36,11 +45,13 @@ export default component$(() => {
<Header /> <Header />
<main class="container mx-auto px-12 "> <main class="container mx-auto px-12 ">
<div class={'grid grid-cols-5 gap-1 min-h-min'}> <div class={'grid grid-cols-5 gap-1 min-h-min'}>
<div class={'px-3 col-span-1 '}> <div class={'col-span-1'}>
<NavBar options={store.options} /> <NavBar options={store.options} />
</div> </div>
<div class={'col-span-3 slot pb-5'}> <div class={'px-3 col-span-3 slot pb-5'}>
<Slot /> <Slot />
<Collaborators />
</div> </div>
<div class={'px-3 col-span-1 '}> <div class={'px-3 col-span-1 '}>
<NavBar options={store.options} /> <NavBar options={store.options} />