Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to allow users to create digital postcards by uploading images. The postcards are then printed and shipped by a service. The application will feature a cheerful and fresh design, accommodating both light and dark modes to enhance user experience.

## CORE FEATURES
1. **Postcard Creation**: Users can upload images and customize their postcards with text and design elements.
2. **Preview Functionality**: A real-time preview of the postcard allows users to see their design before finalizing it.
3. **Order Processing**: Integration with a printing service to handle the printing and shipping of postcards directly from the application.
4. **User Accounts**: An optional account feature where users can save their designs and order history for future reference.
5. **Dark Mode Toggle**: A switch to toggle between light and dark modes for user comfort.
6. **Contact Form**: A simple contact form for user inquiries and support.

## 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 include a hero section at the top, followed by features, a preview area, and a contact form at the bottom. Each section will be clearly defined with ample spacing.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui for streamlined component design.
- **State Management**: Redux for managing user state and postcard data if necessary.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (React, Tailwind CSS, shadcn/ui).
2. **Create Layout Components**: Build the main layout structure including the Hero, Features, Preview, and Contact sections.
3. **Develop Postcard Creation Feature**: Implement the image upload functionality and allow users to customize their postcards.
4. **Implement Preview Functionality**: Create a component to display the postcard design in real time.
5. **Integrate Order Processing**: Set up backend services to handle the printing and shipping of postcards.
6. **Add User Account Feature**: Create user authentication and account management functionalities if needed.
7. **Implement Dark Mode Toggle**: Use a state management solution to allow users to switch between light and dark modes.
8. **Set Up Contact Form**: Create a simple form to collect user inquiries and integrate it with a service for email handling.

## USER EXPERIENCE
Users will have an intuitive experience starting from the landing page, where they can easily navigate to create their postcards. The design will guide them through uploading images, customizing their designs, and previewing their postcards. The dark mode option will provide comfort during late-night usage, while the contact form will facilitate easy communication for support. The overall flow will be designed to maximize engagement and ease of use.