Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed for a milk delivery service with a subscription model. It includes user authentication for customers, store admins, and delivery personnel, allowing for secure management of subscriptions, payment processing, and order notifications. The application aims to streamline milk delivery operations while providing a user-friendly experience for customers.

## CORE FEATURES
1. **User Authentication**: 
   - Customers, admin, and delivery personnel can log in using Google/email and OTP-based verification.
   
2. **Subscription Management**: 
   - Admins can create, modify, and cancel customer subscriptions. Customers can pause, resume, or extend their subscriptions with valid reasons.

3. **Payment Processing**: 
   - Integrate a secure payment gateway for processing subscription payments and promo codes.

4. **Delivery Notifications**: 
   - Send WhatsApp and email notifications to customers, admins, and delivery personnel regarding order status and delivery confirmation via OTP.

5. **Admin Dashboard**: 
   - Admins can manage products, modify subscription amounts, and view delivery statuses and customer interactions.

6. **Offers and Promotions**: 
   - Admins can create and manage promo codes for discounts on subscriptions.

## 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 easy access to different sections, a main content area displaying subscription details, a sidebar for admin functionalities, and a footer with contact information and links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux or Context API for managing global state.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies including Tailwind CSS and shadcn/ui.
2. **Create Authentication**: Implement user authentication using Firebase or a similar service, ensuring secure login and OTP verification.
3. **Develop Subscription Management**: Create components for managing subscriptions, allowing users to pause, resume, or modify their subscriptions.
4. **Integrate Payment Gateway**: Set up a payment gateway (like Stripe or PayPal) for processing payments and managing promo codes.
5. **Build Admin Dashboard**: Develop an admin dashboard with functionalities to manage subscriptions, products, and notifications.
6. **Implement Notification System**: Set up integration for sending WhatsApp and email notifications using a service like Twilio or SendGrid.
7. **Testing**: Conduct thorough testing of all functionalities, including authentication, payment processing, and notifications.

## USER EXPERIENCE
Users will experience a seamless journey starting from signing up or logging in through a simple interface. They can easily manage their subscriptions with intuitive buttons for pausing, resuming, or modifying subscriptions. Notifications will keep users informed about their delivery status, and admins will have a comprehensive dashboard to oversee the entire operation. The minimalist design will ensure that users stay focused on their tasks without distractions. 

This comprehensive prompt outlines the requirements and structure for developing a fully functional milk delivery web application that meets the user's vision.