https://www.calendar.com/static-pages/component---src-pages-task-management-js-23d96575f6b5b02f1d90.js

1"use strict";(self.webpackChunkcalendar_static=self.webpackChunkcalendar_static||[]).push([[1710],{4748:function(e,t,a){a.r(t);var l=a(5685),n=a(6784),r=a(6540),s=a(5806),o=a(797),c=a(519);const m="linear-gradient(135deg,#577BCB 0%,#6997FF 100%)",i=e=>{let{children:t}=e;return r.createElement("span",{className:"inline-flex items-center px-3 py-1.5 rounded-full text-[12px] font-bold tracking-wide uppercase text-primary bg-[#EEF2FB] mb-4"},t)},d=e=>{let{children:t}=e;return r.createElement("span",{className:"inline-block text-[12px] font-bold uppercase text-primary mb-3.5",style:{letterSpacing:".1em"}},t)},p=e=>{let{children:t,className:a="",style:l={}}=e;return r.createElement("div",{className:`bg-white border border-gray-200 rounded-[18px] ${a}`,style:{boxShadow:"0 24px 60px -20px rgba(32,38,43,.18), 0 8px 20px rgba(32,38,43,.06)",...l}},t)},x=e=>{let{kicker:t,title:a,lead:l,center:n=!0}=e;return r.createElement("div",{className:(n?"text-center max-w-3xl mx-auto":"")+" mb-14"},t&&r.createElement(d,null,t),r.createElement("h2",{className:"font-light text-shark m-0 mb-4",style:{fontSize:"clamp(32px,3.4vw,46px)",lineHeight:1.1,letterSpacing:"-.02em"}},a),l&&r.createElement("p",{className:"text-fg-2 m-0",style:{fontSize:17,lineHeight:1.55}},l))},g=e=>{let{reverse:t,pill:a,title:s,body:o,linkText:c,linkHref:m,visual:d}=e;return r.createElement("div",{className:"grid gap-[56px] items-center py-16 border-t border-gray-100 first:border-0",style:{gridTemplateColumns:"1fr 1fr",direction:t?"rtl":"ltr"}},r.createElement("div",{style:{direction:"ltr"}},r.createElement(i,null,a),r.createElement("h3",{className:"font-light text-shark mb-3.5",style:{fontSize:"clamp(24px,2.4vw,32px)",lineHeight:1.15,letterSpacing:"-.01em"}},s),r.createElement("p",{className:"text-fg-2 mb-4",style:{fontSize:16,lineHeight:1.6}},o),r.createElement("a",{href:m,className:"inline-flex items-center gap-1.5 text-primary font-semibold text-[14.5px]"},c," ",r.createElement(n.g,{icon:l.dmS,className:"text-[12px]"}))),r.createElement("div",{style:{direction:"ltr"}},d))},b=e=>{let{done:t,title:a,when:s,tag:o,tagColor:c}=e;const m={green:{bg:"#EFF8E1",text:"#5E8A2A"},red:{bg:"#FEE9E9",text:"#D03F3F"},amber:{bg:"#FFF6E0",text:"#C99B25"},blue:{bg:"#F1F4FE",text:"#577BCB"}}[c]||{bg:"#F1F4FE",text:"#577BCB"};return r.createElement("div",{className:"flex items-center gap-3 p-3 border border-gray-200 rounded-[10px]"},t?r.createElement("span",{className:"w-[22px] h-[22px] rounded-md text-white grid place-items-center text-[10px] flex-none",style:{background:"#5E8A2A"}},r.createElement(n.g,{icon:l.e68})):r.createElement("span",{className:"w-[22px] h-[22px] rounded-md border-2 border-gray-300 flex-none"}),r.createElement("span",{className:"flex-1 text-[13.5px] font-semibold "+(t?"text-gray-400 line-through":"text-shark")},a),s&&r.createElement("small",{className:"text-gray-400 font-semibold text-[11px]"},s),o&&r.createElement("span",{className:"text-[10px] font-bold uppercase px-2 py-0.5 rounded-full",style:{background:t?"#EFF8E1":m.bg,color:t?"#5E8A2A":m.text,letterSpacing:".03em"}},o))},u=()=>r.createElement(p,{style:{padding:22}},r.createElement("div",{className:"flex items-center justify-between mb-3.5"},r.createElement("h4",{className:"text-[15px] font-bold text-shark m-0"},"Today's tasks"),r.createElement("small",{className:"text-[11px] text-primary font-bold uppercase",style:{letterSpacing:".06em"}},"2 of 5 done")),r.createElement("div",{className:"flex flex-col gap-2"},r.createElement(b,{done:!0,title:"Send Q3 recap",tag:"Done"}),r.createElement(b,{done:!0,title:"Reply to Aanya",tag:"Done"}),r.createElement(b,{title:"Prep board deck",when:"Today",tag:"High",tagColor:"red"}),r.createElement(b,{title:"Review design specs",when:"Tomorrow",tag:"Med",tagColor:"amber"}),r.createElement(b,{title:"Plan Q4 roadmap",when:"Fri",tag:"Low",tagColor:"blue"})),r.createElement("div",{className:"mt-3 py-2.5 px-3 rounded-[10px] text-[11.5px] text-primary font-bold flex items-center gap-2",style:{background:"#EEF2FB"}},r.createElement(n.g,{icon:l.B0C,className:"text-[10px]"}),' Drag "Prep board deck" onto 2 PM to block focus time')),f=()=>{const e=[{icon:l.fq7,label:"Dashboard"},{icon:l.oMq,label:"Today",count:2,active:!0},{icon:l.aXh,label:"This Week",count:2},{icon:l.l6G,label:"Next Week",count:4},{icon:l.JAe,label:"Past Due",count:3,urgent:!0},{icon:l.vFJ,label:"Upcoming",count:2},{icon:l.LX6,label:"Someday",count:2},{icon:l.ReK,label:"History"}];return r.createElement(p,{style:{padding:0,overflow:"hidden",maxWidth:960,margin:"0 auto"}},r.createElement("div",{className:"grid",style:{gridTemplateColumns:"216px 1fr"}},r.createElement("aside",{className:"p-4 border-r border-gray-200",style:{background:"#FBFCFF"}},r.createElement("div",{className:"flex items-center gap-2.5 py-0.5 px-2 pb-3.5"},r.createElement("span",{className:"w-[26px] h-[26px] rounded-full text-white grid place-items-center text-[11px] flex-none",style:{background:"#577BCB"}},r.createElement(n.g,{icon:l.e68})),r.createElement("b",{className:"text-[15px] text-shark font-bold"},"Tasks")),r.createElement("div",{className:"flex flex-col gap-0.5"},e.map(((e,t)=>r.createElement("div",{key:t,className:"flex items-center gap-2.5 py-2 px-2.5 rounded-[9px] text-[13px] font-semibold",style:{background:e.active?"#EEF2FB":"transparent",color:e.urgent?"#D03F3F":e.active?"#20262B":"#4A5568"}},r.createElement(n.g,{icon:e.icon,className:"w-4 text-center text-[12px]",style:{color:e.urgent?"#D03F3F":e.active?"#577BCB":"#9AA1A9"}}),e.label,void 0!==e.count&&r.createElement("span",{className:"ml-auto text-[10.5px] font-bold "+(e.urgent?"text-white px-1.5 rounded-full":e.active?"text-primary":"text-gray-400"),style:e.urgent?{background:"#D03F3F"}:{}},e.count))))),r.createElement("div",{className:"h-px bg-gray-200 mx-1 my-3.5"}),r.createElement("div",{className:"text-[10px] font-bold uppercase text-gray-400 px-2.5 mb-1",style:{letterSpacing:".12em"}},"Workspaces"),r.createElement("div",{className:"flex flex-col gap-0.5"},r.createElement("div",{className:"flex items-center gap-2.5 py-2 px-2.5 text-[13px] font-semibold text-gray-700"},r.createElement("span",{className:"w-[9px] h-[9px] rounded-full flex-none",style:{background:"#577BCB"}})," Acme Corp",r.createElement("span",{className:"ml-auto text-[10.5px] text-gray-400 font-bold"},"5")),r.createElement("div",{className:"flex items-center gap-2.5 py-2 px-2.5 text-[13px] font-semibold text-gray-700"},r.createElement("span",{className:"w-[9px] h-[9px] rounded-full flex-none",style:{background:"#6F3B7C"}})," Design Studio",r.createElement("span",{className:"ml-auto text-[10.5px] text-gray-400 font-bold"},"2"))),r.createElement("div",{className:"flex items-center justify-between px-2.5 mt-3.5 mb-1"},r.createElement("span",{className:"text-[10px] font-bold uppercase text-gray-400",style:{letterSpacing:".12em"}},"Projects"),r.createElement(n.g,{icon:l.QLR,className:"text-[10px] text-gray-400"})),r.createElement("div",{className:"flex flex-col gap-0.5"},r.createElement("div",{className:"flex items-center gap-2.5 py-2 px-2.5 text-[13px] font-semibold text-gray-700"},r.createElement("span",{className:"w-[9px] h-[9px] rounded-full flex-none",style:{background:"#577BCB"}})," Website Re…",r.createElement("span",{className:"text-[9.5px] font-bold px-1.5 py-0.5 rounded-full",style:{color:"#577BCB",background:"#EEF2FB"}},"Acme"),r.createElement("span",{className:"ml-auto text-[10.5px] text-gray-400 font-bold"},"3")),r.createElement("div",{className:"flex items-center gap-2.5 py-2 px-2.5 text-[13px] font-semibold text-gray-700"},r.createElement("span",{className:"w-[9px] h-[9px] rounded-full flex-none",style:{background:"#5E8A2A"}})," Q3 Planning",r.createElement("span",{className:"text-[9.5px] font-bold px-1.5 py-0.5 rounded-full",style:{color:"#577BCB",background:"#EEF2FB"}},"Acme"),r.createElement("span",{className:"ml-auto text-[10.5px] text-gray-400 font-bold"},"2")),r.createElement("div",{className:"flex items-center gap-2.5 py-2 px-2.5 text-[13px] font-semibold text-gray-700"},r.createElement("span",{className:"w-[9px] h-[9px] rounded-full flex-none",style:{background:"#FC5959"}})," Personal Growth",r.createElement("span",{className:"ml-auto text-[10.5px] text-gray-400 font-bold"},"1")))),r.createElement("div",{className:"p-6"},r.createElement("div",{className:"flex items-baseline gap-3"},r.createElement("h4",{className:"text-[22px] font-bold text-shark m-0"},"Today"),r.createElement("span",{className:"text-[13px] font-bold text-primary"},"1 of 2 done")),r.createElement("div",{className:"text-[12.5px] text-gray-400 font-semibold mt-1 mb-4"},"Friday, July 17"),r.createElement("div",{className:"flex items-center gap-2 text-gray-400 text-[13px] font-semibold mb-3.5"},r.createElement(n.g,{icon:l.QLR})," New Task"),r.createElement("div",{className:"flex items-start gap-3 mb-6"},r.createElement("span",{className:"w-5 h-5 rounded-full border-2 border-gray-300 flex-none mt-0.5"}),r.createElement("div",{className:"flex-1"},r.createElement("b",{className:"block text-[14px] text-shark font-bold mb-1.5"},"Morning workout routine"),r.createElement("div",{className:"flex items-center gap-2 flex-wrap"},r.createElement("span",{className:"text-[11.5px] text-gray-400 font-semibold"},"0/2"),r.createElement("span",{className:"text-[10.5px] font-bold px-2 py-0.5 rounded-full",style:{color:"#5E8A2A",background:"#EFF8E1"}},"health"),r.createElement("span",{className:"text-[10.5px] font-bold px-2 py-0.5 rounded-full",style:{color:"#D6643F",background:"#FBEEE6"}},"personal")))),r.createElement("div",{className:"flex items-center gap-2.5 mb-3.5"},r.createElement("span",{className:"text-[10px] font-bold uppercase text-gray-400",style:{letterSpacing:".12em"}},"Completed"),r.createElement("span",{className:"w-[18px] h-[18px] rounded-full grid place-items-center text-[9.5px] font-bold text-gray-500",style:{background:"#F1F3F6"}},"1"),r.createElement("span",{className:"flex-1 h-px bg-gray-200"}),r.createElement("span",{className:"text-[11px] text-gray-400 font-semibold"},"Moves to History tonight")),r.createElement("div",{className:"flex items-start gap-3",style:{opacity:.55}},r.createElement("span",{className:"w-5 h-5 rounded-full text-white grid place-items-center text-[9px] flex-none mt-0.5",style:{background:"#577BCB"}},r.createElement(n.g,{icon:l.e68})),r.createElement("div",{className:"flex-1 min-w-0"},r.createElement("b",{className:"block text-[14px] text-gray-400 font-bold mb-1.5 line-through"},"Review homepage mockups"),r.createElement("div",{className:"flex items-center gap-2 flex-wrap"},r.createElement("span",{className:"inline-flex items-center gap-1.5 text-[11.5px] text-gray-500 font-semibold"},r.createElement("span",{className:"w-[7px] h-[7px] rounded-full",style:{background:"#577BCB"}})," Website Redesign"),r.createElement("span",{className:"text-[11.5px] text-primary font-bold"},"Today"),r.createElement("span",{className:"text-[11.5px] text-gray-400 font-semibold"},"1/3"),r.createElement("span",{className:"text-[10.5px] font-bold px-2 py-0.5 rounded-full",style:{color:"#577BCB",background:"#EEF2FB"}},"design"),r.createElement("span",{className:"text-[10.5px] font-bold px-2 py-0.5 rounded-full",style:{color:"#6F3B7C",background:"#F1ECF5"}},"review"))),r.createElement("div",{className:"flex flex-none"},r.createElement("span",{className:"w-6 h-6 rounded-full text-white grid place-items-center text-[9px] font-bold border-2 border-white",style:{background:"#5E8A2A"}},"SA"),r.createElement("span",{className:"w-6 h-6 rounded-full text-white grid place-items-center text-[9px] font-bold border-2 border-white -ml-2",style:{background:"#5E8A2A"}},"JA"))))))},E=()=>r.createElement(p,{style:{padding:22}},r.createElement("div",{className:"flex flex-col gap-1.5"},r.createElement("div",{className:"grid gap-2 items-start",style:{gridTemplateColumns:"44px 1fr"}},r.createElement("small",{className:"text-[10.5px] text-gray-400 font-bold text-right pt-1"},"1 PM"),r.createElement("div",{className:"h-[34px] border-t border-gray-200"})),r.createElement("div",{className:"grid gap-2 items-start",style:{gridTemplateColumns:"44px 1fr"}},r.createElement("small",{className:"text-[10.5px] text-gray-400 font-bold text-right pt-1"},"2 PM"),r.createElement("div",{className:"rounded-[9px] text-white py-2.5 px-3",style:{background:m}},r.createElement("b",{className:"text-[12.5px] block"},"Prep board deck"),r.createElement("small",{className:"text-[10.5px] opacity-85"},"Focus block · 2–3:30 PM"))),r.createElement("div",{className:"grid gap-2 items-start",style:{gridTemplateColumns:"44px 1fr"}},r.createElement("small",{className:"text-[10.5px] text-gray-400 font-bold text-right pt-1"},"4 PM"),r.createElement("div",{className:"rounded-[9px] py-2.5 px-3",style:{background:"#F1ECF5",color:"#6F3B7C"}},r.createElement("b",{className:"text-[12.5px] block"},"Design review"),r.createElement("small",{className:"text-[10.5px] opacity-85"},"4–4:30 PM · 4 guests"))))),y=()=>r.createElement(p,{style:{padding:22}},r.createElement("div",{className:"flex items-center gap-2.5 mb-3.5"},r.createElement("div",{className:"w-9 h-9 rounded-[9px] grid place-items-center text-[14px]",style:{background:"#EEF2FB",color:"#577BCB"}},r.createElement(n.g,{icon:l.$3Z})),r.createElement("b",{className:"text-[14px] text-shark"},"Rolled over to today")),r.createElement("div",{className:"flex flex-col gap-4"},[{title:"Review design specs",ws:"Volt Studio",wsColor:"#06B2E5",wasWhen:"Was Tue",tag:"overdue",tagBg:"#FEE9E9",tagText:"#D03F3F"},{title:"Plan Q4 roadmap",ws:"Acme Corp",wsColor:"#577BCB",wasWhen:"Was Mon",tag:"rolled",tagBg:"#F1F4FE",tagText:"#577BCB"}].map(((e,t)=>r.createElement("div",{key:t,className:"flex items-start gap-3"},r.createElement("span",{className:"w-5 h-5 rounded-full border-2 border-gray-300 flex-none mt-0.5"}),r.createElement("div",{className:"flex-1"},r.createElement("b",{className:"block text-[14px] text-shark font-bold mb-1.5"},e.title),r.createElement("div",{className:"flex items-center gap-2 flex-wrap"},r.createElement("span",{className:"inline-flex items-center gap-1.5 text-[11.5px] text-gray-500 font-semibold"},r.createElement("span",{className:"w-[7px] h-[7px] rounded-full",style:{background:e.wsColor}})," ",e.ws),r.createElement("span",{className:"text-[11.5px] font-bold",style:{color:e.tagText}},e.wasWhen),r.createElement("span",{className:"text-[10.5px] font-bold px-2 py-0.5 rounded-full",style:{color:e.tagText,background:e.tagBg}},e.tag)))))))),N=()=>r.createElement(p,{style:{padding:22}},r.createElement("div",{className:"flex items-center justify-between mb-3.5"},r.createElement("h4",{className:"text-[15px] font-bold text-shark m-0"}

1,"Tasks by workspace"),r.createElement("small",{className:"text-[11px] text-primary font-bold uppercase",style:{letterSpacing:".06em"}},"3 workspaces")),r.createElement("div",{className:"flex flex-col gap-2.5"},[{c:"#6F3B7C",name:"Acme Robotics",open:18},{c:"#06B2E5",name:"Volt Studio",open:7},{c:"#577BCB",name:"Personal",open:4}].map(((e,t)=>r.createElement("div",{key:t,className:"flex items-center gap-2.5 py-2.5 px-3 border border-gray-200 rounded-[10px]"},r.createElement("span",{className:"w-2.5 h-2.5 rounded-sm flex-none",style:{background:e.c}}),r.createElement("b",{className:"text-[12.5px] text-shark font-bold flex-1"},e.name),r.createElement("small",{className:"text-[10.5px] text-gray-400 font-bold"},e.open," open")))))),h=()=>r.createElement(p,{style:{padding:22}},r.createElement("div",{className:"flex items-center justify-between mb-3.5"},r.createElement("h4",{className:"text-[15px] font-bold text-shark m-0"},"Projects"),r.createElement("small",{className:"text-[11px] text-primary font-bold uppercase",style:{letterSpacing:".06em"}},"Acme Robotics")),r.createElement("div",{className:"flex flex-col gap-2.5"},[{icon:l.KMJ,iconColor:"#6F3B7C",name:"Product launch",progress:66,count:"8 of 12"},{icon:l.e4L,iconColor:"#06B2E5",name:"Q4 marketing",progress:33,count:"3 of 9"}].map(((e,t)=>r.createElement("div",{key:t,className:"p-3 border border-gray-200 rounded-[11px]"},r.createElement("div",{className:"flex items-center gap-2 mb-2"},r.createElement(n.g,{icon:e.icon,className:"text-[12px]",style:{color:e.iconColor}}),r.createElement("b",{className:"text-[12.5px] text-shark font-bold flex-1"},e.name),r.createElement("small",{className:"text-[10.5px] text-gray-400 font-bold"},e.count)),r.createElement("div",{className:"h-2 rounded overflow-hidden",style:{background:"#F1F3F6"}},r.createElement("div",{className:"h-full",style:{width:`${e.progress}%`,background:m}})))))),r.createElement("div",{className:"mt-3 py-2 px-3 border border-dashed border-gray-300 rounded-[10px] text-[11.5px] text-primary font-bold text-center"},r.createElement(n.g,{icon:l.QLR,className:"text-[10px]"})," New project")),k=()=>r.createElement(p,{style:{padding:22}},r.createElement("div",{className:"flex items-center justify-between mb-3.5"},r.createElement("h4",{className:"text-[15px] font-bold text-shark m-0"},"Assigned tasks"),r.createElement("small",{className:"text-[11px] text-primary font-bold uppercase",style:{letterSpacing:".06em"}},"Team")),r.createElement("div",{className:"flex flex-col gap-2"},[{initials:"AP",bg:"#577BCB",task:"Draft launch email",when:"Fri"},{initials:"JD",bg:"#6F3B7C",task:"Review pricing page",when:"Mon"},{initials:"SK",bg:"#AEDA62",task:"Ship changelog",when:"Wed"}].map(((e,t)=>r.createElement("div",{key:t,className:"flex items-center gap-3 py-2.5 px-3 border border-gray-200 rounded-[10px]"},r.createElement("div",{className:"w-7 h-7 rounded-full text-white grid place-items-center text-[10px] font-bold flex-none",style:{background:e.bg}},e.initials),r.createElement("span",{className:"flex-1 text-[12.5px] font-semibold text-shark"},e.task),r.createElement("small",{className:"text-[10.5px] text-gray-400 font-semibold"},e.when)))))),w=()=>r.createElement(p,{style:{padding:22}},r.createElement("div",{className:"flex items-center gap-2 py-2.5 px-3 rounded-[10px] text-[13px] text-gray-600 font-semibold mb-3.5",style:{background:"#EEF2FB"}},r.createElement(n.g,{icon:l.QLR,style:{color:"#577BCB"}})," New Task",r.createElement("span",{className:"ml-auto text-[10px] text-gray-400 px-1.5 py-0.5 rounded border border-gray-300 bg-white",style:{fontFamily:"ui-monospace,Menlo,monospace"}},"N")),r.createElement("div",{className:"flex flex-col gap-4"},r.createElement("div",{className:"flex items-start gap-3"},r.createElement("span",{className:"w-5 h-5 rounded-full border-2 border-gray-300 flex-none mt-0.5"}),r.createElement("div",{className:"flex-1"},r.createElement("b",{className:"block text-[14px] text-shark font-bold mb-1.5"},"Prep board deck"),r.createElement("div",{className:"flex items-center gap-2 flex-wrap"},r.createElement("span",{className:"inline-flex items-center gap-1.5 text-[11.5px] text-gray-500 font-semibold"},r.createElement("span",{className:"w-[7px] h-[7px] rounded-full",style:{background:"#577BCB"}})," Website Redesign"),r.createElement("span",{className:"text-[11.5px] text-primary font-bold"},"Today"),r.createElement("span",{className:"text-[10.5px] font-bold px-2 py-0.5 rounded-full",style:{color:"#D03F3F",background:"#FEE9E9"}},"high")))),r.createElement("div",{className:"flex items-start gap-3"},r.createElement("span",{className:"w-5 h-5 rounded-full border-2 border-gray-300 flex-none mt-0.5"}),r.createElement("div",{className:"flex-1"},r.createElement("b",{className:"block text-[14px] text-shark font-bold mb-1.5"},"Morning workout routine"),r.createElement("div",{className:"flex items-center gap-2 flex-wrap"},r.createElement("span",{className:"text-[11.5px] text-gray-400 font-semibold"},"0/2"),r.createElement("span",{className:"text-[10.5px] font-bold px-2 py-0.5 rounded-full",style:{color:"#5E8A2A",background:"#EFF8E1"}},"health"),r.createElement("span",{className:"text-[10.5px] font-bold px-2 py-0.5 rounded-full",style:{color:"#D6643F",background:"#FBEEE6"}},"personal"))))),r.createElement("div",{className:"mt-4 py-2.5 px-3 rounded-[10px] text-[11.5px] text-primary font-bold flex items-center gap-2",style:{background:"#EEF2FB"}},r.createElement(n.g,{icon:l.$3Z,className:"text-[11px]"})," Synced across web & mobile",r.createElement("span",{className:"ml-auto flex gap-2 text-gray-500"},r.createElement(n.g,{icon:l.ArK}),r.createElement(n.g,{icon:l.kWV})))),v=()=>r.createElement(p,{style:{padding:26,maxWidth:960,margin:"0 auto"}},r.createElement("div",{className:"grid gap-3 mb-5",style:{gridTemplateColumns:"repeat(5,1fr)"}},[{v:"82%",d:"+7%",dColor:"#5E8A2A",label:"Completion rate"},{v:"34",label:"Done this week"},{v:"12h",label:"Focus booked"},{v:"6",label:"Assigned to team"},{v:"3",d:"overdue",dColor:"#D03F3F",label:"Needs attention"}].map(((e,t)=>r.createElement("div",{key:t,className:"rounded-[12px] p-4",style:{background:"#EEF2FB"}},r.createElement("b",{className:"block text-[26px] font-semibold text-shark",style:{letterSpacing:"-.01em"}},e.v,e.d&&r.createElement("span",{className:"text-[12px] font-bold ml-1.5",style:{color:e.dColor}},e.d)),r.createElement("small",{className:"block text-[10.5px] text-gray-600 font-bold uppercase mt-1",style:{letterSpacing:".05em"}},e.label))))),r.createElement("div",{className:"grid gap-[22px] items-center",style:{gridTemplateColumns:"1.4fr 1fr"}},r.createElement("div",null,r.createElement("div",{className:"flex items-center justify-between mb-3"},r.createElement("b",{className:"text-[13px] text-shark font-bold"},"Tasks completed by day"),r.createElement("small",{className:"text-[11px] text-gray-400 font-semibold"},"This week")),r.createElement("div",{className:"flex items-end gap-2.5",style:{height:120}},[50,72,60,88,100].map(((e,t)=>r.createElement("div",{key:t,className:"flex-1 flex flex-col justify-end items-center gap-1.5 h-full"},r.createElement("div",{className:"w-full rounded-t-md",style:{background:m,opacity:100===e?1:.5,height:`${e}%`}}),r.createElement("small",{className:"text-[10px] text-gray-400 font-bold"},["M","T","W","T","F"][t])))))),r.createElement("div",null,r.createElement("div",{className:"flex items-center justify-between mb-3"},r.createElement("b",{className:"text-[13px] text-shark font-bold"},"By workspace")),r.createElement("div",{className:"flex flex-col gap-2.5"},[{name:"Acme Robotics",v:18,w:62,c:"#6F3B7C"},{name:"Volt Studio",v:7,w:28,c:"#06B2E5"},{name:"Personal",v:4,w:16,c:"#577BCB"}].map(((e,t)=>r.createElement("div",{key:t},r.createElement("div",{className:"flex justify-between text-[11.5px] font-semibold text-gray-700 mb-1"},r.createElement("span",null,e.name),r.createElement("span",{className:"text-gray-400 font-bold"},e.v)),r.createElement("div",{className:"h-2 rounded overflow-hidden",style:{background:"#F1F3F6"}},r.createElement("div",{className:"h-full",style:{width:`${e.w}%`,background:e.c}}))))))))),F=[{icon:l.QLR,title:"Effortless capture",body:"Type a task and it's on your list, synced across web and mobile."},{icon:l.isQ,title:"Time-blocked",body:"Drag any task onto the calendar as a focus block."},{icon:l.u4D,title:"By workspace",body:"Keep every business's tasks cleanly apart."},{icon:l.sOt,title:"Projects",body:"Group tasks into projects and track progress."},{icon:l.nWR,title:"Assign & delegate",body:"Hand tasks to contacts or team members."},{icon:l.UNK,title:"Views & dashboard",body:"Today, week, past due and more, with a metrics dashboard."}],B=[{q:"How do tasks connect to my calendar?",a:"Drag any task onto y

1our calendar and it becomes a focus block at that time, protected from new meetings. Reschedule it like any other event."},{q:"What happens to tasks I don't finish?",a:"They roll over to the next day automatically, and overdue items get a gentle nudge so nothing slips away."},{q:"Can I organize tasks by project?",a:"Yes. Group tasks by project or client, set priorities and due dates, and break big items into subtasks."},{q:"Is task management on mobile too?",a:"Yes. Your tasks sync across web and the iOS and Android apps, so your list is always with you."}];t.default=()=>{const{0:e,1:t}=(0,r.useState)(0);return r.createElement(s.A,{hasNavbar:!0,hasFooter:!0},r.createElement(o.A,{page:"task-management"}),r.createElement("section",{className:"relative overflow-hidden",style:{background:"linear-gradient(180deg,#F4F7FF 0%,#FAFAFA 70%)",padding:"84px 0 76px"}},r.createElement("div",{className:"max-w-[1200px] mx-auto px-8 grid gap-14 items-center",style:{gridTemplateColumns:"1.05fr 1fr"}},r.createElement("div",null,r.createElement("span",{className:"inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-white border border-gray-200 text-[12.5px] font-semibold text-gray-500"},r.createElement("span",{className:"w-[7px] h-[7px] rounded-full",style:{background:"#5E8A2A"}})," Product · Task Management · Coming soon"),r.createElement("h1",{className:"font-light text-shark mt-5 mb-4",style:{fontSize:"clamp(40px,5.2vw,68px)",lineHeight:1.05,letterSpacing:"-.02em"}},"Your to-dos, ",r.createElement("em",{className:"not-italic font-semibold bg-clip-text text-transparent",style:{backgroundImage:m}},"on the calendar.")),r.createElement("p",{className:"text-fg-2 mb-7",style:{fontSize:19,lineHeight:1.6,maxWidth:600}},"Capture everything you need to do, then drop tasks straight onto your calendar as focus blocks. Organize by workspace, project, tags and custom fields, assign work to contacts or teammates, and switch between Today, This Week, Past Due and more. Adding a task takes seconds, and everything syncs across web and mobile."),r.createElement("div",{className:"flex gap-3 flex-wrap"},r.createElement("a",{href:`${c.oO}/signup`,className:"inline-flex items-center gap-2 px-6 py-3.5 rounded-[10px] font-semibold text-[15px] text-white",style:{background:m,boxShadow:"0 12px 24px -8px rgba(87,123,203,.45)"}},"Get started"),r.createElement("a",{href:"#how",className:"inline-flex items-center gap-2 px-6 py-3.5 rounded-[10px] font-semibold text-[15px] text-shark bg-white border border-gray-300"},"See how it works"))),r.createElement(u,null))),r.createElement("section",{className:"py-24"},r.createElement("div",{className:"max-w-[1200px] mx-auto px-8"},r.createElement(x,{kicker:"Views",title:r.createElement(r.Fragment,null,"See your tasks ",r.createElement("b",{className:"font-semibold"},"every way you need.")),lead:"Today, this week, next week, upcoming, someday or history. Group by workspace or project and jump between views in a click."}),r.createElement(f,null))),r.createElement("section",{id:"how",className:"pt-6 pb-10"},r.createElement("div",{className:"max-w-[1200px] mx-auto px-8"},r.createElement(g,{pill:"Capture everything",title:r.createElement(r.Fragment,null,"Adding a task is ",r.createElement("b",{className:"font-semibold"},"effortless.")),body:"Type it and it's on your list. Set a priority, due date or project only if you want to. And every task syncs instantly across web and mobile, so it's with you wherever you are.",linkText:"Get started",linkHref:`${c.oO}/signup`,visual:r.createElement(w,null)}),r.createElement(g,{reverse:!0,pill:"Time-block it",title:r.createElement(r.Fragment,null,"Drag a task ",r.createElement("b",{className:"font-semibold"},"onto your day.")),body:"Give your work a real place to happen. Drop any task onto the calendar and it becomes a focus block, protected from meetings and interruptions.",linkText:"See your calendar",linkHref:"/product",visual:r.createElement(E,null)}),r.createElement(g,{pill:"Never dropped",title:r.createElement(r.Fragment,null,"Unfinished tasks ",r.createElement("b",{className:"font-semibold"},"roll over.")),body:"Didn't get to it today? Calendar carries incomplete tasks forward automatically and nudges the ones that are overdue, so nothing quietly disappears.",linkText:"Get started",linkHref:`${c.oO}/signup`,visual:r.createElement(y,null)}))),r.createElement("section",{className:"pt-0 pb-10"},r.createElement("div",{className:"max-w-[1200px] mx-auto px-8"}

1,r.createElement(g,{reverse:!0,pill:"Tasks by workspace",title:r.createElement(r.Fragment,null,"Keep every business's ",r.createElement("b",{className:"font-semibold"},"to-dos apart.")),body:"Run more than one company? Each workspace keeps its own tasks, so work for Acme never mixes with your side project. Switch workspaces and your list, projects and views come with you.",linkText:"Explore workspaces",linkHref:"/entrepreneur",visual:r.createElement(N,null)}),r.createElement(g,{pill:"Projects",title:r.createElement(r.Fragment,null,"Group tasks ",r.createElement("b",{className:"font-semibold"},"into projects.")),body:"Create a project for anything you're driving forward, then file tasks under it. See progress at a glance and keep related work together instead of scattered across one long list.",linkText:"Get started",linkHref:`${c.oO}/signup`,visual:r.createElement(h,null)}),r.createElement(g,{reverse:!0,pill:"Assign & delegate",title:r.createElement(r.Fragment,null,"Hand tasks off ",r.createElement("b",{className:"font-semibold"},"to your people.")),body:"Assign any task to a contact or team member and it lands on their list with the due date and context. Everyone knows who owns what, and nothing falls through the cracks.",linkText:"See contacts",linkHref:"/contacts",visual:r.createElement(k,null)}))),r.createElement("section",{className:"pt-0 pb-24"},r.createElement("div",{className:"max-w-[1200px] mx-auto px-8"},r.createElement(x,{kicker:"Dashboard",title:r.createElement(r.Fragment,null,"Know if you're ",r.createElement("b",{className:"font-semibold"},"actually keeping up.")),lead:"Your task dashboard turns a to-do list into insight, completion rate, focus time booked, and what's overdue, so you can course-correct before things pile up."}),r.createElement(v,null))),r.createElement("section",{className:"py-24",style:{background:"#FAFBFF"}},r.createElement("div",{className:"max-w-[1200px] mx-auto px-8"},r.createElement(x,{kicker:"Why task management",title:r.createElement(r.Fragment,null,"Everything you need ",r.createElement("b",{className:"font-semibold"},"to stay on top of it."))}),r.createElement("div",{className:"grade-grid-tm",style:{display:"grid",gridTemplateColumns:"repeat(3,1fr)",columnGap:24,rowGap:36}},F.map(((e,t)=>r.createElement("div",{key:t,style:{textAlign:"center",padding:8}},r.createElement("div",{style:{width:52,height:52,borderRadius:14,background:"#EEF2FB",color:"#577BCB",display:"grid",placeItems:"center",fontSize:21,margin:"0 auto 16px"}},r.createElement(n.g,{icon:e.icon})),r.createElement("h4",{style:{fontSize:16,fontWeight:600,color:"#20262B",margin:"0 0 6px"}},e.title),r.createElement("p",{style:{fontSize:13.5,lineHeight:1.55,color:"#5B6570",margin:0}},e.body))))),r.createElement("style",null,"\n            @media (max-width: 880px) {\n              .grade-grid-tm { grid-template-columns: 1fr 1fr !important; column-gap: 20px !important; row-gap: 32px !important; }\n            }\n          "))),r.createElement("section",{className:"py-24"},r.createElement("div",{className:"max-w-[900px] mx-auto px-8"},r.createElement(x,{kicker:"FAQ",title:r.createElement(r.Fragment,null,"Task management, ",r.createElement("b",{className:"font-semibold"},"questioned."))}),r.createElement("div",{className:"flex flex-col gap-3"},B.map(((a,s)=>{const o=e===s;return r.createElement("div",{key:s,className:"border border-gray-200 rounded-[14px] overflow-hidden bg-white"},r.createElement("button",{onClick:()=>t(o?-1:s),className:"w-full text-left py-4 px-5 flex items-center justify-between text-[15.5px] font-semibold text-shark"},a.q,r.createElement("span",{className:"w-6 h-6 rounded-full grid place-items-center text-[11px]",style:{background:"#EEF2FB",color:"#577BCB",transform:o?"rotate(45deg)":"none",transition:"transform .15s"}},r.createElement(n.g,{icon:l.QLR}))),o&&r.createElement("div",{className:"px-5 pb-4 text-[14.5px] text-gray-500 leading-relaxed"},a.a))}))))),r.createElement("section",{style:{padding:"96px 0",background:"radial-gradient(800px 400px at 20% 0%, rgba(105,151,255,.18), transparent 70%),radial-gradient(800px 400px at 90% 100%, rgba(87,123,203,.16), transparent 70%),#20262B",color:"#fff",textAlign:"center"}},r.createElement("div",{className:"max-w-[1200px] mx-auto px-8"},r.createElement("h2",{style:{fontSize:"clamp(36px,4vw,56px)",fontWeight:300,letterSpacing:"-.02em",lineHeight:1.1,color:"#fff",margin:"0 0 16px",textWrap:"balance"}},"Plan your day,"," ",r.createElement("b",{style:{fontWeight:600,background:"linear-gradient(135deg,#fff,#C7D5F0)",WebkitBackgroun

1dClip:"text",backgroundClip:"text",color:"transparent"}},"then live it.")),r.createElement("p",{style:{fontSize:17,color:"rgba(255,255,255,.7)",maxWidth:560,margin:"0 auto 32px"}},"Create your free account and turn your to-do list into time that actually happens."),r.createElement("div",{style:{display:"flex",gap:12,justifyContent:"center",flexWrap:"wrap"}},r.createElement("a",{href:`${c.oO}/signup`,style:{display:"inline-flex",alignItems:"center",gap:8,padding:"14px 22px",borderRadius:10,fontSize:15,fontWeight:600,background:m,color:"#fff",textDecoration:"none",boxShadow:"0 12px 24px -8px rgba(87,123,203,.45)"}},"Get started"),r.createElement("a",{href:"/about",style:{display:"inline-flex",alignItems:"center",gap:8,padding:"14px 22px",borderRadius:10,fontSize:15,fontWeight:600,background:"transparent",color:"#fff",textDecoration:"none",border:"1px solid rgba(255,255,255,.3)"}},"Contact sales")))))}}}]);