Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is an e-commerce platform designed for selling digital products, specifically subscription accounts for services like Netflix. It aims to provide users with a modern, technological, and dark aesthetic while focusing on simplicity and ease of use.

## CORE FEATURES
1. **Product Listings**: Display a variety of digital products with detailed descriptions, images, and pricing.
2. **Shopping Cart**: Allow users to add products to a cart, view the total price, and proceed to checkout.
3. **Coupon Codes**: Enable users to apply discount codes during the checkout process for promotional offers.
4. **User Registration/Login**: Implement user authentication to allow users to create accounts, log in, and manage their purchases.
5. **Order History**: Provide users with a section to view their past purchases and access their digital products.
6. **Contact Form**: Include a form for customer inquiries and support requests.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist with a clean and simple design that utilizes ample white space, focusing on clear typography and ease of navigation.
- **Color Mode**: Light theme with dark text on light backgrounds, ensuring high readability and a modern feel.
- **Layout**: A responsive grid layout for product listings, with a fixed header for navigation that includes links to the cart, user account, and contact page.
- **Typography**: Use modern sans-serif fonts such as 'Roboto' or 'Open Sans' for body text, with larger, bolded headers to create a clear hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for type safety and component-based architecture.
- **Styling**: Tailwind CSS for utility-first styling, allowing for quick and consistent design adjustments.
- **UI Components**: Utilize shadcn/ui for pre-designed components that follow the minimalist aesthetic.
- **State Management**: Use React Context or Redux to manage application state, particularly for the shopping cart and user authentication.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (React, Tailwind CSS, shadcn/ui).
2. **Design Layout**: Create a responsive layout using Tailwind CSS, ensuring it adapts to various screen sizes.
3. **Build Core Features**:
   - Develop product listing pages with dynamic data fetching.
   - Implement the shopping cart functionality, including add/remove items and total calculation.
   - Create the coupon code input and validation logic.
   - Set up user authentication flows (registration, login, and session management).
4. **Integrate Order History**: Create a user account page where users can view their past purchases.
5. **Implement Contact Form**: Build a functional contact form that collects user inquiries and sends them to a dedicated email or backend service.
6. **Testing and Deployment**: Perform thorough testing of all features and deploy the application using a service like Vercel or Netlify.

## USER EXPERIENCE
Users will have a seamless experience starting from the landing page, where they can browse digital products with clear images and descriptions. They can easily add items to their cart, apply discount codes, and proceed to a straightforward checkout process. User registration and login will allow for easy management of accounts and orders, while the contact form provides direct support options for any inquiries. The overall design will ensure that users can navigate the site intuitively, enhancing satisfaction and encouraging repeat visits.