Overview

LeadShark is a LinkedIn lead generation dashboard that automates the process of finding and engaging with potential leads through LinkedIn posts and comments.

Technical Requirements

• Frontend: JavaScript (ES6+), NextJS framework
• Backend: Supabase
• Database: PostgreSQL or Supabase
• Cloud Infrastructure: Vercel
• Source Control: GitHub
• Authentication: Supabase Magic Link
• Payment Processing: Stripe API
• LinkedIn Automation: Unipile API

User Flow

1. User selects LinkedIn post URL, specific keywords, DM template, and connection/InMail settings
2. System checks connection status:
   • If not connected, send a connection request
   • Once approved, send the DM
   • If InMail credits are available, send InMail instead of a connection request
3. Log all interactions on the dashboard
4. Allow users to edit/pause lead magnets and export leads as CSV

Design Guidelines

Font

Header Font: Space Grotesk

Body Font: Be Vietnam Pro

Color Scheme

• Primary Color: #5F4CFA
• Background Color: #131313
• Secondary Background: #2A2A2A
• Text Color: #F3F3F3
• Subtext Color: #BBBBBB

Development Steps

1. Set up project environment
   • Create GitHub repository
   • Set up Next.js project with TypeScript
   • Configure Tailwind CSS
2. Implement user authentication
   • Set up Supabase project
   • Implement magic link authentication
   • Create login and signup pages
3. Build centralized dashboard
   • Create dashboard layout
   • Implement LinkedIn post URL selection
   • Add keyword and DM template input fields
   • Create interaction log section
4. Develop lead magnet management
   • Create, edit, and pause lead magnets
   • Implement lead magnet status tracking
5. Integrate automation features
   • Set up Unipile API integration
   • Implement comment scraping automation
   • Develop connection request and DM sending logic
   • Add InMail sending functionality
6. Implement payment integration
   • Set up Stripe API integration
   • Implement credit system
   • Create pricing plan page
7. Develop export functionality
   • Implement CSV export for leads
8. Testing and feedback
   • Conduct user acceptance testing
   • Gather feedback and make necessary adjustments
9. Finalize and deploy
   • Set up Vercel project
   • Configure deployment settings
   • Deploy MVP to production

Canva PRD Document