Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application focused on showcasing a luxury fashion collection inspired by high-end brands like Hermes, Prada, Gucci, and Louis Vuitton. The application will feature a minimalist design that emphasizes product presentation while incorporating analytics for user engagement and direct communication links through social media platforms.

## CORE FEATURES
1. **Product Showcase**: A visually appealing gallery that displays the product collection with high-quality images, descriptions, and prices.
2. **Direct Links**: Integration of direct links to Telegram, Instagram, and WhatsApp for seamless communication with customers.
3. **Analytics Dashboard**: A dedicated page that tracks user visits, views, and interactions, providing insights into user behavior and product performance.
4. **Contact Form**: An easy-to-use contact form for inquiries and feedback, which will collect user information and preferences.
5. **Responsive Design**: Optimized for all devices ensuring that images and content are displayed correctly in both landscape and portrait modes.

## 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 consist of a hero section at the top, followed by a product showcase grid, an analytics overview section, and the contact form at the bottom.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Layout Structure**: Implement the main layout with a hero section, product grid, analytics dashboard, and contact form.
4. **Integrate Product Data**: Utilize the uploaded collection data to populate the product showcase.
5. **Implement Direct Links**: Add social media buttons for Telegram, Instagram, and WhatsApp with appropriate links.
6. **Build Analytics Dashboard**: Create a page to display user visit statistics and product interactions.
7. **Testing**: Conduct thorough testing to ensure proper display of images and responsiveness across devices.
8. **Deploy**: Prepare the application for deployment and ensure all links and functionalities are working as intended.

## USER EXPERIENCE
Users will land on a visually engaging homepage featuring a hero image of the collection. They can easily navigate through the product showcase, using intuitive filters or categories. Direct links for communication are readily accessible, enhancing user engagement. The analytics dashboard will provide insights into traffic and user interactions, allowing for informed marketing and inventory decisions. The contact form will be straightforward, encouraging users to reach out with ease, fostering a connection with the brand. 

This comprehensive prompt will guide the development of a functional and stylish web application that meets your vision and requirements.