# Music Festival - AI Agent Context

## Challenge Info
- **Day:** 38 of 100
- **Design:** See `design.png` in this folder
- **Starter file:** `index.html`

## User Story

As a music enthusiast, I want a captivating and informative festival website that provides all essential details about the Electro Music Festival, allowing me to explore events, check lineups, and purchase tickets effortlessly.

## Acceptance Criteria

- The homepage must prominently display the festival name, "2024 Electro Music Festival," along with the dates and location (Zamardi, Hungary) to ensure immediate visibility.
- Include a navigation bar with links to Tickets, Lineup, News, Artists, and Explore sections for easy access to detailed information.
- Feature a large, engaging area with a play button for the official festival trailer to attract and engage users.
- Provide a brief description or introductory text about what the Electro Music Festival is, capturing the essence and unique aspects of the event.
- Ensure the design includes vibrant visuals that reflect the energy and atmosphere of the festival, using appropriate colors and imagery.
- The ticket purchasing option should be prominent and accessible from the homepage, ensuring a straightforward path to transaction completion.
- The website should be optimized for responsiveness, ensuring that content adjusts seamlessly across various devices and screen sizes.

## Technical Notes

- Use any framework or vanilla HTML/CSS/JS
- The design mockup (`design.png`) is the visual target
- Icons, fonts, and images need to be sourced (use Google Fonts, Font Awesome, Unsplash, etc.)
- Make it responsive across mobile, tablet, and desktop
- Add interactivity where it makes sense

## Suggested Approach

1. Analyze `design.png` for layout structure, colors, typography, and spacing
2. Build the HTML skeleton with semantic elements
3. Style with CSS to match the design
4. Add JavaScript for interactivity
5. Test responsiveness and accessibility

## Platform

These challenges are part of [BigDevSoon](https://bigdevsoon.me) - try the [free Demo Editor](https://app.bigdevsoon.me/demo/custom/browser) or use Merlin AI on the full platform for context-aware coding assistance.