Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed to help users manage their networking contacts efficiently through a centralized CRM. It allows users to store and organize contact information, track interactions, and maintain a professional network without scattering data across multiple platforms.

## CORE FEATURES
- **Contact Management**: Users can create and manage contacts, including fields for name, contact details, role, company, relationship source, and the date of the first contact.
- **Notes Section**: A dedicated area for users to add notes about each contact, ensuring personalized interactions.
- **Meeting Log**: Allows users to schedule and record meetings with their contacts, enhancing relationship management.
- **Voice Communication**: An integrated feature for users to initiate voice calls directly from the app to facilitate personal touch in networking.
- **LinkedIn Integration** (optional): A summary of users' experiences linked to their LinkedIn profiles, providing context about their professional background.
- **Email Integration** (optional): Capability to link email conversations, consolidating all communication regarding a contact.

## 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 layout will be structured with a clear hero section at the top, followed by features, testimonials, and a call-to-action section. The UI will prioritize simplicity and ease of navigation with intuitive access to all functionalities.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (or Context API, specify based on complexity)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (Tailwind CSS, shadcn/ui).
2. **Create Component Structure**: Develop components for the hero section, features list, contact management interface, and call-to-action.
3. **Implement Routing**: Set up routing for the app to allow easy navigation between the main features and sections.
4. **Design UI**: Apply Tailwind CSS for styling based on the specified design specifications, ensuring a minimalist aesthetic.
5. **Integrate Features**: Add core features like contact management, notes, and meeting logging; implement the optional LinkedIn and email integrations.
6. **Testing**: Conduct user testing to ensure all functionalities work as intended and the user experience is smooth.
7. **Deployment**: Deploy the application to a hosting service and ensure it is responsive and accessible across devices.

## USER EXPERIENCE
Users will interact with the app primarily through two main buttons on entry: one for adding new contacts and another for accessing the CRM. The search functionality will allow users to filter through contacts efficiently. The interface will guide users through adding notes, scheduling meetings, and initiating voice calls, ensuring a seamless experience that emphasizes clarity and directness. Users will appreciate the elegant yet approachable design that reflects the premium nature of the tool, making it a trustworthy companion in their networking efforts.