Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The Smart SMM Panel is a web application designed to automate the purchase of social signals like followers, likes, views, and comments for creators, influencers, and agencies. This centralized platform acts as an automated marketplace, allowing users to bulk-buy and manage engagement metrics across popular social media platforms like Instagram, YouTube, and TikTok. The primary goal is to enhance user engagement and visibility on these platforms efficiently.

## CORE FEATURES
1. **User Authentication**: Secure sign-up and login functionality for users to manage their accounts and purchases.
2. **Marketplace Dashboard**: A centralized interface displaying available social signals for purchase, including detailed metrics and pricing.
3. **Bulk Purchase Options**: Functionality to allow users to select and buy multiple social signals at once, streamlining the purchasing process.
4. **Analytics Dashboard**: A visual representation of engagement metrics across platforms, helping users track the effectiveness of their purchases.
5. **Order Management**: Users can view their purchase history, manage ongoing orders, and track delivery statuses.
6. **Payment Integration**: Secure payment processing for transactions, supporting multiple payment methods to enhance user convenience.

## 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 navigation bar at the top, a hero section for key messaging, followed by sections for features, analytics, and user account management, all organized in a grid layout to ensure clarity and ease of use.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (or Context API as an alternative)

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Create a new React project using Create React App with TypeScript. Install Tailwind CSS and configure it.
2. **Create the Navigation Component**: Build a responsive navigation bar using Tailwind CSS that links to different sections of the application.
3. **Implement User Authentication**: Integrate Firebase Authentication or a similar service for user sign-up and login functionality.
4. **Develop the Marketplace Dashboard**: Create a dashboard component that fetches available social signals from a mock API and displays them in a grid format.
5. **Build the Analytics Dashboard**: Use chart libraries like Chart.js or Recharts to visualize engagement metrics for users.
6. **Create Order Management Functionality**: Implement a component where users can view their order history, track statuses, and manage their purchases.
7. **Integrate Payment Processing**: Utilize a payment gateway like Stripe or PayPal to handle payments securely.
8. **Responsive Design Testing**: Ensure that the application looks great on all devices, adjusting styles as necessary.

## USER EXPERIENCE
Users will interact with the application by first signing up or logging in to their accounts. Upon accessing the dashboard, they will see a clean overview of available social signals for purchase. They can easily select multiple items, view their total cost, and proceed to payment. After purchases, users can navigate to the analytics section to monitor engagement metrics, providing them with insights into their social media performance. The overall experience should be seamless, encouraging users to return for future purchases.

This comprehensive prompt outlines a functional minimalist application that aligns with the user's vision for a Smart SMM Panel.