Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The ClipRank AI app is a web application designed to help users analyze and optimize video content for virality. It allows users to scan videos, generate audio captions, hooks, CTA scripts, and trending music based on competitor performance in the same niche. The platform ensures secure payments through credit card and PayPal integration while offering user authentication via Google or email/password with password reset functionality.

## CORE FEATURES
1. **Video Analysis Tool**: Users can upload videos to receive insights on virality metrics, including audio captions and hooks.
2. **Trending Music and Scripts**: Automatic generation of trending music suggestions and CTA scripts tailored to the user's niche.
3. **User Authentication**: Secure login options using Google or traditional email/password methods, along with password reset capabilities.
4. **Payment Integration**: Seamless payment processing through credit card and PayPal, linking transactions directly to the user's PayPal account.
5. **Resource Usage Calculator**: A feature to monitor and calculate resource usage, assisting users in understanding their consumption and costs.
6. **Tiered Pricing Model**: Offers three profitable pricing tiers based on user resource consumption and feature access.

## 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 should feature a top navigation bar, a hero section with a prominent call-to-action, followed by sections for features, testimonials, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Utilize React's Context API for managing application state.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui components.
2. **Implement Routing**: Set up React Router for navigation between different components.
3. **Create Authentication Flow**: Develop user authentication logic for Google sign-in and email/password login, incorporating password reset functionality.
4. **Develop Core Features**: Implement the video analysis tool and trending music/script generation features, ensuring backend API integration for data processing.
5. **Integrate Payment Gateway**: Connect PayPal and credit card payment processes, ensuring secure transactions and linking to user accounts.
6. **Design UI Components**: Style components using Tailwind CSS, ensuring adherence to the specified design specifications for a minimalist aesthetic.
7. **Test Application**: Run comprehensive testing for all features, including user flows, payment processes, and responsiveness across devices.

## USER EXPERIENCE
The user experience will focus on simplicity and efficiency, allowing users to quickly upload videos and receive actionable insights. The authentication process will be streamlined for ease of access, and the payment system will ensure a secure and straightforward transaction experience. Users will navigate through a clean interface, with intuitive access to features and clear calls to action, enhancing their overall engagement with the platform while maintaining a modern and polished look.