Lovable Prompt Creator - AI Prompt Generator

> ## APPLICATION OVERVIEW
The application is a web app designed for the real estate sector, allowing users to manage property listings efficiently. Users can register products with basic information, upload project materials, and generate personalized landing pages for each product. The app also facilitates lead management by enabling users to create shareable links for customers, tracking engagement with the product information.

## CORE FEATURES
1. **Product Registration**: Users can input basic details about properties, including name, description, and upload relevant project documentation (e.g., brochures).
2. **Landing Page Generation**: Automatically create customizable landing pages for each registered product, showcasing key details and materials.
3. **Lead Management**: Users can fill in customer names and WhatsApp numbers to generate unique, shareable links that direct leads to their respective product landing pages.
4. **Engagement Tracking**: The app tracks customer interactions with the landing pages, providing insights on views, downloads, and other metrics.
5. **User Dashboard**: A management page where users can view all products, lead interactions, and access analytics for informed decision-making.

## 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 layout will be structured with a top navigation bar, a hero section for product highlights, a content area for product listings, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux for managing application state (if complex state management is required).

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary packages (React Router, Tailwind CSS, Redux).
2. **Design UI Components**: Create reusable UI components such as buttons, cards, and input fields using Tailwind CSS, adhering to the specified design specifications.
3. **Develop Core Features**:
   - Implement the product registration form with input validation.
   - Create a function to generate landing pages dynamically based on product details.
   - Set up a lead management system that generates and tracks shareable links.
4. **Integrate State Management**: Use Redux to manage the application's state, especially for products and leads.
5. **Implement Engagement Tracking**: Develop a system to log user interactions with landing pages and provide analytics in the user dashboard.
6. **Testing and Refinement**: Conduct user testing to gather feedback and refine the app’s functionality and design.

## USER EXPERIENCE
The user journey begins on a clean and intuitive dashboard where they can easily navigate to register new products. Once a product is registered, the user can generate a landing page and share it via WhatsApp. The app provides immediate feedback on the status of the shared links, allowing users to see how many customers interacted with their product. The design emphasizes usability with a straightforward interface, making it easy for real estate professionals to manage their offerings and leads effectively.