| 1 | import { |
| 2 | ClipboardList, |
| 3 | Clock, |
| 4 | FileSpreadsheet, |
| 5 | FileText, |
| 6 | Milestone, |
| 7 | Receipt, |
| 8 | } from 'lucide-react' |
| 9 | |
| 10 | export const capabilities = |
| 11 | { |
| 12 | icon: ClipboardList, |
| 13 | title: 'Requirements', |
| 14 | desc: 'Write detailed project requirements, share them with clients, and collect signatures.', |
| 15 | }, |
| 16 | { |
| 17 | icon: FileText, |
| 18 | title: 'Proposals', |
| 19 | desc: 'Draft and send proposals. Clients review and approve without leaving the platform.', |
| 20 | }, |
| 21 | { |
| 22 | icon: Milestone, |
| 23 | title: 'Milestones', |
| 24 | desc: "Break work into milestones. Track what's done, what's in progress, and what's next.", |
| 25 | }, |
| 26 | { |
| 27 | icon: Clock, |
| 28 | title: 'Timesheets', |
| 29 | desc: 'Log hours against requirements. Weekly, biweekly, or monthly views. Send reports to clients.', |
| 30 | }, |
| 31 | { |
| 32 | icon: Receipt, |
| 33 | title: 'Expenses', |
| 34 | desc: 'Track project expenses by category — hosting, design tools, APIs, and more.', |
| 35 | }, |
| 36 | { |
| 37 | icon: FileSpreadsheet, |
| 38 | title: 'Invoices', |
| 39 | desc: 'Generate invoices with line items pulled from timesheets and expenses. Export as PDF.', |
| 40 | }, |
| 41 | ] |
| 42 | |
| 43 | export const roles = |
| 44 | { |
| 45 | role: 'Owner', |
| 46 | desc: 'Full control. Manages the workspace, billing, members, and all projects.', |
| 47 | permissions: [ |
| 48 | 'Everything', |
| 49 | 'Org settings', |
| 50 | 'Delete projects', |
| 51 | 'Manage roles', |
| 52 | ], |
| 53 | }, |
| 54 | { |
| 55 | role: 'Admin', |
| 56 | desc: 'Day-to-day management. Can create projects, send invoices, and manage team.', |
| 57 | permissions: [ |
| 58 | 'Create projects', |
| 59 | 'Send invoices', |
| 60 | 'Manage members', |
| 61 | 'Approve expenses', |
| 62 | ], |
| 63 | }, |
| 64 | { |
| 65 | role: 'Member', |
| 66 | desc: 'Does the work. Logs time, writes requirements, submits expenses.', |
| 67 | permissions: [ |
| 68 | 'Log time', |
| 69 | 'Write requirements', |
| 70 | 'Submit expenses', |
| 71 | 'View milestones', |
| 72 | ], |
| 73 | }, |
| 74 | { |
| 75 | role: 'Client', |
| 76 | desc: 'External stakeholder. Reviews work, signs off on requirements, approves invoices.', |
| 77 | permissions: [ |
| 78 | 'View progress', |
| 79 | 'Sign requirements', |
| 80 | 'Approve timesheets', |
| 81 | 'Comment on threads', |
| 82 | ], |
| 83 | }, |
| 84 | ] |
| 85 | |
| 86 | export const freelancerTypes = |
| 87 | { |
| 88 | title: 'Developers', |
| 89 | iconName: 'Code' as |
| 90 | points: [ |
| 91 | 'Track hours across repos and features', |
| 92 | 'Log hosting, API, and infra expenses', |
| 93 | 'Send detailed invoices with line items', |
| 94 | ], |
| 95 | }, |
| 96 | { |
| 97 | title: 'Designers', |
| 98 | iconName: 'Palette' as |
| 99 | points: [ |
| 100 | 'Share proposals and get client sign-off', |
| 101 | 'Attach deliverables to milestones', |
| 102 | 'Track tool and asset license costs', |
| 103 | ], |
| 104 | }, |
| 105 | { |
| 106 | title: 'Content creators', |
| 107 | iconName: 'Video' as |
| 108 | points: [ |
| 109 | 'Manage multi-phase production projects', |
| 110 | 'Track equipment and software expenses', |
| 111 | 'Bill per deliverable or per hour', |
| 112 | ], |
| 113 | }, |
| 114 | { |
| 115 | title: 'Agencies', |
| 116 | iconName: 'Users' as |
| 117 | points: [ |
| 118 | 'Multiple projects, multiple clients', |
| 119 | 'Role-based access for your whole team', |
| 120 | 'Per-member billing rates and budgets', |
| 121 | ], |
| 122 | }, |
| 123 | ] |
| 124 | |
| 125 | export const clientFeatures = |
| 126 | { |
| 127 | iconName: 'Eye' as |
| 128 | title: 'Progress visibility', |
| 129 | desc: 'Clients see milestone status and completed deliverables in real time.', |
| 130 | }, |
| 131 | { |
| 132 | iconName: 'PenTool' as |
| 133 | title: 'Signature workflows', |
| 134 | desc: 'Requirements and proposals can be signed digitally without external tools.', |
| 135 | }, |
| 136 | { |
| 137 | iconName: 'MessageSquare' as |
| 138 | title: 'Threaded feedback', |
| 139 | desc: 'Clients leave comments on specific parts of a requirement. No email threads.', |
| 140 | }, |
| 141 | { |
| 142 | iconName: 'Lock' as |
| 143 | title: 'Scoped access', |
| 144 | desc: "Clients only see projects they're assigned to. Internal data stays internal.", |
| 145 | }, |
| 146 | ] |
| 147 | |
| 148 | export const freePlanFeatures = |
| 149 | '1 workspace', |
| 150 | '2 projects', |
| 151 | 'Unlimited team members', |
| 152 | 'Requirements & proposals', |
| 153 | 'Milestones & timesheets', |
| 154 | 'Expenses & invoices', |
| 155 | ] |
| 156 | |
| 157 | export const proPlanFeatures = |
| 158 | 'Unlimited workspaces', |
| 159 | 'Unlimited projects', |
| 160 | 'Everything in Free', |
| 161 | 'API access for automation', |
| 162 | 'Automate timesheet logging', |
| 163 | 'Programmatic invoice generation', |
| 164 | 'Integrate with existing tools', |
| 165 | 'Priority support', |
| 166 | ] |
| 167 | |
| 168 | export const workflowSteps = |
| 169 | { |
| 170 | step: '01', |
| 171 | title: 'Set up your workspace', |
| 172 | desc: 'Create your workspace, invite your team, and assign roles.', |
| 173 | }, |
| 174 | { |
| 175 | step: '02', |
| 176 | title: 'Run your projects', |
| 177 | desc: 'Add requirements, track time, log expenses, and hit milestones.', |
| 178 | }, |
| 179 | { |
| 180 | step: '03', |
| 181 | title: 'Bill your clients', |
| 182 | desc: 'Generate invoices from tracked work. Send, export, get paid.', |
| 183 | }, |
| 184 | ] |