Volver a proyectos
Habla Conmigo — Escuela de Español
Web / EducaciónDuración: 3 semanasEstado: En producción
Sitio web en producción para Habla Conmigo Spanish School, la escuela de una profesora costarricense nativa con 21 años de experiencia enseñando español en línea. Landing de una sola página con dominio propio que presenta las cuatro modalidades de clase (privadas, grupales y dos paquetes de inmersión con hospedaje en Costa Rica), con precios conmutables entre sesión y mensualidad, sistema de solicitud de reservas, testimonios, FAQ, modo claro/oscuro y formulario de contacto que envía las consultas por correo mediante Resend.
Tecnologías
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS 4
- shadcn/ui
- Radix UI
- React Hook Form
- Zod
- Resend
- next-themes
- Vitest
- Vercel Analytics
Funcionalidades
- Landing de una página con navegación por secciones: inicio, sobre mí, servicios, reservas, testimonios, FAQ y contacto
- Cuatro modalidades de clase con precios conmutables entre sesión y mensualidad
- Paquetes de inmersión con hospedaje en Costa Rica (compartido y privado)
- Solicitud de reservas con rejilla de días, selector de mes y horario de atención L-V 8am-5pm
- Formulario de contacto con envío de correo vía Resend desde dominio verificado
- Endpoint de contacto endurecido y CSP con nonce por petición (sin unsafe-inline)
- Accesibilidad WCAG 2.2: contraste, foco visible, reduced-motion y ARIA
- Modo claro/oscuro con next-themes y paleta de marca verde/coral
- Botón flotante de WhatsApp con mensaje predefinido
- SEO: metadatos Open Graph y Twitter Card, imagen OG generada por código, sitemap y canonical
- Pruebas automatizadas del horario de atención con Vitest (21 casos)
- CI en GitHub Actions: verifica lint y build en cada push a main
- Dominio propio (habla-conmigo.com) desplegado en Vercel