Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application serves as a raffle system, allowing users to enter names both individually and in groups for a chance to win a prize. It features a participant list, a customizable entry system for multiple participations, and an engaging winner announcement with music. The application is designed with a whimsical, elven forest theme, making it visually appealing and user-friendly.

## CORE FEATURES
1. **Participant Entry**: Users can input names individually or in groups, making it easy to enter multiple participants at once.
2. **Prize Input**: A designated field for users to enter the prize name, enhancing the raffle experience.
3. **Participation Management**: Users can specify how many entries each participant has without needing to input the same name multiple times.
4. **Winner Selection**: A random selection feature that announces the winner with an engaging sound effect, such as "saxophone guy" or other epic, copyright-free music.
5. **Side Participant List**: A visible list of all participants on the side of the interface, ensuring transparency and excitement during the raffle.
6. **Responsive Design**: The application will be fully responsive, ensuring usability across various devices.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography
- **Color Mode**: Light theme with dark text on light backgrounds
- **Primary Color**: #1978E5 (accent for buttons, links, highlights)
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs
- **Layout**: The main layout will consist of a large hero section for the raffle title and instructions, a central area for participant entry and prize input, a sidebar for the participant list, and a footer for additional information and contact.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API (or Zustand) for managing participant data and state.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React application with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Components**: Develop individual components for the participant entry, prize input, participant list, and winner announcement.
3. **Implement State Management**: Use React Context API to manage the state of participants and their entries.
4. **Design Layout**: Structure the layout according to the specified design specifications, ensuring responsiveness.
5. **Add Winner Selection Logic**: Implement the random winner selection functionality, ensuring the correct number of participations is accounted for.
6. **Integrate Audio**: Add audio playback functionality for the winner announcement, sourcing appropriate music files.
7. **Testing**: Conduct thorough testing to ensure all features work as intended and the UI is responsive across devices.
8. **Deployment**: Deploy the application using a platform like Vercel or Netlify for public access.

## USER EXPERIENCE
Users will encounter a clean, engaging interface that allows them to easily enter participants for the raffle. The application will guide them through entering names, specifying the prize, and viewing the participant list. Upon clicking the "Draw Winner" button, the application will generate a winner with an accompanying audio cue, ensuring an exciting and memorable experience. The responsive design will allow users to access the application seamlessly on both desktop and mobile devices.