Página web oficial de Pollos Mareados - Los Auténticos Pollos a la Leña
- React 19 - Framework de JavaScript
- Vite 8 - Build tool ultra-rápido
- Tailwind CSS v4 - Framework de CSS utility-first
- pnpm - Gestor de paquetes eficiente
El sitio utiliza los colores del logo oficial:
- Rojo Principal:
#E63946(pollos-red) - Rojo Oscuro:
#C62828(pollos-red-dark) - Amarillo:
#FFD60A(pollos-yellow) - Amarillo Oscuro:
#FFAA00(pollos-yellow-dark) - Naranja:
#FF6B35(pollos-orange)
# Instalar dependencias
pnpm install
# Iniciar servidor de desarrollo
pnpm dev
# Construir para producción
pnpm build
# Vista previa de producción
pnpm previewsrc/
├── components/
│ ├── Header.jsx # Navegación principal
│ ├── Hero.jsx # Sección hero/portada
│ ├── PlaceholderSection.jsx # Plantilla para secciones futuras
│ └── Footer.jsx # Pie de página
├── App.jsx # Componente principal
├── main.jsx # Punto de entrada
└── index.css # Estilos globales y configuración Tailwind
- Header - Navegación sticky con logo y enlaces
- Hero - Sección de bienvenida con gradiente de colores del logo
- Menú - Placeholder (pendiente de contenido)
- Nosotros - Placeholder (pendiente de contenido)
- Contacto - Placeholder (pendiente de contenido)
- Footer - Información de contacto y enlaces rápidos
Las siguientes secciones están listas para ser desarrolladas:
- Contenido del menú de productos
- Sección "Sobre Nosotros" con historia de la marca
- Formulario de contacto funcional
- Integración con sistema de pedidos
- Galería de imágenes
- Testimonios de clientes
- ✅ Diseño responsive (móvil, tablet, desktop)
- ✅ Navegación sticky
- ✅ Colores personalizados del logo
- ✅ Componentes reutilizables
- ✅ Optimizado para rendimiento con Vite
Desarrollado con ❤️ para Pollos Mareados