Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to showcase and sell bohemian style dresses in Hat Yai, Thailand. The application will provide users with a seamless shopping experience, highlighting the unique features of the dresses while ensuring easy navigation and purchase options.

## CORE FEATURES
1. **Product Catalog**: A visually appealing display of bohemian dresses, allowing users to browse by categories such as size, color, and style.
2. **Product Details Page**: Each dress will have a dedicated page with high-quality images, detailed descriptions, pricing, and customer reviews.
3. **Shopping Cart**: Users can add items to their cart, modify quantities, and proceed to checkout effortlessly.
4. **User Authentication**: Allow users to create accounts, log in, and manage their orders and preferences.
5. **Contact Page**: A simple contact form for inquiries, along with social media links and store location information.
6. **Responsive Design**: The application will be fully responsive, ensuring a great experience on both desktop and mobile devices.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design with a clean, simple layout that emphasizes white space and typography to create an elegant browsing experience.
- **Color Mode**: Light theme featuring dark text on light backgrounds to enhance readability and visual comfort.
- **Layout**: A structured single-column layout for product listings with a sticky navigation bar at the top for easy access to categories and the shopping cart. Each product will be displayed in a grid format.
- **Typography**: Use a sans-serif font for headings and a serif font for body text to create a contrast that enhances readability. Suggested fonts include 'Montserrat' for headings and 'Merriweather' for body text.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript to ensure robust and type-safe development.
- **Styling**: Tailwind CSS for utility-first styling to facilitate a responsive and flexible design.
- **UI Components**: Utilize shadcn/ui for pre-built UI components that align with the minimalist aesthetic.
- **State Management**: Use React Context API for managing global state (e.g., user authentication and shopping cart data).

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout**: Develop the main layout structure, including the navigation bar and footer.
3. **Build Product Catalog**: Create a component to fetch and display a list of bohemian dresses from a mock API.
4. **Implement Product Details Page**: Develop a page that displays detailed information for each dress and allows users to add items to the cart.
5. **Set Up Shopping Cart**: Implement a shopping cart feature that allows users to view items, update quantities, and proceed to checkout.
6. **User Authentication**: Integrate a simple authentication mechanism using Context API for managing user sessions.
7. **Create Contact Form**: Develop a contact page with a form for user inquiries and integrate it with an email service.
8. **Responsive Testing**: Test the application across different devices to ensure a seamless user experience.

## USER EXPERIENCE
Users will land on the product catalog page, where they can easily browse through the dresses. Clicking on a dress will take them to the product details page, where they can view images, read descriptions, and add items to their cart. The navigation menu will allow them to switch between the catalog and contact page seamlessly. The checkout process will be straightforward, guiding users through account creation or login if needed, ensuring a smooth purchasing experience.