Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed as a price comparison and deal finder website in the Bulgarian language. It will serve as a search engine that aggregates products from multiple stores, allowing users to filter results by category, tag, store, and brand. The primary goal is to provide an intuitive and easy-to-use navigation experience while enabling users to access detailed product descriptions and purchase through affiliate links.

## CORE FEATURES
1. **Product Aggregation**: Integrate with external APIs to pull product data from various online stores, displaying all relevant information in one unified interface.
2. **Advanced Filtering**: Implement filters for categories, brands, stores, and tags to help users narrow down their search results efficiently.
3. **Affiliate Linking**: Provide clear buttons on product listings that direct users to affiliate links for purchasing products, ensuring a seamless transition from browsing to buying.
4. **User-Friendly Navigation**: Design a clean and straightforward navigation system that enhances user experience and encourages exploration of different product categories.
5. **Multi-Store Comparison**: Show price comparisons for the same product across different stores to help users find the best deals quickly.
6. **Mobile Responsiveness**: Ensure the application is fully responsive, providing an optimal experience across all device sizes.

## DESIGN SPECIFICATIONS
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs
- **Layout**: The main layout structure will consist of a top navigation bar, a hero section for search and featured products, followed by a grid layout to display products with filtering options on the sidebar.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Layout Components**: Develop the main layout components including the navigation bar, hero section, product grid, and filter sidebar.
4. **Integrate External API**: Set up API calls to fetch product data from external sources, ensuring proper handling of responses and errors.
5. **Implement State Management**: Use Redux Toolkit to manage product data and user filters for a responsive experience.
6. **Build Filtering Functionality**: Create filter components that allow users to select categories, brands, and stores, updating the displayed products dynamically.
7. **Link Affiliate Products**: Ensure that each product card has a button linking to the respective affiliate store for purchasing.
8. **Test Responsiveness**: Ensure that the application is responsive and works well on various devices and screen sizes.
9. **Optimize for SEO**: Implement best practices for SEO to ensure the website is indexed properly by search engines.

## USER EXPERIENCE
Users will land on the homepage featuring a prominent search bar and a selection of popular products. They can easily navigate through categories using the navigation bar at the top or filter products on the sidebar. When users click on a product, they will see detailed descriptions along with an affiliate link button for purchasing. The design will prioritize usability, ensuring users can find and compare products without unnecessary complexity. 

This comprehensive structure provides a clear roadmap for building a price comparison and deal finder website that meets the specified requirements while focusing on user experience and simplicity.