Proyectos
Glam by Grisel – Reconstrucción Completa en Vite, React y Cloudflare Pages
Glam by Grisel necesitaba un espacio digital bilingüe para un estudio de maquillaje permanente y pestañas en Miami. La experiencia debía reunir servicios, reservas, galería, cursos y preguntas frecuentes sin perder la identidad visual de la marca.
El enfoque fue reconstruir el sitio como una aplicación de una sola página con Vite y React, entregada mediante Cloudflare Pages. La estructura separa la biblioteca de servicios, el flujo de reservas, la galería, los cursos, el contenido de Instagram y las preguntas frecuentes dentro de una misma capa bilingüe.
La implementación combina React 19, Tailwind CSS, react-i18next, medios en Cloudflare R2 y superficies de integración en Cloudflare Workers. Incluye un hero inmersivo, navegación de servicios, drawer de reservas, presentación de antes y después, galería masonry, cursos, FAQ y metadata localizada.
La biblioteca organiza servicios de cejas, pestañas y labios en tarjetas responsivas. Las llamadas a reservar abren un drawer persistente y la navegación ofrece rutas directas hacia el mismo flujo.
Los pares de antes y después usan una interacción de arrastre, con galería responsiva y lightbox para trabajos adicionales. Las tarjetas de cursos muestran duración, nivel, características y acciones de inscripción.
La página incluye un feed de Instagram respaldado por Cloudflare Worker, contenido bilingüe, preguntas frecuentes, certificaciones y layouts responsivos para las superficies principales.
El frontend usa Vite, React 19, Tailwind CSS v4 y react-i18next. Cloudflare Pages aloja la aplicación, Cloudflare R2 sirve los medios y Cloudflare Workers proporciona las superficies de galería e Instagram. La capa de interacción incluye revelados por scroll, un drawer de reservas, controles responsivos y soporte para reducir movimiento.