Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to create a PDF cover with a clear typeface while preserving the content of the uploaded PDF. The application will allow users to upload their PDF documents and generate a customized cover page that integrates seamlessly with the existing content.

## CORE FEATURES
1. **PDF Upload**: Users can easily upload their PDF files via a simple drag-and-drop interface or file selector.
2. **Cover Page Customization**: Users can customize the cover page with options for text alignment, font size, and colors, but the original content will remain unchanged.
3. **Preview Functionality**: Users can preview their cover page before finalizing the download, ensuring it meets their expectations.
4. **Download Option**: After customization, users can download the new PDF with the integrated cover page in a single file.
5. **User Support**: A help section providing FAQs and contact information for additional assistance.

## 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 feature a centered upload area at the top, followed by a customization panel, a preview section, and a download button at the bottom.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API for managing user inputs and state.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create the Upload Component**: Build a component that allows users to upload PDF files using a drag-and-drop interface or a file input.
3. **Build the Customization Panel**: Develop UI elements that allow users to input text for the cover page, select font sizes, and colors.
4. **Implement PDF Preview**: Integrate a PDF viewer component that displays the uploaded PDF with the newly created cover page.
5. **Download Functionality**: Code the logic to merge the cover page with the original PDF and provide a download link for the finalized file.
6. **User Support Section**: Create a simple FAQ page and contact form for user assistance.

## USER EXPERIENCE
Users will be greeted with a straightforward upload interface where they can drag and drop their PDF files. After uploading, they will have access to a customization panel to personalize their cover. They can preview their cover before downloading it, ensuring the final output aligns with their expectations. The design will prioritize usability with clear buttons and a responsive layout for a seamless experience on both desktop and mobile devices.