Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves developing a web application focused on attribution tracking for websites and marketing campaigns. The primary goal is to analyze and pinpoint the sources of leads and sales across various channels such as organic traffic, phone calls, and different pay-per-click platforms. This application will enable users to gain insights into their marketing effectiveness and optimize their strategies accordingly.

## CORE FEATURES
1. **Channel Tracking**: Track and report on traffic sources, including organic search, PPC (Google, LinkedIn, Bing, Yahoo), direct traffic, and phone calls.
2. **Analytics Dashboard**: A user-friendly dashboard that provides visualizations of attribution data, showcasing performance metrics and trends over time.
3. **Lead Source Attribution**: Assign leads and sales to specific channels, providing a clear understanding of which sources are most effective in converting leads.
4. **Custom Reports**: Allow users to generate custom reports based on their attribution data, enabling deeper analysis tailored to their needs.
5. **Integration Capabilities**: Seamless integration with various marketing tools and CRM systems to pull in relevant data for comprehensive tracking.
6. **User Management**: A simple user management system to allow multiple users to access the application with different permissions.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design will emphasize clean lines, ample white space, and a minimal color palette, focusing primarily on typography to enhance readability.
- **Color Mode**: Light theme featuring dark text on light backgrounds to ensure clarity and comfort during use.
- **Layout**: A single-page dashboard layout with a sidebar for navigation and a main content area displaying analytics and reports. Each section will be clearly defined with sufficient spacing to avoid clutter.
- **Typography**: Utilize modern sans-serif fonts for headings and body text, ensuring a clear hierarchy with larger sizes for headings and smaller sizes for body text. Suggested font choices could include Inter or Roboto.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and scalable application.
- **Styling**: Tailwind CSS for rapid styling and responsive design.
- **UI Components**: Utilize shadcn/ui for pre-built, accessible UI components.
- **State Management**: Redux or Context API for effective state management, if needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install dependencies including Tailwind CSS and shadcn/ui.
2. **Design Layout**: Create the main layout structure, incorporating a sidebar for navigation and a responsive dashboard area.
3. **Implement Core Features**: Develop core features sequentially, starting with channel tracking functionalities and progressing to the analytics dashboard.
4. **Build User Management**: Implement user authentication and role management to allow for different access levels.
5. **Integrate APIs**: Connect the application to necessary APIs for data retrieval from marketing tools.
6. **Testing & Optimization**: Conduct thorough testing across different devices and screen sizes to ensure a seamless user experience.

## USER EXPERIENCE
Users will interact with the application primarily through the dashboard, where they can view comprehensive analytics at a glance. They will be able to filter data by various channels, generate reports, and analyze trends over time. Intuitive navigation will allow users to switch between different sections easily, with clear calls to action guiding them through the features. A responsive design will ensure the application is accessible on desktop and mobile devices.