Santa María Fast Food — Demo de diseño

⚠️ DEMO / PROTOTIPO. Este repositorio contiene prototipos de diseño front-end (web pública + panel interno) para Santa María Fast Food (hamburguesería, Santa Cruz de la Sierra, Bolivia). Es una demostración visual: usa datos de ejemplo, no tiene backend y no es el sistema en producción. Los precios y datos deben confirmarse con el cliente.

Hecho por Noxis AI. Todo es HTML autocontenido: se abre con doble clic, sin instalar nada ni compilar.

🌐 Ver la demo online

• Web pública: https://noxis-ai.github.io/Santa-Maria/
• Panel interno: https://noxis-ai.github.io/Santa-Maria/admin-demo.html · login demo: manager / 1234

---

🎯 Qué incluye

Entregable	Archivo	Descripción
Web pública	index.html	Landing/carta digital fiel a la marca: hero, especialidades, carta completa, nosotros, galería, sucursales, contacto.
Panel interno	admin-demo.html	Dashboard moderno para los trabajadores: login, métricas, gráficos, carta, inventario, ventas, clientes y conversaciones con IA.
Brand kit	brand-kit.json	Tokens de marca (paleta, tipografías, tono, logo, menú real) reutilizables.
Logo	assets/logo.png	Logo de la marca.
Re-skin del admin real	apply-admin-branding.mjs · admin-brand-map.json · admin-branding-README.md	Script + mapa para rebrandear (solo colores/fuentes/logo) el panel admin ya existente. Ver su README.

Los archivos admin-branded-source.html / admin-branded-preview.html son resultados de referencia del re-skin (generados por el script); no son el diseño principal.

▶️ Cómo verlo

1. Web pública: abrí index.html con doble clic (o arrastralo al navegador).
2. Panel interno: abrí admin-demo.html. En el login usá las credenciales demo:
   • manager / 1234 (acceso total)
   • staff / 1234 (solo lectura)

Requiere conexión a internet la primera vez (Tailwind y Google Fonts se cargan por CDN; las fotos de producto son de Unsplash como placeholder).

🎨 Identidad de marca

• Colores: cobalto #1668B8 (primario, del logo) · naranja #FF7A00 · amarillo #FFC21A · tinta #0E2038 · fondo #F5F8FC.
• Tipografías: Kanit (títulos/números) + Inter (cuerpo).
• Tono: juvenil, celebratorio, cercano.
• Datos reales usados: 7 sucursales, menú con precios en Bs (incluye Pollo Frito 30 Bs), delivery por PedidosYa, redes IG/FB/TikTok.

✨ Detalles del panel interno (admin-demo.html)

• Secciones: Dashboard · Carta/Menú · Inventario · Ventas · Clientes · Conversaciones IA.
• Movimiento: entradas escalonadas, hover con brillo en las tarjetas, contadores animados, barras que crecen, sparklines, gráfico de dona por categoría, notificaciones "en vivo" (toasts) y login animado (gradiente + partículas + glow).
• Accesible: respeta prefers-reduced-motion (si el sistema pide reducir movimiento, se ve estático y completo).
• Sin emojis — íconos SVG de línea.

🛠️ Tecnología

• HTML + Tailwind CSS (CDN) + Google Fonts + JavaScript vanilla.
• Sin build, sin dependencias, sin backend. Cada página es un único archivo autocontenido.

📌 Alcance (importante)

Esto es solo el diseño (front-end). El sistema funcional de Santa María (menú/inventario/ventas reales, pedidos, chatbot IA, panel administrativo con base de datos) corre por separado sobre la infraestructura de Noxis AI y no forma parte de esta demo.

---

© 2026 Noxis AI · Demo de diseño para Santa María Fast Food. Marca y logo pertenecen a sus respectivos dueños.