Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
JobMagnet AI is an interactive CV generator that leverages conversational UI to assist users in crafting professional resumes without the stress of traditional forms. By engaging in a dialogue with an AI bot, users can seamlessly translate their skills into an ATS-friendly CV, targeting individuals who may struggle to articulate their experiences in a corporate language.

## CORE FEATURES
1. **Conversational Interface**: Users engage in a chat with the AI bot, which guides them through the CV creation process in a natural, interactive manner.
2. **Real-time CV Generation**: As users respond, the application constructs a live preview of their CV, allowing for immediate feedback and adjustments.
3. **Aha! Moment Preview**: After completing the conversation, users see a detailed preview of their CV, showcasing their accomplishments and skills in a polished format.
4. **Pay-Per-Result PDF Download**: Users can download their CV as a PDF for a one-time fee, ensuring a clear conversion point.
5. **Privacy-First Approach**: The application does not require user login, and all data is deleted after the session to maintain user privacy.
6. **Responsive Design**: The application is designed to be fully responsive, ensuring a seamless experience across devices.

## 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 includes a hero section with a strong value proposition, followed by the chat hub where users interact with the AI. Below that, the conversion point is highlighted, leading to the PDF download option.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React useState for managing chat history and user inputs

## IMPLEMENTATION STEPS
1. **Set Up React Environment**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create Core Components**:
   - **Hero Section**: Design a minimalist hero section that captures user attention with a strong headline.
   - **Chat Hub**: Develop the chat interface where users can communicate with the AI. Utilize state management to maintain chat history.
   - **Preview Section**: Implement a section to display the generated CV preview after the conversation.
3. **Integrate AI Logic**: Use a conversational AI API to handle user inputs and generate responses in real-time.
4. **PDF Generation**: Implement the html2pdf.js library to allow users to download their CV as a PDF. Create a hidden container for the CV format.
5. **Styling**: Apply Tailwind CSS classes to achieve the desired minimalist aesthetic, incorporating the specified colors, typography, and border radius.
6. **Testing**: Conduct thorough testing to ensure the application is responsive and functions correctly across different devices.

## USER EXPERIENCE
Users begin their journey on a simple, engaging landing page that immediately addresses their CV-related pain points. They interact with the bot in a friendly chat interface, where the AI prompts them for information in a conversational manner. The live CV updates as they chat, culminating in an "Aha! moment" when they see the polished result. Upon completion, users can view their CV and are encouraged to download it for a fee, all while feeling secure knowing their data is handled with a privacy-first approach.