Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a modern web application platform that enables users to create and design websites easily, similar to Wix. The focus is on delivering a high-level, user-friendly interface that prioritizes simplicity and aesthetics while allowing users to customize their web presence effortlessly.

## CORE FEATURES
1. **Drag-and-Drop Editor**: An intuitive interface that allows users to drag and drop various elements to build their website layout without any coding knowledge.
2. **Template Library**: A collection of pre-designed templates for different industries that users can choose from and customize to fit their needs.
3. **Responsive Design Tools**: Features that enable users to preview and edit their websites for various screen sizes to ensure a seamless experience across devices.
4. **SEO Optimization Tools**: Built-in features to help users optimize their websites for search engines, including meta tags, alt texts, and URL settings.
5. **Integration with Third-Party Services**: Options for users to integrate various services like analytics, email marketing tools, and social media platforms to enhance functionality.
6. **User Account Management**: Allows users to create accounts to save their projects, access them from anywhere, and manage their subscriptions.

## 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**: A structured layout with a top navigation bar, a prominent hero section, a features section, user testimonials, and a clear call to action at the bottom.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using TypeScript and install the necessary dependencies including Tailwind CSS and shadcn/ui.
2. **Create Layout Components**: Develop the main layout components such as Header, Footer, and Main Content Area, ensuring to maintain the minimalist design principles.
3. **Develop Core Features**: Implement the drag-and-drop editor functionality using libraries like React DnD or a similar solution.
4. **Build the Template Library**: Create a component to display various templates that users can select and customize.
5. **Integrate SEO Tools**: Develop the SEO optimization feature allowing users to edit meta tags and other settings.
6. **User Authentication**: Implement user account management features for registration, login, and profile management.
7. **Testing and Optimization**: Test the application for responsiveness, functionality, and user experience, making adjustments as necessary.

## USER EXPERIENCE
The user journey begins with a welcoming hero section showcasing the platform's benefits. Users can easily navigate through the features using the top navigation bar, select templates, and utilize the drag-and-drop editor. The design prioritizes user interactions with clear CTAs, ensuring a smooth flow from exploration to finalizing their websites. Feedback mechanisms and tooltips enhance the usability, making it easy for users to understand each feature's purpose.

This prompt is ready to be used in Lovable to create a functional and modern web application based on the user’s vision.