From 6403b83c238c2064fab4259c9b27e457b2bd6455 Mon Sep 17 00:00:00 2001 From: Leifer Mendez Date: Fri, 23 Dec 2022 19:55:15 +0100 Subject: [PATCH] docs(bot): :memo: updated HOME --- packages/docs/src/components/atoms/Logo.tsx | 4 +- .../docs/src/components/icons/IconDiscord.tsx | 14 +++++++ packages/docs/src/components/widgets/FAQs.tsx | 2 +- .../docs/src/components/widgets/Features.tsx | 42 +++++++++---------- .../docs/src/components/widgets/Header.tsx | 9 ++++ packages/docs/src/components/widgets/Hero.tsx | 6 +-- packages/docs/src/routes/index.tsx | 6 +-- 7 files changed, 52 insertions(+), 31 deletions(-) create mode 100644 packages/docs/src/components/icons/IconDiscord.tsx diff --git a/packages/docs/src/components/atoms/Logo.tsx b/packages/docs/src/components/atoms/Logo.tsx index bd310f5..b5e1199 100644 --- a/packages/docs/src/components/atoms/Logo.tsx +++ b/packages/docs/src/components/atoms/Logo.tsx @@ -1,7 +1,7 @@ import { component$ } from '@builder.io/qwik' // @ts-ignore -import logoSrc from '~/assets/images/logo.png?width=64&height=64&png' +import logoSrc from '~/assets/images/chatbot-whatsapp.png?width=64&height=64&png' export default component$(() => ( @@ -13,6 +13,6 @@ export default component$(() => ( alt="Qwind Logo" loading="lazy" /> - Qwind + Chatbot )) diff --git a/packages/docs/src/components/icons/IconDiscord.tsx b/packages/docs/src/components/icons/IconDiscord.tsx new file mode 100644 index 0000000..8d70ef8 --- /dev/null +++ b/packages/docs/src/components/icons/IconDiscord.tsx @@ -0,0 +1,14 @@ +export const IconDiscord = () => ( + + + + +) diff --git a/packages/docs/src/components/widgets/FAQs.tsx b/packages/docs/src/components/widgets/FAQs.tsx index 6377cb1..c9c9f70 100644 --- a/packages/docs/src/components/widgets/FAQs.tsx +++ b/packages/docs/src/components/widgets/FAQs.tsx @@ -51,7 +51,7 @@ export default component$(() => { FAQs

- Frequently Asked Questions + Preguntas Frecuentes

diff --git a/packages/docs/src/components/widgets/Features.tsx b/packages/docs/src/components/widgets/Features.tsx index 5f870e5..87cd099 100644 --- a/packages/docs/src/components/widgets/Features.tsx +++ b/packages/docs/src/components/widgets/Features.tsx @@ -1,45 +1,43 @@ import { component$ } from '@builder.io/qwik' import { IconStar } from '~/components/icons/IconStar' +import { IconDiscord } from '../icons/IconDiscord' export default component$(() => { const items = [ [ { - title: 'Qwik + Tailwind CSS Integration', + title: 'Atención al cliente rápida y eficiente', description: - 'A seamless integration between two great frameworks that offer high productivity, performance and versatility.', - icon: 'tabler:brand-tailwind', + 'El chatbot puede ayudar a tus clientes a obtener respuestas a sus preguntas o solucionar problemas de manera rápida y sencilla, sin tener que esperar horas o incluso días por una respuesta.', }, { - title: 'Ready-to-use Components', + title: 'Automatización de tareas repetitiva', description: - 'Widgets made with Tailwind CSS ready to be used in Marketing Websites, SaaS, Blogs, Personal Profiles, Small Business...', - icon: 'tabler:components', + 'Se pueden automatizar tareas repetitivas y ahorrar tiempo y esfuerzo en tareas administrativas, como enviar recordatorios a tus clientes sobre pagos pendientes o para confirmar citas o reservas.', }, { - title: 'Best Practices', + title: 'Experiencia personalizada para tus clientes', description: - 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, quam nec venenatis lobortis, mi risus tempus nulla.', - icon: 'tabler:list-check', + 'Podrás enviar mensajes automatizados con ofertas especiales o recomendaciones de productos basadas en el historial de compras de tus clientes, lo que significa que tus clientes pueden recibir una experiencia más personalizada.', }, ], [ { - title: 'Excellent Page Speed', + title: 'Análisis de datos y toma de decisiones informadas', description: - 'Having a good page speed impacts organic search ranking, improves user experience (UI/UX) and increase conversion rates.', + 'Te permite recopilar y analizar datos sobre tus clientes para ayudarte a entender mejor sus necesidades y preferencias, y ofrecerles un servicio aún más destacado.', icon: 'tabler:rocket', }, { - title: 'Search Engine Optimization (SEO)', + title: 'Mejora de la eficiencia', description: - 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, quam nec venenatis lobortis, mi risus tempus nulla.', + 'Te brinda la facilidad de manejar varias conversaciones al mismo tiempo, lo que significa que tus clientes no tendrán que esperar en una larga cola de mensajes para obtener atención. Esto puede ayudar a mejorar la eficiencia y la productividad en tu negocio.', icon: 'tabler:arrows-right-left', }, { - title: 'Open to new ideas and contributions', + title: 'Personalización y adaptación', description: - 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, quam nec venenatis lobortis, mi risus tempus nulla.', + 'Como proyecto open source, el chatbot de WhatsApp es totalmente personalizable y puede ser adaptado a las necesidades específicas de tu negocio o proyecto. Esto significa que puedes modificar el código fuente y adaptar el chatbot a tus necesidades exactas.', icon: 'tabler:bulb', }, ], @@ -50,16 +48,16 @@ export default component$(() => {

- Features + Caracteristicas

- What you get with{' '} - Qwind + Nuestras principales{' '} + funciones

- Sed ut perspiciatis unde omnis iste natus error sit - voluptatem accusantium doloremque rem aperiam, eaque - ipsa quae. + El secreto es mantener los procesos repetitivos en + procesos automatizados simples, por eso te mostramos en + que destacamos.

@@ -68,7 +66,7 @@ export default component$(() => { {subitems.map(({ title, description }) => (
-
+
diff --git a/packages/docs/src/components/widgets/Header.tsx b/packages/docs/src/components/widgets/Header.tsx index 14967b1..9a11a0d 100644 --- a/packages/docs/src/components/widgets/Header.tsx +++ b/packages/docs/src/components/widgets/Header.tsx @@ -3,6 +3,7 @@ import Logo from '~/components/atoms/Logo' import { IconGithub } from '~/components/icons/IconGithub' import ToggleTheme from '~/components/core/ToggleTheme' import ToggleMenu from '~/components/core/ToggleMenu' +import { IconDiscord } from '../icons/IconDiscord' export default component$(() => { const store = useStore({ @@ -103,6 +104,14 @@ export default component$(() => {