Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
FABZ is a web application designed to serve as a centralized e-commerce platform that aggregates items from popular online retailers like Flipkart, Amazon, Blinkit, and Zepto. Users can select products from different e-commerce sites and have them delivered to their chosen location through FABZ’s local stations, ensuring instant delivery and a seamless shopping experience.

## CORE FEATURES
1. **Product Aggregation**: Users can browse and search for items from multiple e-commerce platforms in one place, making it easy to compare prices and products.
2. **Local Stations**: Users can select from various FABZ stations for quick pick-up or delivery, enhancing convenience and reducing delivery times.
3. **Instant Delivery**: Partnering with local delivery services, FABZ offers instant delivery options for selected products, ensuring freshness and timeliness.
4. **User Accounts**: Customers can create and manage accounts to track orders, save favorite items, and receive personalized recommendations.
5. **Secure Payment Options**: The app supports various payment methods, including credit/debit cards, net banking, and wallets, ensuring a secure checkout process.
6. **Promotions & Discounts**: Users can view current promotions and discounts available across different retailers, allowing them to save while shopping.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design emphasizing clean lines, ample white space, and a straightforward user interface that prioritizes usability.
- **Color Mode**: Light theme featuring a minimal color palette, primarily using soft whites and light grays for backgrounds, with dark text for easy readability.
- **Layout**: A grid layout for product displays, with a top navigation bar for easy access to different sections, a prominent search bar, and clear categorization of products.
- **Typography**: Use of sans-serif fonts like 'Roboto' for body text and a slightly bolder font for headings to create a clear typographic hierarchy. Ensure sufficient font size for readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and type-safe development experience.
- **Styling**: Tailwind CSS for efficient and responsive styling, allowing for quick adjustments and consistent design.
- **UI Components**: Utilize shadcn/ui for a collection of pre-designed components that align with the minimalist aesthetic.
- **State Management**: Consider using React Context API or Zustand for state management to handle user sessions and product selections.

## IMPLEMENTATION STEPS
1. **Set Up the Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Design the Layout**: Create the main layout structure with a header, footer, and main content area utilizing Tailwind CSS for responsive design.
3. **Implement Navigation**: Build a navigation bar that includes links to different product categories and a search functionality.
4. **Create Product Components**: Develop reusable components for displaying products, including features for adding items to the cart and viewing product details.
5. **Integrate Local Station Selection**: Add functionality for users to choose their preferred FABZ station for delivery or pick-up.
6. **Set Up User Authentication**: Implement user account management features, including sign-up, login, and profile management.
7. **Implement Payment Gateway**: Integrate a secure payment processing solution to handle transactions efficiently.
8. **Test the Application**: Conduct thorough testing for functionality, usability, and responsiveness across different devices.

## USER EXPERIENCE
Users will experience a streamlined shopping journey that begins with an easy-to-navigate landing page featuring a search bar and highlighted promotions. They can effortlessly browse products, filter by categories, and view detailed product descriptions. The checkout experience is simple, allowing for quick payment and selection of delivery methods. After placing an order, users receive real-time updates on their delivery status, ensuring they remain informed throughout the process.