Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application serves as a personal relationship management tool that helps users maintain connections with friends and acquaintances through automated notifications and suggestions powered by AI. It allows users to categorize relationships, view important reminders, and access conversation prompts without feeling overwhelmed.

## CORE FEATURES
1. **Notification Dashboard**: A prominent display of upcoming contacts, important events, and reminders to reach out to friends. Users can quickly see who they need to talk to next.
   
2. **Categorization of Relationships**: Users can group their contacts by common factors (e.g., work, sports teams) for easy access and management.

3. **Contact Information Display**: When users select a contact, they can view detailed information, including how and where they met, the preferred frequency of communication, and direct links to messaging platforms.

4. **AI Conversation Suggestions**: The application generates conversation topics based on previous discussions, allowing for more meaningful interactions.

5. **Integration with Social Media**: Quick access buttons to popular messaging apps like WhatsApp, with automated messages suggested by the AI for easy outreach.

6. **Personalized Reminders**: Users receive prompts tailored to each relationship, helping them remember specific details and previous interactions.

## 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 features a top notification bar for important reminders, followed by a grid of relationship categories that users can click to access individual contacts.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Zustand or similar lightweight solution

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and configure Tailwind CSS for styling.
2. **Create Core Components**: Develop the notification dashboard, relationship category blocks, and contact detail views using shadcn/ui components.
3. **Implement AI Features**: Integrate an AI service to generate conversation suggestions based on user interactions and history.
4. **Set Up Notifications**: Develop a backend service (if required) to manage and send notifications to users based on their preferences.
5. **Integrate Social Media Links**: Allow users to connect their social media accounts for seamless communication.
6. **Testing**: Conduct thorough testing to ensure functionality and user experience on various devices and screen sizes.

## USER EXPERIENCE
Users will be greeted by a clean, minimalist interface that highlights their most important notifications at the top of the page. They can easily browse through different relationship categories and click on individual contacts to view detailed information and conversation prompts. The application will provide a seamless experience, encouraging users to maintain their friendships without feeling overwhelmed.