Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a 1-to-1 replica of the mObywatel app, specifically tailored for Polish users. It will feature a streamlined interface where users can access their passport data with a unique interactive element that activates after clicking the "dane paszportu" option three times within the "więcej" tab. This app aims to provide a seamless and user-friendly experience while ensuring efficient access to essential passport information.

## CORE FEATURES
1. **User Authentication**: Secure login system allowing users to create accounts and manage their credentials.
2. **Passport Data Access**: Users can view and manage their passport information easily through the "dane paszportu" tab.
3. **Interactive Prompt**: After clicking "dane paszportu" three times, an AI-generated prompt will appear, enhancing user engagement.
4. **Profile Management**: Users can update personal information and manage their settings within their profiles.
5. **Notifications**: Users receive alerts for important updates or changes related to their passport information.
6. **Help & Support**: A dedicated section for FAQs and user support to assist with common 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**: The main layout should include a top navigation bar for easy access to different sections, a central content area to display passport information, and a sidebar for user profile management and notifications.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux Toolkit for managing application state.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript support and install necessary dependencies (Tailwind CSS, Redux Toolkit, shadcn/ui).
2. **Create Authentication Flow**: Implement user authentication features including signup, login, and logout functionalities.
3. **Develop Passport Data Module**: Build the component that fetches and displays passport information, ensuring it is responsive and user-friendly.
4. **Implement Interactive Prompt**: Create the logic for the three-click interaction on "dane paszportu" that triggers the AI-generated prompt.
5. **Set Up Profile Management**: Develop the profile management section where users can update their personal information.
6. **Notifications System**: Integrate a notification system to alert users about updates relevant to their passport information.
7. **Test Responsiveness**: Ensure the application is responsive across different devices and screen sizes.

## USER EXPERIENCE
The user experience centers around intuitive navigation and immediate access to passport data. Users will engage with a clean interface where they can log in securely, view their passport details, and activate the special prompt feature effortlessly. Key interactions will include clicking on tabs, managing their profiles, and receiving timely notifications, all designed to enhance usability and ensure a pleasant experience.