Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is an e-commerce web application focused on selling handmade artisanal soaps in Spain. The site will feature a user-friendly interface that allows customers to browse products categorized by skin type, gift kits, therapeutic options, and ingredients. The aim is to provide a warm, homey feel while ensuring a smooth shopping experience.

## CORE FEATURES
1. **Homepage**: A welcoming introduction showcasing featured products, promotions, and a brief overview of the brand's values.
2. **Product Store**: A categorized section displaying all soaps, with filters for skin type, age group, and main ingredients.
3. **Shopping Cart**: Users can add products, view their selections, adjust quantities, and proceed to checkout.
4. **User Authentication**: Secure login and registration system for users to manage their accounts and track orders.
5. **About Us Page**: Information about the brand's story, mission, and the artisanal process behind the soaps.
6. **Policies Page**: A dedicated section for privacy and refund policies to ensure transparency and build trust with customers.

## 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 will be a single-page scroll design with a hero section, product categories, featured products, and footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux (optional, for managing global state if needed).

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React project with TypeScript using Create React App.
2. **Install dependencies**: Add Tailwind CSS for styling and shadcn/ui for UI components.
3. **Create the folder structure**: Organize components, pages, and assets into a clear directory structure.
4. **Develop the Homepage**: Implement the hero section and featured products using responsive components.
5. **Build the Product Store**: Create a product listing page with categories and filters.
6. **Implement the Shopping Cart**: Develop the cart functionality allowing users to add, remove, and update product quantities.
7. **User Authentication**: Set up login and registration forms with validation.
8. **Add About Us and Policies Pages**: Create content-rich pages providing details about the brand and its policies.
9. **Test Responsiveness**: Ensure the application works seamlessly on various devices and screen sizes.
10. **Deploy the application**: Host the application on a suitable platform, ensuring it is accessible across Spain.

## USER EXPERIENCE
Users will experience a straightforward navigation flow starting from the homepage, where they can easily find products through intuitive categories. The shopping cart will be easily accessible, allowing for quick adjustments before checkout. The user authentication process will be smooth, ensuring users can manage their accounts effortlessly. The overall design will create a welcoming atmosphere that encourages exploration and purchase, aligning with the brand's artisanal and homey ethos.