Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application serves as a lead enrichment and outreach platform designed to streamline the process of finding and engaging with potential leads. The application features a user-friendly workflow card on the homepage that allows users to initiate lead searches and utilize AI-driven insights, all while maintaining a clean, minimalist interface.

## CORE FEATURES
1. **Lead Enrichment Workflow**: Users can access a dedicated workflow card on the homepage to initiate lead searches and enrich their data through an AI agent input box.
2. **Outreach Flow Navigation**: Outreach functionalities are organized in a separate navigation section, allowing users to manage their outreach efforts efficiently.
3. **Lead Filtering Page**: Upon clicking "Find Leads," users are directed to a filtering page where they can specify their lead preferences, such as industry, location, and other criteria.
4. **Enrichment Table**: After filtering, users can view a table of leads that allows them to add enrichment columns, enhancing the data associated with each lead.
5. **Sidebar Navigation**: A well-structured sidebar includes additional functionalities such as user profiles, credit claims, and a credits balance display.
6. **Responsive Design**: The application is designed to be mobile-friendly, ensuring optimal usability across devices.

## DESIGN SPECIFICATIONS
- **Visual Style**: The application follows a minimalist aesthetic featuring a clean, simple design with ample white space to enhance readability and user focus.
- **Color Mode**: A light theme is implemented, utilizing dark text on light backgrounds to ensure high contrast and legibility.
- **Layout**: The main layout is divided into a header, sidebar navigation, main content area, and footer. The homepage prominently features the lead enrichment workflow card and the AI agent input box.
- **Typography**: Utilize a sans-serif font such as "Roboto" for body text, with headings in a bolder weight to establish a clear visual hierarchy. Maintain consistent sizing and spacing for a cohesive look.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building interactive UI components.
- **Styling**: Tailwind CSS for efficient utility-first styling, allowing for rapid development and consistent design.
- **UI Components**: Implement shadcn/ui for pre-built components that align with the minimalist design.
- **State Management**: Utilize React Context or Redux if complex state management is required for user sessions and data persistence.

## IMPLEMENTATION STEPS
1. **Set Up React Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project via npm.
3. **Build the Layout**: Create the main layout structure with a header, sidebar, and content area using Tailwind CSS for styling.
4. **Develop Core Components**:
   - Create a workflow card component for lead enrichment.
   - Design the outreach flow navigation.
   - Implement the lead filtering page with form elements for user input.
5. **Implement the Table**: Develop a dynamic table component to display leads, allowing users to add enrichment columns.
6. **Sidebar Navigation**: Build the sidebar with links to profile, credit claims, and credits balance functionalities.
7. **Ensure Responsiveness**: Test and adjust styles to ensure the application is fully responsive across different devices and screen sizes.
8. **Connect to Backend**: Set up API calls to fetch and manipulate lead data, ensuring smooth integration with the UI components.

## USER EXPERIENCE
Users start on the homepage, where they can quickly initiate a lead search using the workflow card. After filtering their leads through the dedicated page, they can view enriched data in a clear, organized table format. The sidebar navigation allows for easy access to user profiles and credit information, enhancing user engagement and ensuring a seamless experience throughout the application. The minimalist design focuses on usability, guiding users effortlessly through their lead enrichment and outreach processes.