docs: 🐛 add more info

This commit is contained in:
Leifer Mendez
2022-12-22 20:00:51 +01:00
parent 67d47a6630
commit 70eebe58b9
3 changed files with 33 additions and 33 deletions

View File

@@ -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"

View File

@@ -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>