import React, { useState } from 'react'; import { DollarSign, TrendingUp, Users, Target, Clock, Shield } from 'lucide-react'; export default function ROICalculator() { const [businessGoal, setBusinessGoal] = useState(''); const [currentSituation, setSituation] = useState(''); const [otherSituation, setOtherSituation] = useState(''); const [clientValue, setClientValue] = useState(''); const [repeatRate, setRepeatRate] = useState(''); const [insightLevel, setInsightLevel] = useState(''); const goals = [ 'Get more clients', 'Increase client lifetime value', 'Better understand the value we bring to our clients', 'Refine value proposition or our messaging' ]; const situations = [ "We're making assumptions about what clients need", "We have some client feedback but need deeper insights", "We're entering a new market or service area", "We've hit a plateau and are keen for more growth", "Other" ]; const insightLevels = [ { label: 'Indicative insights', interviews: '4-6', min: 4, max: 6 }, { label: 'Strong patterns', interviews: '7-12', min: 7, max: 12 }, { label: 'Deep understanding', interviews: '12-16', min: 12, max: 16 }, { label: 'Comprehensive insights', interviews: '16-20', min: 16, max: 25 } ]; const getResearchCost = () => { const level = insightLevels.find(l => l.label === insightLevel); if (!level) return { min: 0, max: 0, avg: 0 }; const min = level.min * 1000; const max = level.max * 1000; const avg = (min + max) / 2; return { min, max, avg }; }; const calculateROI = (newClients) => { const cost = getResearchCost().avg; const value = parseFloat(clientValue) || 0; if (cost === 0 || value === 0) return null; const revenue = newClients * value; const roi = ((revenue - cost) / cost) * 100; return { roi, revenue, cost }; }; const calculateTotalImpact = (newClients) => { const cost = getResearchCost().avg; const value = parseFloat(clientValue) || 0; const repeat = parseFloat(repeatRate) || 35; if (cost === 0 || value === 0) return null; const newClientRevenue = newClients * value; // Improved repeat business: assume 15% improvement in repeat rate applied to 30 clients const repeatImprovement = 0.15; const clientBase = 30; const additionalRepeatRevenue = (repeat / 100) * repeatImprovement * clientBase * value; const totalValue = newClientRevenue + additionalRepeatRevenue; const totalROI = ((totalValue - cost) / cost) * 100; return { totalROI, newClientRevenue, repeatValue: additionalRepeatRevenue, totalValue, cost }; }; const formatCurrency = (amount) => { return new Intl.NumberFormat('en-NZ', { style: 'currency', currency: 'NZD', minimumFractionDigits: 0, maximumFractionDigits: 0 }).format(amount); }; const scenarios = [ { label: 'Conservative', clients: 4, color: 'border-gray-300' }, { label: 'Moderate', clients: 10, color: 'border-[#00aa65] border-2' }, { label: 'Ambitious', clients: 18, color: 'border-gray-300' } ]; const cost = getResearchCost(); const moderateROI = calculateROI(10); const breakEven = moderateROI ? Math.ceil(cost.avg / parseFloat(clientValue || 1)) : 0; return ( ); }