Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a modern, minimalist landing page aimed at helping users generate CVs and cover letters automatically using AI. It provides a seamless user experience, allowing individuals to quickly input their information and receive professionally formatted documents tailored to the Swedish job market.

## CORE FEATURES
1. **Hero Section**: A compelling introduction featuring a headline ("Skapa ett professionellt CV på 2 minuter") and a subheadline promoting the automated service, along with a clear call-to-action button ("Kom igång gratis").
   
2. **Input Form**: An intuitive form allowing users to enter personal information including name, age, email, job title, a brief self-description, work experience, education, and skills.

3. **AI Generation**: Upon form submission, the application generates a tailored CV and cover letter based on the user’s inputs, enhancing their job application materials.

4. **Output Display**: The generated CV and cover letter are displayed in an elegant layout, with options to copy text or download as a PDF.

5. **Monetization Options**: A freemium model offering limited features for free users while providing premium upgrades for enhanced content and additional templates.

6. **Tips Section**: A dedicated area providing advice on writing effective CVs, helping users improve their application quality.

## 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 consists of a hero section at the top, followed by the input form, AI generation functionality, output display, tips section, and a monetization call-to-action.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React's built-in state management or Context API for global state handling.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Develop components for the hero section, input form, AI generation, output display, and tips section.
3. **Implement Form Handling**: Use state management to handle user inputs and manage form submission.
4. **Integrate AI Functionality**: Create a function to simulate AI output generation based on user inputs.
5. **Design Output Formatting**: Style the output for the CV and cover letter to ensure a professional appearance.
6. **Add Monetization Features**: Implement freemium features and a mechanism for users to access premium content.
7. **Test Responsiveness**: Ensure that the design is responsive across various devices, optimizing for both desktop and mobile views.

## USER EXPERIENCE
Users will land on a visually appealing hero section where they are greeted by a clear message about the service. After clicking the call-to-action button, they'll fill out a straightforward form with their details. Upon submission, they will see their CV and cover letter generated dynamically, with options to copy or download the documents. Additionally, they can explore tips for improving their CV writing, ensuring a comprehensive and supportive user journey.