Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a comprehensive web application designed to serve as a premium ASO (App Store Optimization) intelligence platform. It will target mobile app developers, marketers, and ASO specialists, providing them with actionable insights from app store data. The application will feature a sophisticated dashboard experience alongside a polished public landing page to effectively communicate the platform's capabilities and drive conversions.

## CORE FEATURES
1. **Interactive Keyword Intelligence**: Users can search for keywords, view search volume scores, keyword difficulty, opportunity scores, and competitor rankings in real-time to make informed decisions.
   
2. **Competitor Analysis Dashboard**: This feature allows users to compare their apps against competitors, showcasing app power, ratings, reviews, and shared keywords for strategic insights.
   
3. **Opportunity Intelligence**: Users will receive prioritized recommendations based on keyword metrics, highlighting quick wins and growth opportunities tailored to their apps.
   
4. **Comprehensive Market Intelligence**: Users can explore app ecosystems by country, including tracked developers, applications, and category activities, providing a global perspective on app performance.
   
5. **AI ASO Advisor**: An interactive AI-driven assistant that interprets data and provides actionable recommendations, helping users optimize their ASO strategies effectively.
   
6. **Custom Reporting**: Users can create tailored reports on keyword performance, competitor comparisons, and overall ASO performance to share with teams or stakeholders.

## 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 utilize a responsive grid system, featuring a collapsible sidebar for navigation on the dashboard, generous whitespace between elements, and a clear visual hierarchy to guide users through the content.

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

## IMPLEMENTATION STEPS
1. **Set Up Project Environment**:
   - Initialize a new React project with TypeScript.
   - Install Tailwind CSS and configure it for the project.
   - Set up shadcn/ui for UI components.

2. **Create Core Components**:
   - Develop reusable components such as MetricCard, KeywordTable, and FilterBar.
   - Establish a centralized design system for consistent styling.

3. **Build the Landing Page**:
   - Implement the navigation bar with links to core features and CTAs.
   - Design the hero section with a strong headline and interactive demo of the keyword intelligence tool.
   - Create sections for product capabilities, opportunity intelligence, and featured capabilities.

4. **Develop the Dashboard**:
   - Construct the sidebar navigation for the authenticated user experience.
   - Implement the main content area to display the Overview, Keyword Intelligence, and other core features.
   - Ensure all interactive components are responsive and provide feedback on user interaction.

5. **Integrate Data Services**:
   - Create a mock data service layer to simulate API responses for the dashboard and landing page.
   - Implement loading states, error handling, and dynamic data fetching logic.

6. **Test Responsiveness**:
   - Ensure the application is fully responsive across various devices, adjusting layouts and components accordingly.

7. **Conduct User Testing**:
   - Gather feedback from target users to refine the UI/UX and address any usability issues.

8. **Prepare for Deployment**:
   - Optimize the application for production and deploy it on a suitable hosting platform.

## USER EXPERIENCE
Users will engage with the application through a clean and intuitive interface that emphasizes data credibility and actionable insights. Key interactions include searching for keywords in the interactive demo, navigating through competitor analysis easily, and receiving tailored recommendations via the AI ASO Advisor. The overall experience will prioritize clarity and professionalism, making it easy for users to understand complex data and make informed decisions that drive app growth.