Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to facilitate the creation of customized prompts for bypassing UI/UX branding restrictions on low-code platforms. The application will serve as a tool for users seeking to implement "white-labeling" techniques in a corporate context, ensuring a seamless experience for clients who require tailored branding solutions.

## CORE FEATURES
1. **Prompt Generation**: Users can input specific requests to generate advanced prompts that adhere to corporate branding requirements.
2. **Customization Options**: Allow users to specify branding elements such as colors and typography for the generated prompts.
3. **Metadata Management**: Provide tools for users to manage and purge metadata associated with their branding.
4. **UI Element Management**: Enable users to identify and remove non-functional UI components from their low-code applications.
5. **User Authentication**: Secure login for users to save their generated prompts and settings.
6. **Help and Documentation**: A section providing guidance on how to effectively use the application and best practices for white-labeling.

## 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 header with navigation, a hero section for prompt input, a features section outlining the benefits, a CTA section for user engagement, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux Toolkit (for managing application state)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS, shadcn/ui, and Redux Toolkit.
3. **Create Components**: Develop components for the header, hero, features section, CTA, and footer.
4. **Implement State Management**: Set up Redux to manage user inputs and generated prompts.
5. **Design Layout**: Use Tailwind CSS to style components according to the design specifications, ensuring responsive design across devices.
6. **Integrate Typography**: Import Inter font from Google Fonts and apply it to headings and body text.
7. **Test Functionality**: Ensure all features work as intended, including prompt generation and user authentication.
8. **Deploy Application**: Prepare the application for production and deploy it on a suitable platform.

## USER EXPERIENCE
The application will provide a streamlined user experience, allowing users to quickly generate and customize prompts. Upon logging in, users will be greeted with a clean interface where they can input their requests. The app will offer immediate feedback by displaying generated prompts alongside customization options. Users can navigate through the features easily, and the CTA will encourage them to save and use their prompts effectively. The design will prioritize usability and clarity, ensuring that users can focus on their tasks without unnecessary distractions.