https://heffl.com/_next/static/chunks/pages/projects-e42a084df0ba727f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6694],{35771:(e,s,t)=>{"use strict";t.r(s),t.d(s,{default:()=>A});var a=t(6029),i=t(74922),n=t(73522),r=t(27541),l=t(23178),d=t(37231),c=t(49668),o=t(64998),m=t(65865),p=t(6023),x=t(11083),h=t(24928),g=t(24044),u=t(49701),f=t(86420),j=t(41741),w=t(41246);let b=["Stages that do not match the work","Financials disconnected from delivery","Too much setup for a simple next step","Complex views that slow the team down","Reports that need their own spreadsheet"],N=["Build a project flow that matches the work","Set stages that make sense for each project","Keep time, invoices and delivery connected","Keep the next step clear for the team","See what needs attention before it slips"],v=[{title:"Capture the details that matter",image:"/projects/custom-fields.png"},{title:"Give each project its own stages",image:"/projects/pipeline-stages.png"},{title:"Start from a workflow your team knows",image:"/projects/projects.png",imageClassName:"h-[130%] w-auto max-w-none"}],k=[{title:"Know where the hours go",description:"Log and review time against the work your team is delivering.",image:"/projects/timesheet.png"},{title:"See the money behind the work",description:"Keep project invoices, expenses and financial details close to delivery.",image:"/projects/finance.png"},{title:"Turn delivery into an invoice",description:"Move from project delivery to the sales documents behind it without losing context.",image:"/projects/invoice.png"}],y=[{icon:i.A,title:"Build a project flow that fits",description:"Create project stages that match how your team delivers results.",color:"bg-[#e7f7ef] text-[#1d8d5d]"},{icon:n.A,title:"Reuse the setup that works",description:"Reuse a proven project setup instead of rebuilding stages, tasks and assignees from scratch.",color:"bg-[#eeeafe] text-[#6a59c9]"},{icon:r.A,title:"Keep repeat work ready to run",description:"Set up repeat delivery work with the project details, schedule and tasks it needs.",color:"bg-[#fff1dc] text-[#bc7114]"},{icon:l.A,title:"Keep time and money in context",description:"Keep time, invoices and expenses close to the project they belong to.",color:"bg-[#e8f3ff] text-[#317bbd]"},{icon:d.A,title:"See what needs attention",description:"Review project activity and financial data without assembling the picture in another tool.",color:"bg-[#fbeaf0] text-[#b45076]"},{icon:c.A,title:"Move from deal to delivery without the gap",description:"Link projects to the deal and quotations that started the work, then automate repeat steps when needed.",color:"bg-[#e5f6f4] text-[#168178]"}];function _(){let e=[{name:"Scope and content plan",section:"In progress",dot:"bg-[#7861d4]",bar:"left-[2%] w-[38%] bg-[#7861d4]"},{name:"Build landing pages",section:"In progress",dot:"bg-[#3cc88a]",bar:"left-[17%] w-[40%] bg-[#3cc88a]"},{name:"Client copy review",section:"In review",dot:"bg-[#4789db]",bar:"left-[34%] w-[42%] bg-[#4789db]"},{name:"Launch readiness check",section:"In review",dot:"bg-[#dd8b32]",bar:"left-[54%] w-[30%] bg-[#dd8b32]"}];return(0,a.jsxs)("div",{className:"relative grid gap-3 xl:gap-4",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between gap-3",children:[(0,a.jsxs)("div",{className:"flex min-w-0 items-center gap-3 rounded-2xl bg-white px-4 py-3 shadow-[0_18px_36px_rgba(23,32,38,0.12)] ring-1 ring-black/[0.06]",children:[(0,a.jsx)("span",{className:"grid size-8 shrink-0 place-items-center rounded-lg bg-[#eeeafe] text-[#6a59c9]",children:(0,a.jsx)(o.A,{className:"size-4","aria-hidden":"true"})}),(0,a.jsxs)("div",{className:"min-w-0",children:[(0,a.jsx)("p",{className:"truncate text-sm font-medium text-[#172026]",children:"Northstar website launch"}),(0,a.jsx)("p",{className:"text-xs text-[#697276]",children:"Heffl Projects"})]})]}),(0,a.jsxs)("span",{className:"inline-flex shrink-0 items-center gap-1.5 rounded-full bg-white px-3 py-2 text-xs font-medium text-[#22704f] shadow-[0_18px_36px_rgba(23,32,38,0.12)] ring-1 ring-black/[0.06]",children:[(0,a.jsx)("span",{className:"size-1.5 rounded-full bg-[#27a86e]"}),"On track"]})]}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,a.jsxs)("div",{className:"flex items-center gap-1 rounded-xl bg-white p-1 text-xs font-medium text-[#697276] shadow-[0_18px_36px_rgba(23,32,38,0.12)] ring-1 ring-black/[0.06]",children:[(0,a.jsx)("span",{className:"rounded-lg px-3 py-1.5",children:"List"}),(0,a.jsx)("span",{className:"rounded-lg px-3 py-1.5",children:"Board"}),(0,a.jsx)("span",{className:"rounded-lg bg-[#f2f8f5] px-3 py-1.5 text-[#172026] shadow-sm",children:"Gantt"})]}),(0,a.jsxs)("div",{className:"flex items-center gap-1.5 rounded-xl bg-white px-3 py-2 text-xs font-medium text-[#303638] shadow-[0_18px_36px_rgba(23,32,38,0.12)] ring-1 ring-black/[0.06]",children:[(0,a.jsx)(m.A,{className:"size-3.5","aria-hidden":"true"}),(0,a.jsx)("span",{children:"Sort"}),(0,a.jsx)("span",{className:"text-[#22704f]",children:"Created at, newest"})]}),(0,a.jsxs)("div",{className:"flex items-center gap-1.5 rounded-xl bg-white px-3 py-2 text-xs font-medium text-[#303638] shadow-[0_18px_36px_rgba(23,32,38,0.12)] ring-1 ring-black/[0.06]",children:[(0,a.jsx)(p.A,{className:"size-3.5","aria-hidden":"true"}),"Filters"]}),(0,a.jsxs)("div",{className:"flex items-center gap-1.5 rounded-xl bg-white px-3 py-2 text-xs font-medium text-[#303638] shadow-[0_18px_36px_rgba(23,32,38,0.12)] ring-1 ring-black/[0.06]",children:[(0,a.jsx)(c.A,{className:"size-3.5","aria-hidden":"true"}),"Workflow",(0,a.jsx)(x.A,{className:"size-3.5","aria-hidden":"true"})]})]}),(0,a.jsxs)("div",{className:"grid grid-cols-[11.5rem_minmax(0,1fr)] gap-3 xl:grid-cols-[12.5rem_minmax(0,1fr)] xl:gap-4",children:[(0,a.jsx)("div",{className:"rounded-2xl bg-white p-4 shadow-[0_18px_36px_rgba(23,32,38,0.12)] ring-1 ring-black/[0.06]",children:(0,a.jsx)("div",{className:"space-y-5",children:["In progress","In review"].map(s=>(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"mb-3 text-xs font-medium text-[#697276]",children:s}),(0,a.jsx)("div",{className:"space-y-3",children:e.filter(e=>e.section===s).map(e=>(0,a.jsxs)("p",{className:"flex items-center gap-2 text-xs font-medium text-[#303638]",children:[(0,a.jsx)("span",{className:"size-1.5 shrink-0 rounded-full ".concat(e.dot)}),(0,a.jsx)("span",{className:"truncate",children:e.name})]},e.name))})]},s))})}),(0,a.jsxs)("div",{className:"min-w-0 rounded-2xl bg-white p-4 shadow-[0_18px_36px_rgba(23,32,38,0.12)] ring-1 ring-black/[0.06]",children:[(0,a.jsxs)("div",{className:"grid grid-cols-4 text-xs font-medium text-[#697276]",children:[(0,a.jsx)("span",{children:"Aug 12"}),(0,a.jsx)("span",{children:"Aug 19"}),(0,a.jsx)("span",{children:"Aug 26"}),(0,a.jsx)("span",{children:"Sep 2"})]}),(0,a.jsxs)("div",{className:"relative mt-3 h-48 overflow-hidden rounded-xl bg-[linear-gradient(90deg,rgba(23,32,38,0.06)_1px,transparent_1px)] bg-[size:25%_100%]",children:[(0,a.jsx)("span",{className:"absolute inset-y-0 left-[61%] z-10 w-px bg-[#ee7752]"}),(0,a.jsx)("span",{className:"absolute left-[61%] top-0 z-20 -translate-x-1/2 roun

1ded-full bg-[#ee7752] px-2 py-1 text-[10px] font-medium text-white",children:"Today"}),(0,a.jsx)("div",{className:"absolute inset-x-0 top-8 space-y-4",children:e.map(e=>(0,a.jsx)("div",{className:"relative h-5",children:(0,a.jsx)("span",{className:"absolute inset-y-0 rounded-full ".concat(e.bar)})},e.name))})]})]})]})]})}function A(){return(0,a.jsxs)(j.Nv,{path:"/projects",title:"Project Management Software for SMEs | Heffl",description:"Plan projects, build custom workflows, track tasks and timesheets, and keep project financials connected to CRM and invoicing.",faqs:w.ox,children:[(0,a.jsx)(j.aw,{label:"Project management software for SMEs",labelIcon:o.A,title:"Run projects without chasing the work.",description:"Build the stages your team uses, keep tasks and time connected, and see the next thing that needs attention.",visualContent:(0,a.jsx)(_,{})}),(0,a.jsx)("section",{className:"overflow-hidden bg-white py-16 sm:py-20 lg:py-28",children:(0,a.jsxs)("div",{className:j.n6,children:[(0,a.jsx)("h2",{className:j.Eu,children:"Your work already has a process. Your project tool should follow it."}),(0,a.jsxs)("div",{className:"mt-12 overflow-hidden rounded-2xl border border-[#e2e5e3] bg-[#f7f8f7] lg:mt-16 lg:grid lg:grid-cols-[0.78fr_1.22fr]",children:[(0,a.jsxs)("div",{className:"p-6 sm:p-8 lg:p-10",children:[(0,a.jsx)("p",{className:"text-sm font-medium text-[#697276]",children:"Traditional PM tools"}),(0,a.jsx)("h3",{className:"mt-4 max-w-[22ch] text-balance text-2xl font-medium leading-[1.18] tracking-[-0.025em] text-[#172026] sm:text-3xl",children:"Project software should not make delivery harder."}),(0,a.jsx)("ul",{className:"mt-9 space-y-4",children:b.map(e=>(0,a.jsxs)("li",{className:"flex items-start gap-3 text-base leading-7 text-[#697276]",children:[(0,a.jsx)(h.A,{className:"mt-1 size-4 shrink-0 text-[#b45a4b]","aria-hidden":"true"}),e]},e))})]}),(0,a.jsxs)("div",{className:"bg-[#eaf6ef] p-6 sm:p-8 lg:p-10",children:[(0,a.jsx)("p",{className:"text-sm font-medium text-[#22704f]",children:"Heffl Projects"}),(0,a.jsx)("h3",{className:"mt-4 max-w-[22ch] text-balance text-2xl font-medium leading-[1.18] tracking-[-0.025em] text-[#172026] sm:text-3xl",children:"Build the workflow around how you deliver."}),(0,a.jsxs)("div",{className:"relative mt-10 grid grid-cols-3 gap-3 sm:gap-5",children:[(0,a.jsx)("span",{"aria-hidden":"true",className:"absolute left-[16.666%] right-[16.666%] top-4 h-px bg-[#97cbb0]"}),[["Plan","Brief and scope"],["Deliver","Work and time"],["Review","Client sign-off"]].map((e,s)=>{let[t,i]=e;return(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("span",{className:"relative z-10 grid size-8 place-items-center rounded-full bg-[#22704f] text-xs font-medium text-white",children:s+1}),(0,a.jsx)("p",{className:"mt-4 text-sm font-medium text-[#172026]",children:t}),(0,a.jsx)("p",{className:"mt-1 text-sm leading-5 text-[#5c7066]",children:i})]},t)})]}),(0,a.jsx)("div",{className:"mt-10 grid gap-3 border-y border-[#cce3d5] py-5 sm:grid-cols-3",children:[[l.A,"Time stays with delivery"],[n.A,"Invoices stay in context"],[d.A,"Reports show the next move"]].map(e=>{let[s,t]=e;return(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[(0,a.jsx)("span",{className:"grid size-9 shrink-0 place-items-center rounded-xl bg-white text-[#22704f]",children:(0,a.jsx)(s,{className:"size-4","aria-hidden":"true"})}),(0,a.jsx)("p",{className:"text-sm font-medium leading-5 text-[#172026]",children:t})]},t)})}),(0,a.jsx)("ul",{className:"mt-7 grid gap-x-8 gap-y-3 sm:grid-cols-2",children:N.map(e=>(0,a.jsxs)("li",{className:"flex items-start gap-3 text-sm leading-6 text-[#40554a]",children:[(0,a.jsx)(g.A,{className:"mt-0.5 size-4 shrink-0 text-[#22704f]","aria-hidden":"true"}),e]},e))})]})]})]})}),(0,a.jsx)("section",{id:"features",className:"scroll-mt-24 bg-[#f7f8f7] py-16 sm:py-20 lg:py-28",children:(0,a.jsxs)("div",{className:j.n6,children:[(0,a.jsx)(j.jq,{label:"Built around how your team delivers"}),(0,a.jsxs)("div",{className:"mt-6 grid items-end gap-6 md:grid-cols-2 md:gap-12",children:[(0,a.jsx)("h2",{className:j.Eu,children:"Set up projects the way your team already works."}),(0,a.jsx)("p",{className:j.Bu,children:"Set up project stages, fields and templates around how y

1our team gets work out the door."})]}),(0,a.jsx)("div",{className:"mt-12 grid gap-5 md:grid-cols-3 lg:mt-16 lg:gap-6",children:v.map(e=>{let{title:s,image:t,imageClassName:i}=e;return(0,a.jsx)(j.S6,{title:s,image:t,mediaClassName:"h-56 sm:h-64 md:h-72",imageClassName:i},s)})})]})}),(0,a.jsx)("section",{className:"bg-[#f7f8f7] pb-16 pt-8 sm:pb-20 lg:pb-28 lg:pt-12",children:(0,a.jsxs)("div",{className:j.n6,children:[(0,a.jsxs)("div",{className:"border-t border-[#dedfdd] pt-16 sm:pt-20 lg:pt-24",children:[(0,a.jsx)(j.jq,{label:"Keep delivery and money connected"}),(0,a.jsxs)("div",{className:"mt-6 grid items-end gap-6 md:grid-cols-2 md:gap-12",children:[(0,a.jsx)("h2",{className:j.Eu,children:"Keep time, money and delivery in the same picture."}),(0,a.jsx)("p",{className:j.Bu,children:"Keep timesheets, invoices and project details connected, then see the financial context behind delivery."})]})]}),(0,a.jsx)("div",{className:"mt-12 grid gap-5 md:grid-cols-3 lg:mt-16 lg:gap-6",children:k.map(e=>{let{title:s,description:t,image:i}=e;return(0,a.jsx)(j.S6,{title:s,description:t,image:i,mediaClassName:"h-56 sm:h-64"},s)})})]})}),(0,a.jsx)("section",{className:"bg-white py-16 sm:py-20 lg:py-28",children:(0,a.jsxs)("div",{className:j.n6,children:[(0,a.jsxs)("div",{className:"grid items-end gap-6 md:grid-cols-2 md:gap-12",children:[(0,a.jsx)("h2",{className:j.Eu,children:"The details that stop projects from slipping."}),(0,a.jsx)("p",{className:j.Bu,children:"Keep the project setup, recurring work, financial context and client handoff in one connected workspace."})]}),(0,a.jsx)("div",{className:"mt-12 grid gap-5 md:grid-cols-2 lg:mt-16 lg:grid-cols-3 lg:gap-6",children:y.map(e=>{let{icon:s,title:t,description:i,color:n}=e;return(0,a.jsxs)("article",{className:"min-w-0 rounded-2xl border border-black/[0.08] bg-white p-6 sm:p-7",children:[(0,a.jsx)("span",{className:"grid size-10 place-items-center rounded-xl ".concat(n),children:(0,a.jsx)(s,{className:"size-5","aria-hidden":"true"})}),(0,a.jsx)("h3",{className:"mt-6 text-xl font-medium leading-7 tracking-[-0.025em] text-[#172026]",children:t}),(0,a.jsx)("p",{className:"mt-3 max-w-[48ch] leading-7 text-[#697276]",children:i})]},t)})})]})}),(0,a.jsx)("section",{className:"bg-[#eef8f2] pb-8 pt-16 sm:pb-10 sm:pt-20 lg:pb-12 lg:pt-28 mb-5 md:mb-12 lg:mb-20",children:(0,a.jsxs)("div",{className:j.n6,children:[(0,a.jsxs)("div",{className:"max-w-[46rem]",children:[(0,a.jsx)(j.jq,{label:"Hefy for Projects"}),(0,a.jsx)("img",{src:"/home/agents/hefy.png",alt:"Hefy",width:80,height:80,loading:"lazy",className:"mb-6 size-20 object-contain"}),(0,a.jsx)("h2",{className:j.Eu,children:"Ask what is next. Keep work moving."}),(0,a.jsx)("p",{className:"".concat(j.Bu," mt-5"),children:"Hefy works from the project and task context already in Heffl. Ask what needs attention, prepare the next task for review or run a routine that keeps the week on track."}),(0,a.jsx)("div",{className:"mt-8",children:(0,a.jsx)(j.Qq,{href:"/agentic-crm",children:"Explore Hefy and routines"})})]}),(0,a.jsx)("div",{className:"mt-10 grid gap-4 md:grid-cols-3",children:[[u.A,"Ask with the project context already there","Get an answer using the project, its tasks and the client work already connected to it."],[g.A,"Prepare the next task","Turn a project update into supported task work for review, so the next step is ready without a handover chase."],[f.A,"Start the week knowing what matters","Use a recap routine to surface what closed, what slipped and where the team needs to focus next."]].map(e=>{let[s,t,i]=e;return(0,a.jsxs)("article",{className:"rounded-2xl border border-black/[0.08] bg-white p-6 sm:p-7",children:[(0,a.jsx)("span",{className:"grid size-10 place-items-center rounded-xl bg-[#e7f7ef] text-[#22704f]",children:(0,a.jsx)(s,{className:"size-5","aria-hidden":"true"})}),(0,a.jsx)("h3",{className:"mt-5 text-lg font-medium text-[#172026]",children:t}),(0,a.jsx)("p",{className:"mt-3 max-w-[48ch] text-base leading-7 text-[#697276]",children:i})]},t)})})]})}),(0,a.jsx)(j.Pu,{title:"Bring your process into Heffl.",description:"Build project workflows your team can follow, then keep delivery, time and financial context together.",href:"/pricing",link:"See pricing"})]})}},45690:(e,s,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/projects",function(){return t(35771)}])}},e=>{e.O(0,[1154,5904,2453,6260,1741,636,6593,8792],()=>e(e.s=45690)),_N_E=e.O()}]);