Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project aims to create a web application that allows users to generate fake Roblox gift cards. It will serve as a fun tool for users to simulate the experience of receiving Roblox gifts. The application will focus on a minimalist design to enhance user experience, ensuring that it is clean and easy to navigate.

## CORE FEATURES
1. **Gift Card Generator**: Users can input specific values to create a fake gift card, including card amount and card type.
2. **Preview Feature**: A live preview of the generated gift card will be displayed, allowing users to see what the final product will look like.
3. **Download Option**: Users can download the generated gift card as an image file.
4. **Share Functionality**: Users can share their generated gift cards on social media platforms directly from the app.
5. **User Instructions**: A dedicated section providing clear instructions on how to use the application and the purpose of the generated cards.

## 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 application will feature a single-page layout with a hero section at the top, followed by the gift card generator, a preview area, sharing options, and user instructions. Each component will be clearly separated with ample white space for clarity.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API (if needed for global state)

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript using Create React App or similar tools.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Basic Layout**: Implement the layout structure using Tailwind CSS, ensuring responsiveness and minimalism.
4. **Develop Core Features**:
   - Create the gift card generator form with input fields for amount and type.
   - Implement the preview feature using a component that dynamically displays the generated card.
   - Add functionality for the download option using a library like `html-to-image`.
   - Implement the share functionality using social media sharing APIs.
5. **Add User Instructions**: Create a section that clearly explains how to utilize the application.
6. **Test the Application**: Ensure all features work seamlessly and optimize for different screen sizes.

## USER EXPERIENCE
Users will land on a clean homepage with a brief introduction and a prominent call-to-action to start generating gift cards. The generator form will be straightforward, with clear labels and examples. After entering the desired values, users will instantly see a preview of their card, with buttons for downloading and sharing positioned intuitively. The user instructions will be easily accessible, providing support for any questions users might have, all while maintaining a consistent and minimalist design throughout the application.