Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed to analyze the UX/UI, product design, and SEO of a website through a provided URL. It generates a detailed report that highlights critical areas for improvement, helping users understand their pain points and advantages in order to increase sales. The application is tailored for UXLevel, incorporating a clean and user-focused design to facilitate a seamless user experience.

## CORE FEATURES
1. **URL Analysis**: Users can input a URL to receive an in-depth analysis of the site's current UX/UI and SEO performance.
2. **Automated Reporting**: The app generates a comprehensive report that outlines key issues and suggestions for improvement.
3. **Pain Points Identification**: Provides insights into specific areas that are causing sales losses and outlines the advantages of suggested improvements.
4. **Personalized Recommendations**: Tailored suggestions based on the analysis results, focusing on actionable steps to enhance user experience and design.
5. **User Dashboard**: A user-friendly interface that allows users to track their analysis history and manage multiple URLs.
6. **Contact Support**: Users can easily reach out for additional support or consultation services offered by UXLevel.

## 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 layout consists of a hero section for URL input, followed by sections for analysis results, recommendations, and a user dashboard with clear navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (if needed for user data management)

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and any state management libraries.
3. **Create Components**: Develop reusable components for the hero section, analysis report, and dashboard.
4. **Implement URL Analysis Functionality**: Integrate a backend service or API that performs the analysis based on the provided URL.
5. **Design Layout**: Apply Tailwind CSS styles to ensure a minimalist aesthetic aligning with the specified design requirements.
6. **Testing**: Conduct thorough testing for functionality across various devices to ensure responsiveness and user experience.

## USER EXPERIENCE
The key user interactions begin with a simple input field in the hero section where users can enter the URL of their website. Upon submission, users receive an immediate acknowledgment while the analysis is processed. Once completed, users can view their personalized report in an organized format that highlights critical insights. The dashboard allows users to manage previous analyses, providing an intuitive navigation experience that encourages continual engagement and improvement.

This prompt outlines a comprehensive plan for developing a web application that fulfills the user's vision with a focus on user experience and design.