Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
"Benchmark AI" is a web application designed to provide intelligent competitive analysis across various business categories. Users can input a specific business type, and the application generates a comprehensive benchmark report that includes local, national, and international competitors, social media analytics, content strategies, visual benchmarks, and more.

## CORE FEATURES
1. **Competitor Analysis**: Users can view lists of main competitors, including leading brands and emerging businesses in specified categories and regions.
2. **Social Media Metrics**: The app analyzes competitors' social media presence across platforms like Instagram, TikTok, and Facebook, providing insights on followers, engagement, and content type.
3. **Visual Benchmarking**: Users can access visual references, including logos and campaign highlights, to understand effective branding strategies in the industry.
4. **Trend Identification**: The application identifies current trends within the specified industry, helping users stay ahead of market changes.
5. **Comparative Tables**: Users can view automated comparison tables showcasing key metrics like followers and engagement for selected brands.
6. **Strategic Recommendations**: The app generates actionable recommendations based on the analysis, tailored to help users differentiate their businesses.

## 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 structure will feature a top navigation bar, a hero section with input fields, followed by sections for competitor analysis, social media metrics, visual benchmarks, and recommendations, all organized in a clean, easy-to-navigate manner.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (optional, depending on complexity)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for component styling.
2. **Create Components**: Develop components for the header, input forms, competitor list, social media metrics display, trend insights, and strategic recommendations.
3. **Integrate AI Analysis**: Implement the OpenAI API to process user inputs and generate competitive analysis data.
4. **Design the Dashboard**: Organize the layout with a focus on responsive design, ensuring a seamless experience on various devices.
5. **Implement Data Visualization**: Utilize libraries for displaying data comparisons and trends in a visually appealing manner.
6. **Testing**: Conduct thorough testing to ensure functionality, usability, and performance.

## USER EXPERIENCE
Users will begin by entering a business category into the input field. They will then select the desired country and city, followed by the type of benchmark they wish to generate (local or international). The application will process this input and provide a dashboard displaying competitor insights, social media analytics, visual branding examples, and strategic recommendations. Users will be able to interact with the data through comparative tables and visual representations, making it easy to derive actionable insights for their business strategies.