Festival Dängo Teotihuacán Ba'ni Quetzalcóatl
Donde la música encuentra a las pirámides
Dango Festival es una experiencia cultural y musical única que fusiona la energía de la música moderna con la majestuosidad de Teotihuacán. Celebrado en el Rancho La Ventilla, a minutos de las emblemáticas pirámides, este festival ofrece:
- 🎸 Música en vivo: Rock alternativo, indie y ritmos electrónicos
- 🏛️ Ceremonias prehispánicas y Danza del Fuego
- 🎈 Experiencias únicas: Vuelos en globo aerostático, recorridos en cuatrimoto, papalotes
- 🏕️ Camping bajo las estrellas con vista a las pirámides
- 🍹 Gastronomía mexicana auténtica: mezcal, pulque y más
Fecha: 15 y 16 de Febrero, 2025
Lugar: Rancho La Ventilla, Teotihuacán, Estado de México
Este sitio web está construido con tecnologías de vanguardia para ofrecer una experiencia inmersiva y fluida:
| Tecnología | Descripción |
|---|---|
| Astro 5 | Framework moderno para sitios estáticos ultra-rápidos |
| TailwindCSS 4 | Sistema de diseño CSS-first con configuración @theme |
| GSAP | Animaciones de alto rendimiento |
| Lenis | Smooth scrolling suave y natural |
| Vite | Build tool de última generación |
El sitio implementa el sistema de diseño Konpo, caracterizado por:
- 🌑 Dark mode nativo
- 💜 Acentos púrpura (#8b5cf6) que evocan la energía del festival
- 🌐 Grid pattern que remite a las estructuras geométricas de Teotihuacán
- ✨ Micro-animaciones fluidas
- 🔤 Tipografía moderna: Inter + Outfit
# Clonar el repositorio
git clone https://github.com/sylestudio/dango-festival.git
# Navegar al directorio
cd dango-festival
# Instalar dependencias
npm install
# Iniciar servidor de desarrollo
npm run devEl sitio estará disponible en: http://localhost:4321/
| Comando | Acción |
|---|---|
npm run dev |
Iniciar servidor de desarrollo en localhost:4321 |
npm run build |
Construir sitio de producción en ./dist/ |
npm run preview |
Previsualizar build de producción localmente |
dango-festival/
├── assets/ # Imágenes para decoración del repositorio
├── public/ # Assets estáticos (favicon, robots.txt)
├── src/
│ ├── assets/ # Imágenes optimizadas (WebP/AVIF)
│ ├── components/ # Componentes UI reutilizables
│ ├── layouts/ # Layouts de páginas
│ ├── pages/ # Páginas del sitio (routing)
│ ├── styles/ # Estilos globales y configuración TailwindCSS
│ └── utils/ # Utilidades (Lenis, GSAP helpers)
├── astro.config.mjs # Configuración de Astro
└── package.json
- Setup inicial del proyecto
- Configuración de TailwindCSS 4
- Integración de Lenis & GSAP
- Hero section con estética Konpo
- Sección de Line-up (artistas)
- Galería de ediciones anteriores
- Sistema de venta de boletos
- Mapa interactivo del venue
- Integración con redes sociales
- CI/CD Pipeline (GitHub Actions)
- Deploy automático
Próximamente: Configuración de deployment automático
El sitio será desplegado en:
- Vercel / Netlify / Cloudflare Pages
- Pipeline de CI/CD con GitHub Actions
- Optimización de assets para CDN
Syle Studio es un estudio de diseño y desarrollo digital dedicado a crear experiencias web únicas que combinan estética moderna con tecnología de vanguardia.
Hecho con 💜 para la comunidad de Dango Festival
Conectando tradición ancestral con cultura contemporánea