Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to build a web application for purchasing iOS WhatsApp stickers. The app will allow users to browse, purchase, and download a variety of sticker packs designed for use in WhatsApp. The focus will be on a streamlined user experience that promotes quick and easy transactions while maintaining a clean and minimalist design.

## CORE FEATURES
1. **Sticker Pack Browsing**: Users can easily browse through a collection of sticker packs with options to filter by categories such as popularity, new arrivals, or themed packs.
2. **Secure Payment System**: Integration of a secure payment gateway allowing users to purchase sticker packs using various payment methods.
3. **Download & Integration**: After purchase, users can download their sticker packs directly to their iOS devices and integrate them seamlessly into WhatsApp.
4. **User Accounts**: Users can create accounts to manage their purchases, download history, and favorite sticker packs.
5. **Search Functionality**: A powerful search bar to help users find specific sticker packs based on keywords or themes.
6. **User Reviews & Ratings**: Allow users to leave reviews and ratings for sticker packs, enhancing community interaction and helping others make purchase decisions.

## 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 header with the app logo and navigation, a hero section showcasing featured sticker packs, a grid layout for browsing sticker packs, a footer with contact information and links to social media.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (for user accounts and sticker pack management)

## IMPLEMENTATION STEPS
1. **Project Setup**: Initialize a new React project with TypeScript and set up Tailwind CSS for styling.
2. **Create Basic Layout**: Implement the main layout structure including header, hero section, and footer using Tailwind CSS for styling.
3. **Build Sticker Pack Browsing Feature**: Create a component to display sticker packs in a grid format, using mock data initially for testing.
4. **Integrate Payment Gateway**: Add a secure payment gateway (like Stripe or PayPal) for processing transactions.
5. **User Account System**: Implement user authentication and account management, allowing users to register, log in, and manage their purchases.
6. **Download Functionality**: Set up the backend to handle downloads and ensure that purchased sticker packs are available for users after payment.
7. **Implement Reviews and Ratings**: Create a component for users to leave reviews and ratings for sticker packs.
8. **Testing and Debugging**: Thoroughly test the application across different devices to ensure responsiveness and functionality.
9. **Deployment**: Deploy the application to a hosting service and ensure all features function correctly in a live environment.

## USER EXPERIENCE
Key user interactions include smooth navigation through sticker packs, quick access to purchase options, and straightforward account management. Users will experience a seamless flow from browsing to checkout, with clear calls to action guiding them through the purchasing process. The minimalist design will ensure that users can focus on the content without distractions, enhancing overall satisfaction and encouraging repeat visits.