Mascotear Hotel y Guarderia
Sitio web de alto rendimiento con sistema de video dual responsivo e integracion total con WhatsApp.
Landing page comercial para hotel y guarderia canina en Funza. Diseno premium con animaciones avanzadas (Magic UI + Framer Motion), sistema de video responsivo adaptativo (vertical en movil, horizontal en desktop) y conversion directa via WhatsApp.
El cliente tenia videos promocionales en formato vertical (TikTok/Reels) y horizontal (YouTube). Habia que detectar el dispositivo y servir el formato correcto sin un flash de contenido incorrecto al cargar (FOUC).
La clave fue resolver esto en CSS, no en JavaScript. Usamos @media (orientation: portrait) para mostrar/ocultar cada video con hidden de Tailwind, y preload='none' en el video que no se va a usar. El video correcto se carga desde el primer render sin ningun flash.
Tailwind CSS v4 aun no tiene soporte completo en todos los plugins del ecosistema. Tuvimos que hacer downgrade de un plugin de animaciones y escribir las keyframes manualmente. Por lo demas, el nuevo motor de v4 es notablemente mas rapido en build.