Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed for managing tournament templates, allowing users to dynamically generate tournament formats based on selected competitions and years. Users can choose from various South American tournaments, and the system will automatically create the appropriate structure, including phases, groups, and knockout stages.

## CORE FEATURES
1. **Competition Selection**: Users can choose a competition (e.g., Copa Libertadores) and a year from a dropdown menu.
2. **Automatic Format Generation**: Based on the selected competition and year, the system generates the tournament structure, including phases, groups (if applicable), and knockout stages.
3. **Historical Format Support**: The app supports various historical formats for competitions, allowing users to explore different tournament structures over the years.
4. **Clear Tournament Structure**: Displays the automatically created tournament structure in an organized hierarchy (tournament → phases → matches).
5. **User-Friendly Interface**: Simple and intuitive UI for selecting competitions and viewing generated formats, ensuring a smooth user experience.
6. **Future Competition Expansion**: The design allows for easy integration of additional competitions and formats as needed.

## 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 feature a header with the app title, a central section for competition and year selection, and a results area for displaying the generated tournament structure.

## TECHNICAL REQUIREMENTS
- Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: React Context for managing selected competition and generated tournament data

## IMPLEMENTATION STEPS
1. **Setup Project**: Create a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create UI Components**:
   - Build a header component for the app title.
   - Create a dropdown component for selecting the competition.
   - Build an input component for selecting the year.
   - Design a results component to display the generated tournament structure.
4. **Implement Logic**:
   - Define a function to generate tournament formats based on selected competition and year.
   - Use React Context to manage state and provide data to components.
5. **Style Components**: Apply Tailwind CSS classes to components, ensuring adherence to the minimalist design specifications.
6. **Testing**: Ensure all functionalities work as expected and conduct user testing for feedback.

## USER EXPERIENCE
Users will interact with a clean interface where they can easily select a competition and year. Upon selection, the app will generate and display the tournament structure in a clear format. The layout is designed to be responsive, ensuring a smooth experience across devices. Users will appreciate the simplicity and efficiency of generating tournament formats with just a few clicks.