Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to streamline the process of writing PR notes. Users can input project and announcement information, including client details, agency name, quotes from both the agency and client, and preferred writing styles. The application aims to enhance productivity and ensure consistent messaging across PR communications.

## CORE FEATURES
1. **Input Forms**: Users can easily enter project info, announcement details, client names, agency names, and quotes through intuitive forms.
2. **Writing Style Selector**: A feature that allows users to choose from various writing styles to match their branding and communication standards.
3. **Preview Functionality**: Users can preview their PR notes in real-time as they fill out the input fields, ensuring they can see how the final output will look.
4. **Template Library**: A collection of pre-defined templates for different types of announcements to help users kickstart their writing process.
5. **Export Options**: Users can export the completed PR notes in various formats such as PDF or Word, making it easy to share with stakeholders.
6. **User Accounts**: Option for users to create accounts to save their projects and notes for future reference.

## 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 header with navigation, a large hero section to explain the app's purpose, followed by features in card format, a testimonials section, and a CTA for user sign-up or demo request.

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

## IMPLEMENTATION STEPS
1. **Set Up the Development Environment**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui components, and any other required libraries.
3. **Create the Layout**: Build the main layout with a header, hero section, features section, testimonials, and CTA using Tailwind CSS for styling.
4. **Develop Input Forms**: Create forms for users to input project details and select writing styles.
5. **Implement Preview Functionality**: Set up state management to update the preview in real-time as users enter data.
6. **Build Template Library**: Create a simple library of PR note templates that users can select and modify.
7. **Export Functionality**: Implement export options for users to download their PR notes in selected formats.
8. **User Authentication**: If applicable, integrate authentication to allow users to create accounts and save their notes.

## USER EXPERIENCE
Users will have a seamless experience from the moment they land on the application. They will be welcomed by a clear hero section explaining the app's purpose. As they navigate through the input forms, they can easily fill out their information and see the results in real-time through the preview feature. The minimalist design ensures that users are not overwhelmed, allowing for focused interactions. The export options and template library further enhance usability, making it simple for users to generate high-quality PR notes efficiently.