Arena Sport — Centro de Deportes Acuáticos

Crear una presencia digital que capturara la adrenalina y el ambiente del deporte acuático, mientras funcionaba como plataforma de conversión real: catálogo de actividades, páginas de detalle por experiencia, información de instructores, puntos de encuentro y precios — todo con una arquitectura escalable y mantenible.

Desarrollado con Next.js 16 (App Router) y React 19 con TypeScript. Las páginas de detalle se generan dinámicamente por actividad mediante rutas [slug], alimentadas por un modelo de datos tipado (Activity) que centraliza todo el catálogo. Los elementos 3D interactivos se construyeron con Three.js, React Three Fiber y Drei. Las animaciones y micro-interacciones se implementaron con GSAP y Framer Motion. El sistema de diseño usa Tailwind CSS v4 con tipografías Fraunces + DM Sans optimizadas con next/font. Cada página de actividad incluye galería, instructor, punto de encuentro con mapa embebido de OpenStreetMap, precios y valoraciones.

Landing page inmersiva con secciones animadas (hero, intro, experiencias, actividades, contacto), catálogo completo de 5 deportes acuáticos con páginas de detalle dinámicas, arquitectura data-driven escalable con modelo tipado, diseño responsive con enfoque en conversión y experiencia de usuario.