https://airfocus.com/6b7190097775b4d8e0b14319e17bee0846098ad2-00576d45d27b6cf720ab.js

1"use strict";(self.webpackChunkairfocus=self.webpackChunkairfocus||[]).push([[8087,9824],{774:function(e,t,a){t.A=a.p+"static/prioritization-816351474fec876ac297b57b2ba49775.webm"},1074:function(e,t,a){t.A=a.p+"static/roadmaps-d94123daa471cb966e4682b6a71f3f40.mp4"},2061:function(e,t,a){var i=a(3769),n=a(196),r=a(6460),s=a(2982);t.A=({type:e,id:t,className:a,color:i,cssStyles:n})=>(0,s.Y)(r.Ay,{src:`signs/${e}`,id:t,className:a,css:[c(e,i),n,"",""]});const c=(e,t)=>i.AH`
2  min-width: 25px;
3  width: 25px;
4  height: 25px;
5
6  ${t&&`\n    path,\n    circle {\n      stroke: ${t};\n      ${"warning"===e&&`&:nth-child(3) {fill: ${t}}`};\n    }\n  `}
7
8  @media screen and (max-width: ${n.fi.small}px) {
9    min-width: 20px;
10    width: 20px;
11    height: 20px;
12  }
13`},2125:function(e,t,a){t.A=a.p+"static/prioritization-8cc37da250f955bc019b0ef38f558a82.mp4"},2245:function(e,t,a){var i=a(3769),n=a(5992),r=a(6540),s=a(196),c=a(2358),o=a(3118),m=a(4678),l=a(2258),d=a(6994),p=a(4098),u=a(2982);t.A=({bgColor:e="blue",testimonialData:t=o.rR,cssStyles:a=i.AH``})=>{const[s,c]=r.useState(0),{name:Y,company:x,icon:k,image:v}=t[s],$=(0,m.u)(t),{t:N}=$();return(0,u.Y)("div",{className:"full-screen-relative",css:[b(e),a,"",""]},(0,u.Y)("div",{css:g(k.src.toLowerCase().includes("g2"))},(0,u.Y)(d.A,{className:"center",src:k.src,alt:k.src,css:f})),(0,u.Y)("h3",{className:"heading3 center testimonial-quote",css:h},'"',(0,n.Ay)(N(`${s}.quote`)),'"'),(0,u.Y)(l.A,{columnsTemplate:"4rem auto",columnGap:2,twoColumnsForTablet:!0,css:y},(0,u.Y)(d.A,{className:"fade-in-left with-blue-box-shadow",src:v,alt:`${Y.replace(/<i>/g,"").replace(/<\/i>/g,"")}, ${N(`${s}.position`)} - ${x}`,css:A}),(0,u.Y)("div",{css:w},(0,u.Y)("div",{className:"body-1 no-margin"},(0,n.Ay)(Y)),(0,u.Y)("div",{className:"body-2 no-margin"},N(`${s}.position`)," - ",(0,n.Ay)(x)))),t.length>1&&(0,u.Y)(p.A,{circlesQuantity:t.length,currentSelection:s,setCurrentSelection:c}))};const b=e=>i.AH`
14  position: relative;
15  margin-top: 8rem;
16  margin-bottom: 8rem;
17  padding-top: 3rem;
18  padding-bottom: 3rem;
19  ${"blue"===e&&`background-color: ${c.T.blueLight}`};
20  ${"grey"===e&&`background-color: ${c.T.grayVeryLight}`};
21  ${"white"===e&&`background-color: ${c.T.white}`};
22`,g=e=>i.AH`
23  min-height: 3rem;
24  display: flex;
25  align-items: center;
26
27  ${e&&"\n    .gatsby-image-wrapper {\n      width: 2rem;\n      height: 2rem;\n    }\n  "}
28`,f=i.AH`
29  width: 5rem;
30`,h=i.AH`
31  margin: 2rem auto 1.5rem !important;
32  min-height: 8.75rem;
33  max-width: 50rem;
34
35  @media screen and (max-width: ${s.fi.large}px) {
36    min-height: 9rem;
37  }
38
39  @media screen and (max-width: ${s.fi.medium}px) {
40    min-height: 11rem;
41  }
42
43  @media screen and (max-width: ${s.fi.small}px) {
44    min-height: 16rem;
45  }
46`,y=i.AH`
47  margin: 0 auto 4rem;
48  max-width: fit-content;
49
50  @media screen and (min-width: ${s.fi.small+1}px) and (max-width: ${s.fi.medium}px) {
51    grid-template-columns: 4rem auto;
52  }
53`,A=i.AH`
54  border: 2px solid ${c.T.white};
55  border-radius: 50%;
56  width: 4rem;
57  height: 4rem;
58
59  @media screen and (max-width: ${s.fi.small}px) {
60    margin: auto;
61  }
62`,w=i.AH`
63  @media screen and (max-width: ${s.fi.small}px) {
64    & > * {
65      text-align: center;
66    }
67  }
68`},3262:function(e,t,a){t.A=a.p+"static/insights-8aab08bef01cb80350a7ce4582349463.mp4"},3664:function(e,t,a){t.A=a.p+"static/portfolio-management-8b9c6ee4a927368af97f058d99931925.webm"},4209:function(e,t,a){t.A=a.p+"static/okr-hero-51b47e9ee540df835c984e5cef3474cd.mp4"},4398:function(e,t,a){a.d(t,{q:function(){return m}});var i=a(3769),n=a(5992),r=a(2061),s=a(196),c=a(4033),o=a(2982);const m=({title:e,description:t,iconType:a="checkmark",listItems:i,className:s,listColumns:m=1,listClassName:p,buttonText:u,buttonLink:b,center:g=!1,cssStyle:f})=>(0,o.Y)("div",{css:f,className:s},e&&(0,o.Y)("h3",{className:"heading3"},(0,n.Ay)(e)),t&&(0,o.Y)("div",{className:p||"body-1"},(0,n.Ay)(t)),(0,o.Y)("ul",{className:p||"body-1",css:l(m,g)},i.map((t,i)=>(0,o.Y)("div",{key:`${e}-list-item${i}`},(0,o.Y)("li",null,(0,o.Y)(r.A,{type:a})," ",(0,n.Ay)(t))))),u&&b&&(0,o.Y)(c.$n,{link:b,cssStyles:d},u)),l=(e,t)=>

68i.AH`
69  list-style: none;
70  text-align: left;
71
72  ${t&&"\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  "}
73
74  @media screen and (min-width: ${s.fi.small+1}px) {
75    ${e&&`\n        columns: ${e};\n        -webkit-columns: ${e};\n        -moz-columns: ${e};\n    `};
76  }
77
78  li {
79    display: grid;
80    grid-template-columns: min-content auto;
81    margin-bottom: 0.75rem;
82
83    svg {
84      margin-right: 0.5rem;
85    }
86  }
87
88  @media screen and (max-width: ${s.fi.small}px) {
89    svg {
90      margin-top: 2px;
91    }
92  }
93`,d=i.AH`
94  margin-top: 0.5rem;
95`},4892:function(e,t,a){t.A=a.p+"static/portal-f6c67e55dd384c8323fd19c1dfac45c3.webm"},6058:function(e,t,a){t.A=a.p+"static/insights-290e68fabd57bf742c45d5197dfebf83.webm"},6718:function(e,t,a){t.A=a.p+"static/roadmaps-55e6cacfdbf9933e39ea63a88d532dc4.webm"},6990:function(e,t,a){t.A=a.p+"static/cp-hero-9353f1af243ff33ad5c893e85f523546.webm"},8075:function(e,t,a){t.A=a.p+"static/okr-hero-eeee2c3461154f58b396e12a6ae088bb.webm"},8418:function(e,t,a){a.r(t),a.d(t,{Head:function(){return B},blockImageStyle:function(){return j},ctaStyle:function(){return R},featuresBlockStyle:function(){return J},heroIntroStyle:function(){return V}});var i=a(3769),n=a(1826),r=a(5992),s=a(6540),c=a(2258),o=a(3029),m=a(3533),l=a(3892),d=a(7650),p=a(7929),u=a(1718),b=a(4913),g=a(6994),f=a(7002),h=a(9455),y=a(2530),A=a(7746),w=a(2245),Y=a(7254),x=a(2932),k=a(126),v=a(1096),$=a(1335),N=a(196),T=a(2358),S=a(2169),H=a(3118),M=a(8287),P=a(4678),W=a(9978),z=a(464),D=a(4764),C=a(5851),q=a(4412),F=a(9648),I=a(3664),L=a(2982);t.default=({pageContext:{slug:e,subheading:t,heading:a,subtitle:A,benefits:B,ctaType:K,faqSection:O,integrationsTitle:X,integrationsDescription:Z,templatesTitle:_,templatesDescription:ee,templatesList:te,testimonials:ae}})=>{const ie=(0,P.u)({common:C,features:q,subheading:t,heading:a,subtitle:A,faqSection:O,integrationsTitle:X,integrationsDescription:Z,templatesTitle:_,templatesDescription:ee}),{t:ne}=ie(),re="en"===(0,z.o)(),se=(0,D.al)(N.fi.small),ce=(0,D.GM)(N.fi.large),oe=(0,n.useLocation)(),me="capacity-planning"===e,le="portfolio-management-software"===e,de=le?B.slice(0,3):B,pe=le?B.slice(3):[];return(0,L.Y)(y.Ay,null,(0,L.Y)(b.Ay,null),(0,L.Y)(o.A,null,(0,L.Y)(h.h,{subHeading:ne("subheading"),heading:ne("heading"),subtitle:ne("subtitle"),heroVideo:(0,L.Y)(v.A,{className:me?"":"gray-bordered-block",srcType:[{src:(0,W.Y)(e).MP4,type:"video/mp4"},{src:(0,W.Y)(e).Webm,type:"video/webm"}],ratio:me?1.6:1.756363636,playInView:!ce}),customBreakPoint:le?N.fi.xlarge:N.fi.large,cssStyles:V(e)}),(0,L.Y)(d.A,{size:8,color:T.T.grayLight}),de.map(({titleIsH2:e,title:t,description:a,videoFileName:i,videoRatio:n,imageSrc:o,imgStyle:m,imageCss:l,withBorder:p},u)=>{const b=(u+1)%2==0,f=(0,P.u)({title:t,description:a}),{t:h}=f();return(0,L.Y)(s.Fragment,{key:`feature-block-${u}`},(0,L.Y)(c.A,{columns:2,columnsTemplate:b?"2fr 1fr":"1fr 2fr",columnGap:2,responsiveReversed:b,key:`chart-block-item-${u}`},!b&&(0,L.Y)("div",null,e?(0,L.Y)("h2",{className:"heading3"},(0,r.Ay)(h("title"))):(0,L.Y)("h3",{className:"heading3"},(0,r.Ay)(h("title"))),(0,L.Y)("div",{className:"body-1"},(0,r.Ay)(h("description")))),(o||i)&&(i?(0,L.Y)(v.A,{srcType:[{src:(0,W.a)(i).MP4,type:"video/mp4"},{src:(0,W.a)(i).Webm,type:"video/webm"}],ratio:n&&!se?n:1.756363636,playInView:!0,className:p?"gray-bordered-block":"",loopDelay:4e3}):o&&(0,L.Y)("div",null,(0,L.Y)(g.A,{src:o,alt:h("title"),imgStyle:m,css:[l,p?void 0:j,"",""],className:p?"gray-bordered-block":void 0}))),b&&(0,L.Y)("div",null,e?(0,L.Y)("h2",{className:"heading3"},(0,r.Ay)(h("title"))):(0,L.Y)("h3",{className:"heading3"},(0,r.Ay)(h("title"))),(0,L.Y)("div",{className:"body-1"},(0,r.Ay)(h("description"))))),u!==de.length-1&&(0,L.Y)(d.A,{size:8}))}),le&&(0,L.Y)("div",{className:"blue-bg-block full-screen-relative",css:E},(0,L.Y)("h2",{className:"heading2 center center-on-small no-margin"},"How product Portfolio management ",(0,L.Y)("br",{className:"hide-on-small"})," with airfocus supports leaders"),(0,L.Y)("div",{className:"subtitle center"},"In large product organizations, work is spread across business units, product lines, and team

95s - making it hard for leaders to see how the overall portfolio is performing. airfocus brings it all together with flexible portfolio views and real-time dashboards that connect directly to your existing workspaces, so you can spot issues, track momentum and drill into execution whenever you need to. Strategic alignment becomes fast, connected, and informed."),(0,L.Y)($.A,{srcType:[{src:F.A,type:"video/mp4"},{src:I.A,type:"video/webm"}],"aria-label":"airfocus portfolio management software",thumbnail:"/images/portfolio-management-thumbnail.webp"})),pe.map(({titleIsH2:e,title:t,description:a,videoFileName:i,videoRatio:n,imageSrc:o,imgStyle:m,imageCss:l,withBorder:p},u)=>{const b=(u+1)%2==0,f=(0,P.u)({title:t,description:a}),{t:h}=f();return(0,L.Y)(s.Fragment,{key:`feature-block-${u}`},(0,L.Y)(c.A,{columns:2,columnsTemplate:b?"2fr 1fr":"1fr 2fr",columnGap:2,responsiveReversed:b,key:`chart-block-item-${u}`},!b&&(0,L.Y)("div",null,e?(0,L.Y)("h2",{className:"heading3"},(0,r.Ay)(h("title"))):(0,L.Y)("h3",{className:"heading3"},(0,r.Ay)(h("title"))),(0,L.Y)("div",{className:"body-1"},(0,r.Ay)(h("description")))),(o||i)&&(i?(0,L.Y)(v.A,{srcType:[{src:(0,W.a)(i).MP4,type:"video/mp4"},{src:(0,W.a)(i).Webm,type:"video/webm"}],ratio:n&&!se?n:1.756363636,playInView:!0,className:p?"gray-bordered-block":"",loopDelay:4e3}):o&&(0,L.Y)("div",null,(0,L.Y)(g.A,{src:o,alt:h("title"),imgStyle:m,css:[l,p?void 0:j,"",""],className:p?"gray-bordered-block":void 0}))),b&&(0,L.Y)("div",null,e?(0,L.Y)("h2",{className:"heading3"},(0,r.Ay)(h("title"))):(0,L.Y)("h3",{className:"heading3"},(0,r.Ay)(h("title"))),(0,L.Y)("div",{className:"body-1"},(0,r.Ay)(h("description"))))),u!==pe.length-1&&(0,L.Y)(d.A,{size:8}))}),"objectives-okrs"!==e&&"capacity-planning"!==e?(0,L.Y)(s.Fragment,null,(0,L.Y)(l.A,{type:le?"general":K,cssStyles:R}),le&&(0,L.Y)(s.Fragment,null,(0,L.Y)(x.A,{cssStyles:Q}),O&&O.length>0&&(0,L.Y)("div",{className:"full-screen-relative",css:U},(0,L.Y)("h2",{className:"heading2 center"},ne("common.faqText")),(0,L.Y)("div",{css:p.Gl},O.map(({question:e,answer:t},a)=>{const i=(0,P.u)({question:e,answer:t}),{t:n}=i();return(0,L.Y)(p.Tw,{key:`faq-${a}`,question:n("question"),answer:n("answer")})})))),(0,L.Y)(f.A,{heading:ne("integrationsTitle"),subtitle:ne("integrationsDescription"),linkText:ne("features.integrationsBlock.link.text"),linkUrl:"/integrations/"}),re&&(0,L.Y)(s.Fragment,null,(0,L.Y)(d.A,{size:6,color:"transparent"}),(0,L.Y)(m.A,{heading:ne("templatesTitle"),subtitle:ne("templatesDescription"),templatesSlugsArray:te}))):(0,L.Y)(d.A,{size:4,color:"transparent"}

95),le?(0,L.Y)(w.A,{testimonialData:H.FA}):(0,L.Y)(Y.A,{testimonialData:ae,cssStyles:"prioritization"===e?G:i.AH``}),(0,L.Y)(d.A,{size:4,color:"transparent"}),(0,L.Y)("h2",{className:"heading2 center"},ne("features.featuresBlock.heading")),(0,L.Y)(c.A,{columns:3,noBreakForTablet:!0,twoColumnsForMobile:!0,css:J},S.E.filter(({link:e})=>!oe.pathname.includes((0,M.Tl)(e))).map(({title:e,description:t,link:a,imageSrc:i})=>(0,L.Y)(k.A,{key:(0,M.Tl)(e),title:(0,M.Tl)(e),description:t,primaryLink:{url:(0,M.Tl)(a),text:ne("common.learnMoreText")},imageSrc:i}))),(0,L.Y)(d.A,{size:4,color:"transparent"}),(0,L.Y)(l.A,{type:"objectives-okrs"===e||me||le?K:"general"})),(0,L.Y)(u.A,null))};const B=({pageContext:{metaTitle:e,metaDescription:t,subheading:a}})=>{const i=(0,P.u)({metaTitle:e,metaDescription:t,subheading:a}),{t:n}=i();return(0,L.Y)(A.A,{lang:(0,z.o)(),title:n("metaTitle")||n("subheading"),description:n("metaDescription")})},V=e=>i.AH`
96  ${"objectives-okrs"===e&&"grid-template-columns: 470px auto"};
97  ${"portfolio-management-software"===e&&`\n    @media screen and (max-width: ${N.fi.xlarge}px) {\n      a {\n        display: flex;\n        max-width: max-content;\n        margin: 2rem auto;\n      }\n\n      .gray-bordered-block {\n        margin: 2rem auto 0;\n        width: 50rem;\n      }\n    }\n\n    @media screen and (max-width: ${N.fi.large}px) {\n      .gray-bordered-block {\n        width: 100% !important;\n      }\n    }\n    \n    @media screen and (max-width: ${N.fi.small}px) {\n      a {\n        display: block;\n        max-width: 100%;\n      }\n    }\n  `}
98
99  column-gap: 1rem;
100
101  .gray-bordered-block {
102    @media screen and (min-width: ${N.fi.medium+1}px) and (max-width: ${N.fi.large}px) {
103      width: auto;
104      margin: 2rem 7% 0;
105    }
106
107    @media screen and (max-width: ${N.fi.large}px) {
108      margin-top: 2rem;
109    }
110  }
111`,G=i.AH`
112  @media screen and (max-width: ${N.fi.small}px) {
113    .blue-gradient-bg {
114      min-height: 40.5rem;
115    }
116  }
117`,R=i.AH`
118  margin: 12rem 0;
119
120  @media screen and (max-width: ${N.fi.medium}px) {
121    margin: 10rem 0;
122  }
123
124  @media screen and (max-width: ${N.fi.small}px) {
125    margin: 8rem 0 6rem;
126  }
127`,j=i.AH`
128  @media screen and (max-width: ${N.fi.small}px) {
129    height: 50%;
130    width: auto;
131  }
132`,E=i.AH`
133  position: relative;
134
135  .subtitle {
136    max-width: 40rem;
137  }
138
139  .pm-intro-video {
140    margin: 4rem auto 0;
141    max-width: 50rem;
142  }
143
144  @media screen and (max-width: ${N.fi.large}px) {
145    .subtitle {
146      max-width: 31rem;
147    }
148  }
149`,Q=i.AH`
150  &.blue-bg-block {
151    margin-bottom: 0 !important;
152  }
153`,U=i.AH`
154  position: relative;
155  margin-top: 0;
156  padding: 8rem 0;
157  background-color: ${T.T.grayVeryLight};
158
159  & > div > div {
160    background-color: ${T.T.white};
161
162    &:hover {
163      background-color: ${T.T.white};
164    }
165  }
166`,J=i.AH`
167  max-width: 755px;
168
169  @media screen and (max-width: ${N.fi.small}px) {
170    #text-card-image {
171      aspect-ratio: 1.5;
172    }
173
174    #text-card-content {
175      padding: 1rem;
176    }
177  }
178`},9538:function(e,t,a){t.A=a.p+"static/cp-hero-d96285dd5e0ac66aea40c9616c45fbad.mp4"},9548:function(e,t,a){t.A=a.p+"static/portal-57414c76656b36a1a54632d2cf5bf891.mp4"},9648:function(e,t,a){t.A=a.p+"static/portfolio-management-0d83c6e5a79137c5ab0dd08223a4806d.mp4"},9978:function(e,t,a){a.d(t,{a:function(){return q},Y:function(){return C}});var i=a(5695),n=a(341),r=a.p+"static/cp-big-picture-3b7f28c0fd6a0a0f02d6ad617daaac26.mp4",s=a.p+"static/cp-big-picture-c8a02c6b7d6e07b0f42bcdf612f7b439.webm",c=a.p+"static/cp-buffer-3e970f7a4939bd567506ff355a02c972.mp4",o=a.p+"static/cp-buffer-d90e7ffae025d702914bac726a200287.webm",m=a(9538),l=a(6990),d=a.p+"static/cp-szenarios-be2e5a07ba6547307bb4e5e2f21c8a30.mp4",p=a.p+"static/cp-szenarios-66f2347960c3e25bdef944c10384a39a.webm",u=a(3262),b=a(6058),g=a.p+"static/okr-framework-0807408ae723832445634324b87a75bb.mp4",f=a.p+"static/okr-framework-b733a9ee9686324569981618b7ba0482.webm",h=a(4209),y=a(8075),A=a.p+"static/okr-linking-d9898947aeb97d37562c001958a4d519.mp4",w=a.p+"static/okr-linking-33a168caf08a75f56806317601762f96.webm",Y=a.p+"static/okr-outcome-a49d34e6cef21e91c3645bd8d267dc8d.mp4",x=a.p+"static/okr-outcome-3948204c4c9371421caedbc0ff77e586.webm",k=a.p+"static/okr-progress-53426d6e8cc14d416e84d30ab48e8fec.mp4",v=a.p+"static/okr-progress-3f0550ca88978cbfc95007c12394daa2.webm",$=a.p+"static/okr-transparency-05faf63b4f2e1c536944f39fe4b7b44a.mp4",N=a.p+"static/okr-transparency-20a48f2c703df08287385c3b3a80e52d.webm",T=a(9548),S=a(4892),H=a.p+"static/portfolio-management-hero-2457cfb1b5b83c4bcac36001400ff170.mp4",M=a.p+"static/portfolio-management-hero-86a64db44c482bcb774c51141fd5264d.webm",P=a(2125),W=a(774),z=a(1074),D=a(6718);const C=e=>{switch(e){case"roadmaps":return{MP4:z.A,Webm:D.A};case"prioritization":return{MP4:P.A,Webm:W.A};case"insights":return{MP4:u.A,Webm:b.A};case"portal":return{MP4:T.A,Webm:S.A};case"objectives-okrs":return{MP4:h.A,Webm:y.A};case"capacity-planning":return{MP4:m.A,Webm:l.A};case"portfolio-management-software":return{MP4:H,Webm:M};default:return{MP4:i.A,Webm:n.A}}},q=e=>{switch(e){case"okr-outcome":return{MP4:Y,Webm:x};case"okr-linking":return{MP4:A,Webm:w};case"okr-progress":return{MP4:k,Webm:v};case"okr-transparency":return{MP4:$,Webm:N};case"okr-framework":return{MP4:g,Webm:f};case"cp-buffer":return{MP4:c,Webm:o};case"cp-szenarios":return{MP4:d,Webm:p};case"cp-big-picture":return{MP4:r,Webm:s}}}}}]);
179//# sourceMappingURL=6b7190097775b4d8e0b14319e17bee0846098ad2-00576d45d27b6cf720ab.js.map