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

docs(starters): 🎨 desing

Browse Source
This commit is contained in:
Leifer Mendez
2022-12-23 15:21:33 +01:00
parent 5be76e9d2d
commit b2a0b351ee
6 changed files with 28 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/docs/package.json
View File

@@ -9,7 +9,7 @@
"build.server": "vite build -c adaptors/cloudflare-pages/vite.config.ts",
"build.types": "tsc --incremental --noEmit",
"deploy": "wrangler pages dev ./dist",
"dev": "vite --mode ssr",
"dev": "vite --host --mode ssr",
"dev.debug": "node --inspect-brk ./node_modules/vite/bin/vite.js --mode ssr --force",
"fmt": "prettier --write .",
"fmt.check": "prettier --check .",

BIN
packages/docs/src/assets/images/chatbot-whatsapp.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 401 KiB

30
packages/docs/src/components/widgets/Hero.tsx
View File

@@ -1,11 +1,11 @@
import { component$ } from '@builder.io/qwik'
// @ts-ignore
import srcsetAvif from '~/assets/images/hero.jpg?w=400;900&avif&srcset'
import srcsetAvif from '~/assets/images/chatbot-whatsapp.png?w=400;900&avif&srcset'
// @ts-ignore
import srcsetWebp from '~/assets/images/hero.jpg?w=400;900&webp&srcset'
import srcsetWebp from '~/assets/images/chatbot-whatsapp.png?w=400;900&webp&srcset'
// @ts-ignore
import { src as placeholder } from '~/assets/images/hero.jpg?width=400&metadata'
import { src as placeholder } from '~/assets/images/chatbot-whatsapp.png?width=400&metadata'
export default component$(() => {
return (
@@ -17,14 +17,14 @@ 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">
<span class="sm:whitespace-nowrap text-[#039de1]">
<span class="sm:whitespace-nowrap text-[#25b637]">
Chatbot +
</span>{' '}
WhatsApp
<br class="hidden lg:block" />{' '}
<span class="hidden lg:inline">
prueba nuestro servicio{' '}
<span class="text-[#039de1]">gratis</span>{' '}
<span class="text-[#25b637]">gratis</span>{' '}
</span>
</h1>
<div class="max-w-3xl mx-auto">
@@ -64,6 +64,24 @@ export default component$(() => {
</div>
<div class="block md:flex items-center flex-1">
<div class="relative m-auto max-w-4xl">
{/* <video
width="600"
height="100%"
autoPlay
muted
playsInline
>
<source
src="https://s19.aconvert.com/convert/p3r68-cdx67/5if2i-k2pvs.webm"
type='video/mp4; codecs="hvc1"'
/>
<source
src="https://s19.aconvert.com/convert/p3r68-cdx67/5if2i-k2pvs.webm"
type="video/webm"
/>
</video> */}
<picture>
<source srcSet={srcsetAvif} type="image/avif" />
<source srcSet={srcsetWebp} type="image/webp" />
@@ -71,7 +89,7 @@ export default component$(() => {
src={placeholder}
width={1000}
height={1250}
class="mx-auto w-full rounded-md md:h-full drop-shadow-2xl bg-gray-400 dark:bg-slate-700"
class="mx-auto w-full rounded-md md:h-full drop-shadow-2xl"
alt="Qwind Hero Image (Cool dog)"
loading="eager"
decoding="async"

1
packages/docs/src/routes/docs/buttons/index.mdx Normal file
View File

@@ -0,0 +1 @@
# Botones

1
packages/docs/src/routes/docs/lists/index.mdx Normal file
View File

@@ -0,0 +1 @@
# Listas

2
packages/docs/tailwind.config.js
View File

@@ -8,7 +8,7 @@ module.exports = {
theme: {
extend: {
colors: {
primary: colors.purple,
primary: colors.green,
secondary: colors.sky,
},
typography: (theme) => ({