Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application will serve as a reporting tool for a client who trades on marketplaces like WB and Ozon. The primary purpose is to generate and improve the design of weekly reports, separating the marketing analysis from scenario analysis and core analytics. The application will provide an intuitive interface for managing these reports efficiently.

## CORE FEATURES
1. **Report Generation**: Automatically compile data from WB and Ozon accounts into a visually appealing report format.
2. **Marketing Analysis Section**: A dedicated section for marketing insights, showcasing key performance metrics and trends.
3. **Scenario Analysis Section**: A separate area for scenario planning and forecasting based on sales data and market trends.
4. **Analytics Dashboard**: An interactive dashboard that displays key analytics in real-time, allowing for easy navigation through data.
5. **Export Functionality**: Users can export reports in HTML format without additional files, ensuring a clean and concise output.
6. **User Management**: Basic user authentication to secure access to reports, allowing multiple users to view and manage their reports.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, focusing on a seamless user experience.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure readability and a modern aesthetic.
- **Layout**: A structured single-page layout where each section (Marketing Analysis, Scenario Analysis, Analytics Dashboard) is clearly defined and easily navigable. Utilize a grid system to maintain balance and alignment.
- **Typography**: Use sans-serif fonts for a modern look, with a clear hierarchy (e.g., headings in bold, body text in regular weight). Suggested fonts could include 'Roboto' or 'Open Sans'.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for strong type safety and component-based architecture.
- **Styling**: Tailwind CSS for utility-first CSS styling, allowing for rapid design changes and customization.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist design ethos.
- **State Management**: Consider using a lightweight state management solution like Zustand or React Context API if necessary for managing report data.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript support.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Create Component Structure**: Develop core components for each section (Marketing Analysis, Scenario Analysis, Analytics Dashboard).
4. **Implement Routing**: If needed, set up simple routing to navigate between different sections or reports.
5. **Build Report Generation Logic**: Implement the logic to fetch and compile data from WB and Ozon APIs.
6. **Design UI**: Use Tailwind CSS to style components according to the minimalist design specifications.
7. **Implement Export Functionality**: Create a function to export the reports in HTML format.
8. **User Authentication**: If necessary, set up a basic authentication flow to manage user access.

## USER EXPERIENCE
Users will have a seamless experience navigating through the application. They will start by logging in, after which they can view an overview of the reports. The main sections—Marketing Analysis, Scenario Analysis, and Analytics Dashboard—will be easily accessible through a top navigation bar. Each section will provide interactive charts and tables, allowing users to explore their data intuitively. The export functionality will enable quick generation of reports in a clean HTML format, enhancing efficiency in delivering weekly updates.