From 70eebe58b9dcf909be941915b3413e042a0736fe Mon Sep 17 00:00:00 2001
From: Leifer Mendez <leifer33@gmail.com>
Date: Thu, 22 Dec 2022 20:00:51 +0100
Subject: [PATCH] docs: :bug: add more info

---
 .../docs/src/components/widgets/Header.tsx    |  5 +-
 packages/docs/src/components/widgets/Hero.tsx | 59 +++++++++----------
 packages/docs/src/routes/index.tsx            |  2 +-
 3 files changed, 33 insertions(+), 33 deletions(-)

diff --git a/packages/docs/src/components/widgets/Header.tsx b/packages/docs/src/components/widgets/Header.tsx
index 73c2714..14967b1 100644
--- a/packages/docs/src/components/widgets/Header.tsx
+++ b/packages/docs/src/components/widgets/Header.tsx
@@ -40,7 +40,7 @@ export default component$(() => {
                     aria-label="Main navigation"
                 >
                     <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">
+                        {/* <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">
                                 Pages
                             </button>
@@ -70,7 +70,7 @@ export default component$(() => {
                                     </a>
                                 </li>
                             </ul>
-                        </li>
+                        </li> */}
                         <li>
                             <a
                                 class="font-medium hover:text-gray-900 dark:hover:text-white px-4 py-3 flex items-center transition duration-150 ease-in-out"
@@ -104,6 +104,7 @@ export default component$(() => {
                         <div class="hidden items-center md:flex">
                             <ToggleTheme />
                             <a
+                                target={'_blank'}
                                 href="https://github.com/codigoencasa/bot-whatsapp"
                                 class="inline-block text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-2.5"
                                 aria-label="Qwind Github"
diff --git a/packages/docs/src/components/widgets/Hero.tsx b/packages/docs/src/components/widgets/Hero.tsx
index f8aacbb..ad361f0 100644
--- a/packages/docs/src/components/widgets/Hero.tsx
+++ b/packages/docs/src/components/widgets/Hero.tsx
@@ -17,47 +17,46 @@ export default component$(() => {
                     <div class="pb-12 md:pb-0 md:py-0 max-w-5xl mx-auto md:pr-16 flex items-center basis-[56%]">
                         <div>
                             <h1 class="text-5xl md:text-[3.48rem] font-bold leading-tighter tracking-tighter mb-4 font-heading px-4 md:px-0">
-                                Free template for <br class="hidden lg:block" />{' '}
-                                <span class="hidden lg:inline">
-                                    create a website using{' '}
-                                </span>{' '}
-                                <span class="text-[#039de1]">Qwik</span> +{' '}
                                 <span class="sm:whitespace-nowrap text-[#039de1]">
-                                    Tailwind CSS
+                                    Chatbot +
+                                </span>{' '}
+                                WhatsApp
+                                <br class="hidden lg:block" />{' '}
+                                <span class="hidden lg:inline">
+                                    prueba nuestro servicio{' '}
+                                    <span class="text-[#039de1]">gratis</span>{' '}
                                 </span>
                             </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">
-                                        Qwind
-                                    </span>{' '}
-                                    is a production ready template to start your
-                                    new website using <em>Qwik</em> +{' '}
-                                    <em>Tailwind CSS</em>. It has been designed
-                                    following Best Practices, SEO,
-                                    Accessibility,{' '}
-                                    <span class="inline md:hidden">...</span>
-                                    <span class="hidden md:inline">
-                                        Dark Mode, Great Page Speed, image
-                                        optimization, sitemap generation and
-                                        more.
+                                        Con nuestro{' '}
                                     </span>
+                                    <span class="font-semibold underline decoration-wavy decoration-1 decoration-secondary-600 underline-offset-2">
+                                        Chatbot , puede configurar respuestas
+                                        automatizadas para preguntas frecuentes
+                                    </span>{' '}
+                                    , recibir y responder mensajes de manera
+                                    automatizada, y hacer un seguimiento de las
+                                    interacciones con los clientes. Además,
+                                    nuestro Chatbot se integra fácilmente con
+                                    otros sistemas y herramientas que ya esté
+                                    utilizando en su negocio.
                                 </p>
-                                <div class="max-w-xs sm:max-w-md flex flex-nowrap flex-col sm:flex-row gap-4 m-auto md:m-0 justify-center md:justify-start">
+
+                                <div class="max-w-xs sm:max-w-md flex flex-nowrap flex-col sm:flex-col gap-4 m-auto md:m-0 justify-center md:justify-start">
                                     <div class="flex w-full sm:w-auto">
-                                        <a
-                                            class="btn btn-primary sm:mb-0 w-full"
-                                            href="https://github.com/onwidget/qwind"
-                                            target="_blank"
-                                            rel="noopener"
-                                        >
-                                            Get template
-                                        </a>
+                                        <code class="btn btn-primary  sm:mb-0 w-full">
+                                            npm create bot-whatsapp@latest
+                                        </code>
                                     </div>
                                     <div class="flex w-full sm:w-auto">
-                                        <button class="btn w-full bg-gray-50 dark:bg-transparent">
-                                            Learn more
-                                        </button>
+                                        <a
+                                            href="/docs"
+                                            class="btn  bg-gray-50 dark:bg-transparent"
+                                        >
+                                            Más información
+                                        </a>
                                     </div>
                                 </div>
                             </div>
diff --git a/packages/docs/src/routes/index.tsx b/packages/docs/src/routes/index.tsx
index 5cf1ba9..1d072b1 100644
--- a/packages/docs/src/routes/index.tsx
+++ b/packages/docs/src/routes/index.tsx
@@ -20,7 +20,7 @@ export default component$(() => {
 })
 
 export const head: DocumentHead = {
-    title: 'Qwind — Free template for starts a website using Qwik + Tailwind CSS',
+    title: 'Chatbot Whatsapp — Free template for starts a website using Qwik + Tailwind CSS',
     meta: [
         {
             name: 'description',