sky-dashboard

byCai Johnson

Build a SaaS web application called: LeadForge Dashboard It is a lead tracking + conversion system for local blue-collar service businesses like plumbers, HVAC companies, roofers, electricians, and septic services. --- CORE PURPOSE: Help business owners track leads, calls, and quote requests coming from their website and convert more customers. --- TECH STACK: - Next.js (frontend + backend) - Tailwind CSS (modern UI) - Supabase (database + auth) - Chart.js or Recharts (analytics) - Optional: OpenAI API for AI insights --- AUTH SYSTEM: - Business owner login - Each business has its own dashboard - Role-based access (admin/user optional later) --- DASHBOARD FEATURES: 1. OVERVIEW DASHBOARD (MAIN SCREEN) Show: - Total leads this month - Total calls (tracked clicks) - Conversion rate (% leads to calls) - Estimated revenue generated - Top performing service (e.g. “Drain Cleaning”) Include visual charts: - Leads over time (line graph) - Lead sources (pie chart: website, call button, form) --- 2. LEAD TRACKING SYSTEM Each lead contains: - Name - Phone number - Service requested - Timestamp - Source (Call button / form / landing page) - Status: - New - Contacted - Won - Lost Each lead card must have: - Call button (click to dial) - Mark as contacted - Add notes --- 3. CALL TRACKING (IMPORTANT FEATURE) - Track every click on “Call Now” buttons - Store event as a lead - Show conversion rate from visits → calls --- 4. SERVICE PERFORMANCE ANALYTICS Show which services make the most money: - Plumbing repair - Septic pumping - Drain cleaning - Water heater installs Display: - number of leads per service - estimated revenue per service --- 5. AI INSIGHTS PANEL (VERY IMPORTANT FOR SELLING) Add a section called “AI Growth Assistant” It should analyze data and output: - “You are losing leads after 6pm — consider 24/7 answering service” - “Drain cleaning is your highest converting service” - “Add more emergency plumbing ads to increase calls by ~22%” --- 6. WEBSITE INTEGRATION MODULE Allow businesses to connect their website: Options: - Copy/paste tracking script - Simple “Install Code” snippet: Example: <script src="leadforge-tracker.js"></script> This enables: - form tracking - call tracking - page view tracking --- 7. LEAD NOTIFICATION SYSTEM - Email notifications for new leads - Optional SMS alerts (placeholder integration) --- 8. CRM VIEW (SIMPLE) - List all leads in table format - Filter by status, service, date - Search by phone/name --- UI DESIGN: - Dark mode default (black + neon blue/green accents) - Clean SaaS dashboard layout - Minimal clutter - High contrast cards - Mobile responsive --- MONETIZATION SECTION (ADMIN ONLY): Show subscription plans: Starter: $49/month - Basic lead tracking - 1 website Pro: $99/month - AI insights - Call tracking - 3 websites Premium: $199/month - SMS alerts - Advanced analytics - Unlimited websites --- IMPORTANT BEHAVIOR: - Every website lead must be tracked in real time - Dashboard updates instantly - Must feel like a real SaaS product (not demo) - Focus on simplicity for non-technical business owners --- GOAL: Turn local service business websites into full revenue tracking systems so owners can see exactly how many calls and jobs their website generates.