Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for a clothing website that features a minimalist aesthetic with a pink theme. The main purpose is to provide users with an engaging shopping experience while offering tutorials, product information, and a seamless way to contact the business.

## CORE FEATURES
1. **Home Page**: A visually appealing landing area showcasing featured products, latest tutorials, and promotions to capture user interest.
2. **Contact Page**: A functional contact form that allows users to send messages directly to the owner's email, ensuring easy communication.
3. **Tutorials/Products Page**: A dedicated section for tutorials and product information, providing users with valuable insights and enhancing their shopping experience.
4. **User Authentication**: A signup and login system that enables users to create accounts, manage their profiles, and save their favorite items.
5. **Shopping Cart**: An integrated cart feature that allows users to add products, view their selections, and proceed to checkout.
6. **Responsive Design**: The application will be fully responsive, ensuring an optimal viewing experience across all devices, including mobile.

## 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 feature a header with navigation links, a hero section on the home page, followed by content sections for features and tutorials, and a footer with contact information and site credits.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (or any preferred state management solution)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Build reusable components for the header, footer, product cards, and forms.
3. **Design Pages**:
   - Develop the Home Page with a hero section, featured products, and links to tutorials.
   - Create the Contact Page with a functional form that sends messages to the specified email.
   - Implement the Tutorials/Products Page with content display.
4. **Integrate Authentication**: Set up user login/signup functionality and manage user sessions.
5. **Implement Shopping Cart**: Create the cart system to manage product selections and checkout processes.
6. **Ensure Responsiveness**: Use CSS media queries and responsive design principles to adapt the layout for mobile devices.
7. **Testing**: Test all links, images, forms, and functionalities to ensure everything works as intended.
8. **Deployment**: Publish the site on a hosting platform and ensure it is accessible on the web.

## USER EXPERIENCE
Users will begin their journey on the Home Page, where they can easily navigate to product listings, tutorials, or contact support. The contact form will provide a straightforward way to reach out for inquiries. Upon logging in, users can save their favorite products and manage their shopping cart, ensuring a smooth and enjoyable shopping experience. The design will emphasize simplicity and clarity, guiding users effortlessly through the website. 

This comprehensive prompt will help you create a fully functional minimalist light application that aligns with your vision for the clothing website.