Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to showcase ultra-realistic cinematic football broadcasts, capturing the emotional atmosphere of a live FC Barcelona vs. Real Madrid match. It simulates an authentic TV broadcast experience, allowing users to relive the intensity of El Clásico while focusing on the natural beauty and reactions of a fan in the stadium.

## CORE FEATURES
1. **Live Broadcast Simulation**: A dynamic video player that captures the essence of live football events with authentic camera angles and movements.
2. **User Interaction**: Users can engage with the broadcast by selecting different camera angles to view the match from various perspectives.
3. **Scoreboard Overlay**: A real-time scoreboard that displays the match score, team logos, game clock, and channel graphics, mimicking a professional sports broadcast.
4. **Cinematic Highlights**: A collection of highlight moments from the match, including fan reactions and significant plays, presented in a visually stunning format.
5. **Social Sharing**: Integration with social media platforms to share memorable moments and reactions, enhancing the viral experience of football fandom.
6. **Responsive Design**: A fully responsive layout that adapts to various devices, ensuring an optimal viewing experience on both desktop and mobile.

## 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 features a hero section for the video player, followed by interactive features, a scoreboard, and social sharing options, arranged in a single-column format for simplicity and focus.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux or Context API for managing user interactions and video states.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for UI components.
2. **Create the Main Layout**: Develop a responsive layout structure with a hero section for the video player and additional sections for features and interactions.
3. **Integrate Video Player**: Implement a video player component that supports dynamic camera angles and overlays the scoreboard graphics.
4. **Develop Interactive Features**: Create components for user interaction, allowing users to switch camera angles and view highlights.
5. **Implement Scoreboard Overlay**: Design and implement the scoreboard overlay that tracks and displays the match score and graphics.
6. **Add Social Sharing Features**: Integrate social media sharing options to enhance user engagement and viral sharing of moments.
7. **Testing & Optimization**: Conduct thorough testing across devices to ensure responsiveness and functionality, making optimizations as needed.

## USER EXPERIENCE
Users will have an immersive experience as they engage with the web application, watching the match unfold through various camera angles. The scoreboard provides real-time updates, while the ability to share moments on social media encourages user interaction. The minimalist design will ensure that the focus remains on the emotional energy of the match and the natural beauty of the fan experience, creating a powerful connection with the audience.