Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Smart Talks is a mobile and web communication application designed to facilitate hierarchical communication within organizations. The main feature is the notification hall, which serves as the central hub for users to receive important updates and messages based on their access levels.

## CORE FEATURES
1. **User Authentication**: A secure login screen allowing users to access the application based on their hierarchical role within the organization.
2. **Hierarchical Access Levels**: Different access permissions that control what notifications and features are visible to users based on their role.
3. **Hall of Notifications**: A central dashboard displaying notifications, messages, and updates relevant to each user, organized by priority and timestamp.
4. **Real-time Updates**: Instant notifications and updates that are pushed to users as they occur, ensuring timely communication.
5. **User Profiles**: Each user can manage their profile information, including their role and preferences for notification settings.
6. **Search Functionality**: An integrated search feature to quickly find specific notifications or messages within the hall.

## 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 top navigation bar for user access, followed by a clean grid layout for the hall of notifications, with a sidebar for user profile and settings.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (as needed for user authentication and notification state)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Authentication**: Implement the user authentication system, including a login component that verifies user roles.
3. **Develop Hierarchical Access Logic**: Create a middleware or context that checks user roles and defines access levels for different features.
4. **Build Hall of Notifications**: Design the main dashboard with a responsive grid layout to display notifications, incorporating real-time update functionality.
5. **User Profile Management**: Develop user profile components that allow users to edit their information and notification preferences.
6. **Integrate Search Feature**: Implement a search bar that filters notifications based on user input.

## USER EXPERIENCE
Users will begin by logging into the application, which will direct them to the hall of notifications based on their access level. The notifications will be presented in a clear, organized manner, with the ability to search for specific messages. Users can navigate to their profiles to adjust settings, and they will receive notifications in real-time to ensure they are always informed.

This comprehensive structure will ensure that Smart Talks meets the communication needs of organizations while providing a user-friendly and visually appealing experience.