Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed as a complete content engine that automates the research and writing of viral content. Additionally, it includes a content repurposing section that allows users to optimize and adapt existing content for various platforms, ensuring maximum reach and engagement.

## CORE FEATURES
1. **Content Research Tool**: Automatically gathers trending topics and content ideas based on current user preferences and analytics.
2. **Viral Content Generator**: Utilizes AI algorithms to create engaging and shareable content tailored to the target audience.
3. **Content Repurposing Section**: Offers tools to transform existing content into different formats (e.g., blogs into social media posts, videos, etc.) to extend its lifespan.
4. **User Dashboard**: A personalized dashboard for users to manage their content calendar, performance metrics, and saved content ideas.
5. **Collaboration Features**: Allows multiple users to work on content together, with options for comments and feedback.
6. **Analytics and Insights**: Provides detailed analytics on content performance across different platforms to help users refine their strategies.

## 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, a sidebar for quick access to tools, and a central content area for the dashboard and content generation features. Each section will be clearly defined with ample spacing to enhance readability.

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

## IMPLEMENTATION STEPS
1. **Set Up the Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create the Main Layout**: Design the layout with a responsive navigation bar and sidebar using Tailwind CSS.
3. **Develop Core Features**: 
   - Build the Content Research Tool and integrate APIs to fetch trending topics.
   - Implement the Viral Content Generator using AI models for text generation.
   - Create the Content Repurposing Section with options to modify content formats.
4. **User Dashboard Creation**: Design the dashboard to display user statistics, saved content, and performance metrics.
5. **Integrate Collaboration Features**: Allow users to invite collaborators and comment on drafts.
6. **Analytics Implementation**: Set up tracking to gather performance data of the generated content and display it in a user-friendly format.
7. **Testing and Optimization**: Conduct thorough testing for usability, performance, and responsiveness across different devices.
8. **Launch and Monitor**: Deploy the application and monitor user feedback for continuous improvement.

## USER EXPERIENCE
Key user interactions will include a seamless onboarding process that guides users through setting up their preferences. Users will easily navigate the dashboard to access research tools and content generation features. The content creation process will be intuitive, featuring suggestions and auto-completion, while the analytics section will provide clear insights into content performance, encouraging users to refine their strategies effectively. Responsive design will ensure a consistent experience across mobile and desktop devices.