🐔 Pollos Mareados - Sitio Web

Página web oficial de Pollos Mareados - Los Auténticos Pollos a la Leña

🚀 Tecnologías

• 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

🎨 Colores del Proyecto

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)

📦 Instalación

# Instalar dependencias
pnpm install

# Iniciar servidor de desarrollo
pnpm dev

# Construir para producción
pnpm build

# Vista previa de producción
pnpm preview

🏗️ Estructura del Proyecto

src/
├── 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

📋 Secciones Actuales

1. Header - Navegación sticky con logo y enlaces
2. Hero - Sección de bienvenida con gradiente de colores del logo
3. Menú - Placeholder (pendiente de contenido)
4. Nosotros - Placeholder (pendiente de contenido)
5. Contacto - Placeholder (pendiente de contenido)
6. Footer - Información de contacto y enlaces rápidos

🎯 Próximos Pasos

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

📱 Características

• ✅ 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