Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is an e-commerce platform dedicated to selling country fashion products, such as boots and clothing. The store will feature a modern and elegant design, integrated with Shopify for seamless product management and transactions.

## CORE FEATURES
1. **Product Catalog**: A visually appealing display of country fashion items, including high-quality images, descriptions, and prices. Users can filter products by category (e.g., boots, clothing) and sort by popularity or price.
   
2. **Shopping Cart**: Users can add products to their cart, view items, adjust quantities, and proceed to checkout. The cart will be easily accessible throughout the shopping experience.

3. **User Accounts**: Customers can create accounts to save their information, view order history, and manage their personal details for a tailored shopping experience.

4. **Checkout Process**: A streamlined, user-friendly checkout process that integrates with Shopify for payment processing, ensuring a secure and efficient transaction experience.

5. **Responsive Design**: The application will be fully responsive, providing an optimal viewing experience across various devices, including desktops, tablets, and smartphones.

6. **Contact and Support**: A dedicated section for customer inquiries, including a contact form and links to social media channels, allowing users to reach out for support or follow the brand.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, allowing products to stand out. Focus on clear navigation and user-friendly interfaces.
  
- **Color Mode**: Light theme with dark text on light backgrounds, ensuring readability and a fresh, welcoming atmosphere.

- **Layout**: The main layout will feature a prominent hero section showcasing featured products or promotions at the top, followed by a grid layout for the product catalog, and sections for testimonials and contact information.

- **Typography**: Use a modern sans-serif font for headings (e.g., Montserrat) and a clean serif font for body text (e.g., Merriweather), creating a clear hierarchy with distinct sizes for titles, subtitles, and body text.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and type-safe development experience.
  
- **Styling**: Tailwind CSS for utility-first styling, allowing for quick and consistent design implementations.

- **UI Components**: Utilize components from shadcn/ui for a cohesive and visually appealing user interface.

- **State Management**: Use React Context API or a state management library like Redux if needed for managing user states and cart functionalities.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install dependencies for Tailwind CSS and shadcn/ui.
  
2. **Create Layout Components**: Develop the main layout structure, including the Header, Footer, and Main Content areas.

3. **Build Product Catalog**: Implement the product catalog component, integrating with Shopify's API to fetch product data and display it dynamically.

4. **Develop Shopping Cart Functionality**: Create the Shopping Cart component to manage added products, quantities, and total pricing.

5. **Implement User Authentication**: Set up user account creation and login functionalities using Shopify's authentication features.

6. **Design Checkout Flow**: Create the checkout page, integrating Shopify's checkout API for seamless payment processing.

7. **Responsive Design**: Ensure all components and pages are responsive and visually consistent across different devices.

8. **Test and Optimize**: Conduct thorough testing for usability, performance, and responsiveness, optimizing as necessary.

## USER EXPERIENCE
Key user interactions will include browsing through the product catalog, adding items to the shopping cart, and completing the checkout process. The design will prioritize ease of navigation, with clear calls to action and intuitive paths for users to find and purchase products. The responsive design will ensure that users have a seamless experience whether they are on a desktop or mobile device.