Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application focused on generating a minimalist PDF quotation template. The application allows users to customize the quotation layout while ensuring it is optimized for minimal ink usage during printing. Users can easily modify the document’s subtitle, maintain a clean format, and remove unnecessary footer text.

## CORE FEATURES
1. **Dynamic Subtitle Customization**: Users can easily change the subtitle located beneath the logo to simply read "COTIZACIÓN".
2. **Ink-Saving Design**: The application maintains a white background with black text and thin dividers, ensuring the design is optimized for printing with minimal ink usage.
3. **Footer Removal Option**: Users can eliminate the footer text from the PDF document to keep it concise and professional.
4. **PDF Generation**: The application converts the customized quotation into a downloadable PDF format.
5. **Preview Functionality**: Users can preview their quotation before finalizing the PDF generation.
6. **User-Friendly Interface**: The interface is designed to be intuitive, enabling users to make modifications quickly and efficiently.

## 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 features a top navigation bar, a central content area for editing the quotation, and a sidebar for additional settings. The PDF preview is displayed on the right side, allowing users to see changes in real-time.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not specified, but Context API or Zustand may be used for managing state across the application.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout Components**: Develop the main layout with a navigation bar, content area, and sidebar using Tailwind CSS for styling.
3. **Implement Subtitle Customization**: Create a form input that allows users to change the subtitle, updating the state accordingly.
4. **Design PDF Generation Logic**: Integrate a library (like jsPDF) to handle the PDF generation from the user's inputs.
5. **Develop Preview Functionality**: Implement a live preview that updates as users make changes to the quotation.
6. **Add Footer Removal Feature**: Provide a toggle option to show or hide the footer in the generated PDF.
7. **Optimize for Printing**: Ensure the CSS is optimized for printing, focusing on the ink-saving design.
8. **Testing**: Conduct thorough testing to ensure all features function as intended and the PDF output matches user expectations.

## USER EXPERIENCE
Users will interact with a clean and straightforward interface. They will start by entering their desired subtitle, followed by making adjustments to other elements of the quotation. The real-time preview will help them visualize changes instantly. Once satisfied, they can generate the PDF, which will reflect all customizations while adhering to the minimalist design principles. The application ensures a fluid experience, with quick loading times and responsive design for various devices.