Agencia de desarrollo web y presencia digital en Costa Rica
Sitios modernos, rápidos y enfocados en resultados — con especialidad en el sector salud.

Sitio en vivo · Demo dental · Demo psicología

---

Sobre el proyecto

Repositorio del sitio web oficial de Keratek Studio y los sitios de demostración del portafolio. Todo el código es HTML estático con Tailwind CSS vía CDN: sin build step, fácil de desplegar en cualquier hosting estático (GitHub Pages, Netlify, Vercel, etc.).

Sitio principal

Landing page de la agencia con:

• Diseño responsive y accesible
• SEO on-page, Open Graph y datos estructurados (Schema.org)
• Formulario de contacto integrado con WhatsApp
• Secciones de servicios, portafolio, proceso, FAQ y contacto

Demos del portafolio

Proyecto	Descripción	En vivo
Clínica Dental Premium	Sitio para clínica odontológica con carrusel, tratamientos y agenda por WhatsApp	demo-dentista.keratekstudio.com
Consultorio Psicológico	Sitio sobrio para psicólogo con citas y modalidad virtual	demo-psicologo.keratekstudio.com

---

Estructura del repositorio

KeratekStudio/
├── index.html                 # Sitio principal de la agencia
├── assets/                    # Logos, favicon e imágenes del portafolio
│   ├── keratekstudio-black.svg
│   ├── keratekstudio-white.svg
│   ├── favicon.svg
│   └── portfolio-*.png
└── Demostracion/
    ├── demo-dentista/         # Demo clínica dental
    │   ├── index.html
    │   └── imagenes/
    └── demo-psicologo/        # Demo consultorio psicológico
        ├── index.html
        └── imagenes/

---

Stack tecnológico

Tecnología	Uso
HTML5	Estructura semántica de todas las páginas
Tailwind CSS (CDN)	Estilos y diseño responsive
JavaScript (vanilla)	Menú móvil, formulario WhatsApp, interactividad
Google Fonts	Inter y Plus Jakarta Sans
Font Awesome	Iconografía
Swiper	Carrusel en el demo dental

No hay dependencias locales ni proceso de compilación.

---

Ejecutar en local

Clona el repositorio y sirve los archivos con cualquier servidor estático:

git clone https://github.com/david-cascante/KeratekStudio.git
cd KeratekStudio

Opción A — Python

python -m http.server 8080

Opción B — Node.js (npx)

npx serve .

Abre http://localhost:8080 para el sitio principal. Los demos están en /Demostracion/demo-dentista/ y /Demostracion/demo-psicologo/.

También puedes abrir index.html directamente en el navegador, aunque un servidor local evita restricciones con rutas relativas.

---

Despliegue

Cada carpeta es independiente y se puede desplegar por separado:

Carpeta	Destino sugerido
Raíz (index.html + assets/)	keratekstudio.com
Demostracion/demo-dentista/	Subdominio o ruta del demo dental
Demostracion/demo-psicologo/	Subdominio o ruta del demo psicólogo

Compatible con GitHub Pages, Netlify, Vercel, Cloudflare Pages y hosting tradicional.

---

Contacto

¿Quieres un sitio como estos para tu negocio?

• Web: keratekstudio.com
• WhatsApp: +506 8396 9584
• Email: keratekstudio@gmail.com

Instagram · Facebook · TikTok · YouTube

---

© 2026 Keratek Studio · Costa Rica