Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed for the vineyard Cremaschi Furlotti, enabling warehouse operators to efficiently register the loading process of export containers. This application replaces traditional paper forms with a digital, mobile-first interface, allowing users to capture essential data and photographic evidence of wine dispatch.

## CORE FEATURES
1. **Step-by-Step Registration Form**: A user-friendly, guided registration process that captures critical information about the loading process.
2. **Photographic Evidence Capture**: Sections for users to upload images of the empty container, loading process, and installed seals for security.
3. **Data Validation**: Real-time validation for required fields to ensure accurate data entry, enhancing the reliability of the information collected.
4. **Offline Mode**: An indicator in the header that notifies users when the application is in offline mode, ensuring they can capture information without internet access.
5. **Observations Section**: A dedicated space for users to add any notes or comments related to the loading process.
6. **Report Generation**: A prominent "Finish and Generate Report" button that allows users to finalize their entries and create a comprehensive report.

## 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 consists of vertically stacked cards for each section of the form, with large buttons for photo capture and submission. The header includes an offline mode indicator and a clear navigation structure.

## TECHNICAL REQUIREMENTS
- Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: Redux (if needed for managing form state, otherwise can be managed by local state)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create Main Components**: Develop components for the header, form sections (data reference, container details, photographic evidence, observations), and the final submission button.
3. **Implement Form Logic**: Set up a state management system to handle form data, validations, and errors.
4. **Add Offline Functionality**: Implement the logic to detect offline status and display the offline indicator in the header.
5. **Design and Style Components**: Use Tailwind CSS to apply the specified design guidelines, ensuring a minimalist aesthetic.
6. **Testing and Validation**: Test the application for usability, ensuring that all form fields validate correctly and that the photo capture functionality works as intended.
7. **Deployment**: Prepare the application for deployment, ensuring all assets are correctly bundled and optimized for performance.

## USER EXPERIENCE
Users will experience a straightforward flow, starting from the landing on the application where they can see the offline indicator if applicable. They will proceed through a clean, step-wise registration process, entering required data, uploading images, and receiving immediate feedback on their entries. The final step will allow them to review their inputs and generate a report with a single click, enhancing the efficiency of their workflow in the vineyard.