Reto
El centro necesitaba una presencia digital acorde al sector: transmisión artística, información clara de estilos y rangos de edad, y una experiencia visual que funcione bien en móvil.
Ficha de proyecto
Centre Artístic Cambrils — escuela de danza
Web de presentación para Centre Artístic (Cambrils · Tarragona): transmitir la identidad de la escuela, ordenar disciplinas por edades/niveles y facilitar el contacto de familias y alumnado.
Stack: Next.js 16, Tailwind CSS v4, Framer Motion
Estado: Demo funcional — Cloudflare Pages
Next.jsTailwindFramer MotionResponsiveSecciones modularesCambrils
Cómo funciona
Se estructuró la landing con bloques independientes: hero de impacto con imagen y claim local, quiénes somos, rejilla de disciplinas (ballet, contemporánea, hip hop, jazz, teatro musical, danza española), tabla de precios y bloque de contacto. Las entradas se animan con Framer Motion de forma contenida para no restar legibilidad.
Arquitectura y módulos implementados
- Hero a pantalla completa con imagen de danza y referencia geográfica (Cambrils · Tarragona).
- Sección «Quiénes somos» para historia y valores del centro.
- Disciplinas en cards: ballet clásico, danza contemporánea, hip hop, jazz, teatro musical y danza española, con edad y nivel.
- Precios presentados en tabla clara para orientar a familias.
- Contacto dedicado para consultas e inscripción.
- Animaciones scroll / entrada con Framer Motion.
- Repositorio: Demo-CentreArtisticCambrils (Next.js App Router).
Resultado
Demo publicada en Cloudflare Pages (demo-centreartisticcambrils.pages.dev). Código en GitHub (Demo-CentreArtisticCambrils); lista para dominio propio o mejoras de formulario/backend.