Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application for the "Riyadh Air Metropolitano" stadium, designed to manage and present information about events, concerts, sports, and museum tours. The application will cater to a user base looking to purchase tickets and reserve museum entries, providing a seamless experience for managing and exploring the stadium's offerings.

## CORE FEATURES
1. **Homepage**: A welcoming landing page featuring cards and images that highlight key information about the stadium and its offerings.
2. **Events Section**: Divided into two categories—Concerts and Sports. The Concerts section includes an image carousel and informational cards for each event with details like title, date, description, price, and a "Buy" button. The Sports section provides concise information about the stadium's associated team, including its history and visual elements like the logo and flag.
3. **Museum Information**: A dedicated page with details about museum tours, including pricing, scheduled dates, and a gallery of images showcasing exhibits.
4. **About Us**: A brief overview of the stadium, the associated team, and sponsors, highlighting their contributions and relevance.
5. **Legal and Contact Information**: A section for legal disclaimers and a contact form for inquiries.

## 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**: A multi-section layout with a hero image on the homepage, followed by cards for events, a gallery for the museum, and structured content sections for About Us and Contact.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: [Consider using context API or Redux if necessary for managing state across components]

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React application using Create React App with TypeScript.
2. **Install necessary dependencies**: Add Tailwind CSS and shadcn/ui for UI components.
3. **Create the folder structure**: Organize components, pages, and styles.
4. **Develop the Homepage**: Create a hero section with an image, followed by cards for events and museum highlights.
5. **Create the Events page**: Implement the concert and sports sections with the necessary cards and carousels.
6. **Build the Museum page**: Include a calendar and image gallery to display exhibits.
7. **Develop the About Us page**: Add content regarding the stadium and team.
8. **Implement the Contact page**: Include a form for user inquiries and legal information.
9. **Ensure responsive design**: Use Tailwind CSS to ensure the application is mobile-friendly.

## USER EXPERIENCE
Users will navigate through a clean and intuitive interface, starting from the homepage to access different sections. The Events section will allow users to filter through concerts and sports effortlessly, with an easy purchasing process via clear "Buy" buttons. The Museum page will enhance user engagement with visually appealing galleries and straightforward pricing information. Overall, the application will focus on providing a seamless experience with quick access to important information and actions.