Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a sophisticated e-commerce web application designed for a premium perfume brand, utilizing an immersive 3D environment to enhance the online shopping experience. The platform allows users to explore products in a virtual gallery setting, mirroring the elegance of physical retail while providing real-time inventory management and seamless online purchasing capabilities.

## CORE FEATURES
1. **3D Product Exploration**: Users can navigate a virtual space resembling a luxury boutique, allowing interaction with highly detailed 3D models of perfume bottles.
2. **Product Information Overlays**: Clicking on products reveals detailed information including high-resolution images, fragrance notes, and an "Add to Cart" button.
3. **Shopping Cart Functionality**: A persistent cart icon provides easy access for users to review selected items, adjust quantities, and proceed to checkout.
4. **Checkout Process**: A multi-step, user-friendly checkout experience that includes guest checkout options and secure payment integration with Stripe.
5. **Real-time Stock Availability**: Integration with Supabase allows users to check the availability of products in-store based on their location.
6. **User Account Management**: Users can create accounts to view order history, manage addresses, and save favorite products.

## 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 structure includes a full-screen 3D environment as the hero section, with an overlay for navigation and product details that seamlessly blends into the 3D experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building the user interface.
- **Styling**: Tailwind CSS for utility-first styling.
- **UI Components**: Use shadcn/ui for modular, reusable components.
- **State Management**: Zustand for managing global state, including user sessions and shopping cart data.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript support.
2. **Install Dependencies**: Add Tailwind CSS, Zustand, and other necessary libraries (e.g., Three.js or React Three Fiber for 3D rendering, Stripe for payment processing).
3. **Create Component Structure**: Define reusable components such as `ProductCard3D`, `ImmersiveScene`, `ShoppingCart`, and `UserAuthForm`.
4. **Develop 3D Environment**: Implement the immersive 3D scene using Three.js or React Three Fiber, ensuring dynamic interactions with product displays.
5. **Build UI Overlays**: Create glassmorphism-styled overlays for product information, navigation, and checkout processes.
6. **Integrate APIs**: Set up RESTful API connections for product data, inventory management, and payment processing with Stripe.
7. **Implement State Management**: Use Zustand to manage the application state, ensuring a smooth user experience across sessions.
8. **Optimize Performance**: Implement lazy loading for 3D assets, optimize images, and ensure high Lighthouse scores through best practices.

## USER EXPERIENCE
The user experience focuses on an intuitive navigation system through the immersive 3D environment, enabling users to explore products freely. Users can interact with the 3D models, revealing additional information and facilitating quick access to the shopping cart. The checkout process is streamlined and visually cohesive, ensuring users feel confident and secure throughout their purchasing journey. Keyboard navigation and accessibility features ensure compliance with WCAG 2.1 AA standards, enhancing usability for all users. 

This comprehensive prompt outlines a clear path to creating a luxurious and immersive online shopping experience that captivates users while ensuring functionality and performance.