Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application that serves as a cake topper generator, allowing users to create and customize printable cake toppers with varying complexities from simple 2D designs to more intricate 3D models. The main purpose is to provide a user-friendly interface for designing unique cake toppers that can be easily printed for various occasions.

## CORE FEATURES
1. **User-Friendly Design Interface**: An intuitive canvas where users can select templates, customize colors, and add text or images for their cake toppers.
2. **Theme Selection**: Options for users to choose between simple 2D designs and more complex 3D models, catering to different preferences and occasions.
3. **Preview Functionality**: Users can preview their designs in real-time, ensuring they are satisfied before downloading the final product.
4. **Download Options**: Users can download their creations in high-resolution formats suitable for printing.
5. **Save and Share Designs**: Users can save their designs for future editing or share them directly via social media.
6. **Help and Tutorials**: Integrated help section with tutorials on how to use the generator and tips for creating the best cake toppers.

## 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 layout will feature a top navigation bar for theme selection, a central design canvas for the cake topper, side panels for customization options, and a footer with download and help links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui for reusable components.
- **State Management**: Zustand for managing design state and user interactions.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install required dependencies (Tailwind CSS, Zustand, shadcn/ui).
2. **Create Layout Structure**: Design the main layout using Tailwind CSS, ensuring a responsive design that works across devices.
3. **Build Design Canvas**: Implement the central design canvas where users can interact with the cake topper generator, using HTML5 canvas or SVG for rendering designs.
4. **Develop Theme Selection**: Create a component for users to select between 2D and 3D themes, updating the canvas accordingly.
5. **Implement Customization Options**: Add functionalities for users to change colors, add text, and upload images, with real-time previews of changes.
6. **Download Functionality**: Implement a feature that allows users to download their designs in a printable format.
7. **Save and Share**: Develop the ability for users to save their designs and share them on social media platforms.
8. **Help Section**: Create a dedicated help section with tutorials and tips for users.

## USER EXPERIENCE
Users will start by selecting a theme for their cake topper from the top navigation. They will then be directed to the design canvas, where they can customize their topper using a variety of tools provided on the side panels. As they make changes, they will see real-time updates on the canvas. Once satisfied, they can preview their design, save it for later, or download it for printing. The help section will guide new users through the process, making it easy for anyone to create beautiful cake toppers.