Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to showcase an ultra-realistic cinematic sports broadcast photo experience, capturing the excitement of a professional football match. It allows users to engage with high-quality imagery while offering an immersive view into the atmosphere of a live sports event, featuring a person in the stands, with a focus on emotional expression and supporter culture.

## CORE FEATURES
1. **Hero Section**: A captivating full-width image that highlights the main photo set, featuring the central figure in the stadium, creating an instant connection with the audience.
2. **Gallery View**: A grid of ultra-realistic images showcasing various angles of the football match, allowing users to explore the atmosphere and details of the event.
3. **Fan Interaction**: A section where users can share their own experiences or photos from matches, fostering a community around the sports experience.
4. **About the Match**: Detailed information about the football match, including teams, players, and match highlights, providing context to the imagery.
5. **Call to Action**: Prominent buttons encouraging users to share the experience on social media or subscribe for updates on future matches and events.

## 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 hero section at the top, followed by a gallery view, fan interaction, and information sections arranged vertically for easy scrolling and navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Use React Context API or Zustand for managing global state if necessary.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create the Layout**: Implement the main layout structure including the hero section, gallery, and information sections using functional components.
3. **Integrate Images**: Use a responsive image component to display the main photo and gallery images, ensuring they maintain high quality.
4. **Develop Components**: Create reusable components for buttons, cards, and forms, applying the specified design guidelines regarding typography and spacing.
5. **Implement Fan Interaction**: Add a form for users to submit their own photos or experiences, integrating a simple state management solution to handle submissions.
6. **Add Routing**: If necessary, incorporate React Router for navigation between sections or different views.

## USER EXPERIENCE
Users will engage with the application through a smooth and intuitive interface.