Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is focused on creating a web application designed to assist users in generating fresh and engaging social media posts for Instagram. The application will utilize existing templates and provide a streamlined interface for users to create both static posts and reels, enhancing their social media presence with minimal effort.

## CORE FEATURES
1. **Template Integration**: Users can upload and integrate existing templates, making it easy to maintain brand consistency across posts.
2. **Post Creation Interface**: A user-friendly editor that allows users to customize posts by adding images, text, and other elements based on their templates.
3. **Static and Reel Post Options**: Users can choose to create both static images and dynamic reels, catering to different social media strategies.
4. **Preview Functionality**: Users can preview their posts in real-time, ensuring that the final output aligns with their expectations before publishing.
5. **Content Suggestions**: The application will provide suggestions for post ideas based on the user's existing content and templates, enhancing creativity.
6. **Export Options**: Users can easily export their completed posts in optimal formats for Instagram.

## 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 consist of a top navigation bar, a side menu for template management, a central editing area for post creation, and a preview section to display the final output.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui components to facilitate styling and UI development.
3. **Create Components**: Develop the main components including the template uploader, post editor, and preview section.
4. **Implement State Management**: Set up Zustand or React Context API to manage the state of templates, posts, and user inputs.
5. **Design the User Interface**: Apply Tailwind CSS styles to create the minimalist design, ensuring consistency with the specified design requirements.
6. **Integrate Preview Functionality**: Implement real-time preview capabilities for users to see their posts as they create them.
7. **Testing and Optimization**: Conduct thorough testing across devices to ensure responsiveness and fix any bugs.
8. **Deployment**: Deploy the application to a hosting service such as Vercel or Netlify.

## USER EXPERIENCE
Users will start by uploading their existing templates and selecting the type of post they wish to create. The intuitive interface will guide them through customizing their posts with images and text. They will have the ability to preview their posts in real-time, making adjustments as needed. Once satisfied, users can export their posts directly for use on Instagram, ensuring a seamless experience from creation to publication.