5:["$","div",null,{"className":"min-h-screen bg-surface-50","children":[["$","div",null,{"className":"bg-surface border-b border-surface-200","children":["$","div",null,{"className":"mx-auto max-w-screen-xl px-4 py-3 sm:px-6 lg:px-8","children":["$","a",null,{"href":"/","className":"inline-flex items-center gap-1.5 text-sm font-medium text-surface-600 hover:text-brand-600 transition-colors no-underline group","children":[["$","svg",null,{"xmlns":"http://www.w3.org/2000/svg","width":"14","height":"14","viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":"2","strokeLinecap":"round","strokeLinejoin":"round","aria-hidden":"true","className":"group-hover:-translate-x-0.5 transition-transform","children":["$","path",null,{"d":"m15 18-6-6 6-6"}]}],"Back to directory"]}]}]}],["$","div",null,{"className":"mx-auto max-w-screen-xl px-4 py-10 sm:px-6 lg:px-8","children":["$","div",null,{"className":"mx-auto max-w-2xl","children":[["$","div",null,{"className":"rounded-2xl border border-surface-200 bg-surface shadow-card overflow-hidden","children":[["$","div",null,{"className":"px-6 py-8 sm:px-8","children":[["$","div",null,{"className":"flex items-start gap-5","children":[["$","div",null,{"className":"shrink-0 flex size-16 sm:size-20 items-center justify-center rounded-2xl border border-surface-200 bg-surface-50 overflow-hidden","children":["$","img",null,{"src":"https://appsforx.vercel.app/listing-logos/appsforhubspot/asana.png","alt":"Asana logo","width":80,"height":80,"className":"size-full object-contain p-2"}]}],["$","div",null,{"className":"min-w-0 flex-1 pt-1","children":[["$","h1",null,{"className":"text-xl font-bold text-surface-900 sm:text-2xl leading-snug text-balance","children":"Asana"}],["$","div",null,{"className":"mt-2 flex flex-wrap gap-2","children":["$","span",null,{"className":"inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium leading-5 whitespace-nowrap bg-brand-100 text-brand-700","children":"Productivity"}]}]]}]]}],["$","div",null,{"className":"mt-6","children":["$","a",null,{"href":"https://asana.com","target":"_blank","rel":"noopener noreferrer","className":"inline-flex items-center gap-2 rounded-lg px-5 py-2.5 bg-brand-600 text-white text-sm font-semibold hover:bg-brand-700 transition-colors no-underline shadow-sm","children":["Visit website",["$","svg",null,{"xmlns":"http://www.w3.org/2000/svg","width":"14","height":"14","viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":"2","strokeLinecap":"round","strokeLinejoin":"round","aria-hidden":"true","children":[["$","path",null,{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],["$","polyline",null,{"points":"15 3 21 3 21 9"}],["$","line",null,{"x1":"10","y1":"14","x2":"21","y2":"3"}]]}]]}]}]]}],["$","hr",null,{"className":"border-surface-200"}],["$","div",null,{"className":"px-6 py-6 sm:px-8","children":[["$","h2",null,{"className":"text-xs font-semibold uppercase tracking-wider text-surface-500 mb-4","children":"About"}],["$","div",null,{"className":"prose prose-sm prose-surface max-w-none text-surface-700 leading-relaxed","dangerouslySetInnerHTML":{"__html":"

Asana is a work management tool for tracking tasks and projects across teams. Its HubSpot integration turns deals or tickets into Asana tasks, then syncs task completion status back to the originating HubSpot record.

Create Asana tasks from HubSpot deals or tickets
Sync task status changes back to HubSpot
Assign tasks to owners matching HubSpot deal reps
Attach HubSpot record links inside Asana tasks

"}}]]}],["$","div",null,{"className":"border-t border-surface-200 bg-surface-50 px-6 py-4 sm:px-8","children":["$","dl",null,{"className":"flex flex-wrap gap-x-8 gap-y-2 text-xs text-surface-500","children":[["$","div",null,{"className":"flex gap-1.5","children":[["$","dt",null,{"children":"Category:"}],["$","dd",null,{"className":"font-medium text-surface-700","children":"Productivity"}]]}],["$","div",null,{"className":"flex gap-1.5","children":["$L18","$L19"]}]]}]}]]}],"$L1a"]}]}]]}]

Asana

About

Have an app for HubSpot?