Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to serve as a personal stylist platform inspired by Kate Middleton's current fashion style. The application will allow users to browse a curated lookbook and find affordable pieces on Amazon that match those styles. It aims to simplify the process of discovering and purchasing stylish outfits while providing a clean and engaging user experience.

## CORE FEATURES
1. **Lookbook Gallery**: A visually appealing gallery showcasing various outfits inspired by Kate Middleton, allowing users to explore different styles.
2. **Outfit Details**: Each look will have a dedicated page with descriptions, styling tips, and links to purchase similar items on Amazon.
3. **Search Functionality**: Users can search for specific styles or keywords to quickly find outfits that resonate with their personal taste.
4. **User Favorites**: Users can save their favorite outfits to a personal collection for easy access and shopping later.
5. **Responsive Design**: A mobile-friendly layout that ensures users have a seamless experience on any device.
6. **Contact & Feedback Form**: A simple form for users to submit questions or feedback about the application or styles.

## 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 the logo and navigation, a hero section showcasing featured looks, followed by the lookbook gallery, and ending with a footer containing contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand for managing user favorites and search results

## IMPLEMENTATION STEPS
1. **Set up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Design the Layout**: Create the main layout components including Header, Hero, Lookbook Gallery, and Footer.
3. **Develop the Lookbook Component**: Implement the Lookbook Gallery to display outfits using Tailwind CSS for styling.
4. **Add Search Functionality**: Create a search bar component that filters the outfits based on user input.
5. **Implement Outfit Detail Pages**: Develop individual pages for each outfit that include links to Amazon for easy purchasing.
6. **Add User Favorites Feature**: Implement state management to allow users to save their favorite looks and manage their collection.
7. **Responsive Testing**: Ensure all components are responsive and test on various devices to optimize user experience.
8. **Deploy the Application**: Use a platform like Vercel or Netlify for deployment.

## USER EXPERIENCE
Users will start by landing on a clean homepage featuring the hero section with a prominent call to action. They can scroll through the lookbook gallery, click on outfits to see detailed information, and use the search bar to find specific styles. The ability to save favorites enhances user engagement, allowing them to curate their style preferences efficiently. The overall design ensures that the application is easy to navigate, visually appealing, and provides a delightful shopping experience.