Plataforma web premium para restaurante de alta cocina con menú interactivo, reservas en línea, galería fotográfica y sistema de eventos.
Restaurante fine dining necesitaba presencia digital premium con reservas en línea, menú interactivo, galería visual impactante y sistema de eventos corporativos.
Next.js 16 + React 19 + Tailwind CSS 4 + Framer Motion. Dark theme luxury con acentos dorados, glassmorphism, Ken Burns hero, scroll-reveal y masonry gallery.
// STACK TECNOLÓGICO
Cada tecnología se elige por una razón técnica concreta, no por moda.
// DECISIONES CLAVE
Cada decisión técnica implica trade-offs. Aquí documentamos el porqué de cada elección.
Contexto
Identidad de marca oscura y dorada para fine dining.
Decisión
Tema oscuro (#16130e) con acentos dorados (#e5c476) para transmitir exclusividad.
Trade-offs
Mayor consumo de batería en mobile vs tema claro, pero identidad de marca más fuerte.
Contexto
Animaciones sofisticadas: Ken Burns hero, scroll-reveal, hover effects.
Decisión
Framer Motion para control fino con soporte prefers-reduced-motion.
Trade-offs
Bundle size +15KB vs CSS puro, pero animaciones más complejas y mantenibles.
Contexto
Necesidad de testing end-to-end para formulario de reservas y navegación.
Decisión
Playwright con 80 tests end-to-end en 4 rutas y 6 breakpoints.
Trade-offs
Setup inicial vs testing manual, pero regresiones detectadas automáticamente.
// RESULTADOS
Métricas reales, no vanidad. Lo que importa al negocio.
80/80
Tests passing
Playwright E2E
98/100
Lighthouse
Performance
< 1.5s
Tiempo carga
Mobile LCP
“Demo de diseño luxury con stack moderno, testing completo y deployment en edge.”— Demo conceptual — Sin cliente real