Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Develop a fully functional e-commerce web application for natural-lavde.com, leveraging Shopify as the backend platform. The primary focus is to create a cohesive visual identity and user experience that mimics the successful elements of Freshly Cosmetics while ensuring an intuitive shopping journey for customers.

## CORE FEATURES
1. **Homepage Design**: A visually appealing homepage that mirrors the layout and visual hierarchy of Freshly Cosmetics, featuring a prominent hero section, brand messaging, and direct links to product categories.
2. **Product Pages**: Detailed product pages that include technical specifications, high-quality image galleries, descriptive content, variant options (size, color), and prominent "Add to Cart" buttons for seamless purchasing.
3. **Category Pages**: Organized product categories featuring filter options (by relevance, price, popularity) and a grid view layout to enhance product browsing.
4. **Intuitive Navigation**: A clear and consistent navigation system that allows users to easily explore different sections of the site, ensuring straightforward access to products and information.
5. **Shopify Integration**: Complete integration with Shopify for efficient inventory management, secure payment processing, and order tracking.
6. **Responsive Design**: A mobile-friendly interface that provides an optimal shopping experience across all devices.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, a minimal color palette centered around the corporate colors, and a focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds, ensuring readability and a pleasant user experience.
- **Layout**: A structured layout that prioritizes product visibility, featuring a hero section at the top, followed by product categories, highlighted products, and a footer with essential links.
- **Typography**: Use modern sans-serif fonts for headings and body text, establishing a clear hierarchy with larger font sizes for headings and standard sizes for body content.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript to facilitate a robust and scalable application.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid design adjustments and a responsive layout.
- **UI Components**: Utilize shadcn/ui components to ensure a consistent and visually appealing user interface.
- **State Management**: Implement Redux or Context API if necessary for managing application state, particularly for cart functionalities.

## IMPLEMENTATION STEPS
1. **Setup Shopify Store**: Create a Shopify account and establish the basic store structure, including product listings and inventory management.
2. **Theme Customization**: Design a custom Shopify theme based on the specified visual identity, incorporating the corporate color palette and minimalist design principles.
3. **Homepage Development**: Build the homepage layout, ensuring alignment with the visual and functional aspects of Freshly Cosmetics.
4. **Product Page Creation**: Develop individual product templates that include all required features, ensuring that users can view all necessary product information and options.
5. **Category Page Setup**: Organize products into categories with appropriate filters and sorting options, enhancing the shopping experience.
6. **Navigation Implementation**: Establish a coherent navigation structure that connects all sections of the website, allowing users to find products easily.
7. **Testing and Optimization**: Conduct thorough testing across devices to ensure responsiveness and usability, making adjustments as needed before launch.

## USER EXPERIENCE
The user experience should prioritize ease of navigation and accessibility. Users will start on the homepage, where they can quickly access featured products and categories. Product pages will provide comprehensive information, allowing customers to make informed purchasing decisions with minimal clicks. The checkout process will be straightforward, leveraging Shopify’s secure payment options to ensure trust and satisfaction. Responsive design will guarantee a seamless experience, whether on desktop or mobile devices.