https://airfocus.com/41971279e1d2dbe5d163c309008b3b30386aa014-9cb69f01c699f5cbd194.js

1"use strict";(self.webpackChunkairfocus=self.webpackChunkairfocus||[]).push([[7378],{341:function(e,a,t){a.A=t.p+"static/homepage-bac5c72d06b8f9245ad774b80b366489.webm"},1096:function(e,a,t){var r=t(8168),i=t(3769),n=t(6540),s=t(196),o=t(2358),l=t(4033),m=t(8117),c=t(5557),d=t(2982);a.A=({id:e,srcType:a,ratio:t,className:i,autoPlay:s=!0,loop:o=!0,thumbnail:g,playInView:f=!1,loopDelay:b,withPlayPause:y=!0,...v})=>{const x=v["aria-label"],w=n.useRef(null),[A,Y]=n.useState(!1),[$,N]=n.useState(!1),[k,I]=n.useState(!1),[E,H]=n.useState(!1),S=n.useRef(null),T=n.useRef(!1),L=n.useCallback(()=>{S.current&&clearTimeout(S.current),S.current=setTimeout(()=>H(!1),2e3)},[]),P=n.useCallback(()=>{w.current&&($?w.current.pause():w.current.play().catch(e=>{console.error("Error attempting to play video:",e)}))},[$]);return n.useEffect(()=>()=>{S.current&&clearTimeout(S.current)},[]),n.useEffect(()=>{y&&k&&!T.current&&($||(H(!0),L()))},[$,y,k,L]),n.useEffect(()=>{const e=w.current;if(!e||!y)return;const a=()=>{T.current=!1,N(!0),I(!0)},t=()=>{var e;null!==(e=w.current)&&void 0!==e&&e.ended&&(T.current=!0),N(!1)};return e.addEventListener("play",a),e.addEventListener("pause",t),e.paused||(N(!0),I(!0)),()=>{e.removeEventListener("play",a),e.removeEventListener("pause",t)}},[y]),n.useEffect(()=>{if(!f||!w.current)return;let e=!1,a=!1;const t=()=>{e&&a&&Y(!0)},r=setTimeout(()=>{a=!0,t()},2e3),i=new IntersectionObserver(a=>{e=a[0].isIntersecting,t()},{threshold:.1});return i.observe(w.current),()=>{clearTimeout(r),i.disconnect()}},[f]),n.useEffect(()=>{const e=()=>{T.current=!0,setTimeout(()=>{var e;T.current=!1,null===(e=w.current)||void 0===e||e.play().catch(e=>{console.error("Error attempting to loop video:",e)})},b)};return w.current&&o&&b&&w.current.addEventListener("ended",e),()=>{var a;null===(a=w.current)||void 0===a||a.removeEventListener("ended",e)}},[b,o]),n.useEffect(()=>{w.current&&s&&(!f||f&&A)&&w.current.play().catch(e=>{console.error("Error attempting to autoplay video:",e)})},[s,f,A]),(0,d.Y)("div",(0,r.A)({id:e,style:{position:"relative",overflow:"hidden"},className:i,onClick:y?()=>{P(),H(!0),L()}:void 0,onMouseMove:y?()=>{H(!0),$||L()}:void 0,onMouseLeave:y?()=>{$&&H(!1)}:void 0},y?{}:x?{role:"img","aria-label":x}:{"aria-hidden":!0}),(0,d.Y)("div",{style:{width:"100%",paddingBottom:`${(1/t*100).toFixed(4)}%`}}),(0,d.Y)("video",{autoPlay:s&&(!f||f&&A),playsInline:!0,loop:o&&!b,muted:!0,css:u,ref:w,poster:g},a.map(({src:e,type:a},t)=>(0,d.Y)("source",{key:t,src:e,type:a})),"Your browser does not support the video tag."),y&&(0,d.Y)(l.$n,{type:"unstyled",className:"play-pause-overlay",cssStyles:p,style:E?{display:"flex",opacity:1,pointerEvents:"auto",visibility:"visible"}:void 0,tabIndex:0,"aria-label":$?"Pause":"Play"},$?(0,d.Y)(m.A,{className:"pause-icon",css:h,"aria-hidden":!0}):(0,d.Y)(c.A,{className:"play-icon",css:h,"aria-hidden":!0})))};const u=i.AH`
2  position: absolute;
3  left: 0;
4  top: 0;
5  width: 100%;
6  height: 100%;
7`,p=i.AH`
8  position: absolute;
9  top: 50%;
10  left: 50%;
11  transform: translate(-50%, -50%);
12  width: 4rem;
13  height: 4rem;
14  border-radius: 50%;
15  border: 2px solid ${o.T.white};
16  background: rgba(0, 0, 0, 0.5);
17  backdrop-filter: blur(2px);
18  display: flex;
19  align-items: center;
20  justify-content: center;
21  transition:
22    transform 0.25s ease,
23    background 0.2s ease;
24  opacity: 0;
25  pointer-events: none;
26
27  &:hover {
28    transform: translate(-50%, -50%) scale(1.05);
29    background: rgba(0, 0, 0, 0.7);
30  }
31
32  &:focus-visible {
33    opacity: 1;
34    display: flex;
35    visibility: visible;
36    pointer-events: auto;
37  }
38
39  @media (hover: none) {
40    visibility: hidden;
41  }
42
43  @media screen and (max-width: ${s.fi.medium}px) {
44    width: 3rem;
45    height: 3rem;
46  }
47`,h=i.AH`
48  &.play-icon {
49    width: 1.5rem;
50    height: 1.5rem;
51    margin-left: 0.15rem;
52  }
53
54  &.pause-icon {
55    width: 2rem;
56    height: 2rem;
57  }
58
59  @media screen and (max-width: ${s.fi.medium}px) {
60    &.play-icon {
61      width: 1rem;
62      height: 1rem;
63      margin-left: 0.22rem;
64    }
65
66    &.pause-icon {
67      width: 1.5rem;
68      height: 1.5rem;
69    }
70  }
71`},5695:function(e,a,t){a.A=t.p+"static/homepage-ce9b46587195e00acd3d08fa304fb65e.mp4"},7041:function(e,a,t){var r=t(8168),i=t(3769),n=t(196),s=t(3764),o=t(4501),l=t(2653),m=t(6936),c=t(2

71109),d=t(4301),u=t(4166),p=t(2982);a.A=({cssStyles:e,...a})=>(0,p.Y)(u.A,(0,r.A)({},a,{cssStyles:i.AH`
72      ${h}
73      ${e}
74    `}),(0,p.Y)(o.A,{height:34,className:"google",role:"img","aria-label":"Google"}),(0,p.Y)(s.A,{height:29,className:"amazon",role:"img","aria-label":"Amazon"}),(0,p.Y)(d.A,{height:38,className:"nvidia",role:"img","aria-label":"NVIDIA"}),(0,p.Y)(l.A,{height:32,className:"mcdonalds",role:"img","aria-label":"McDonald's"}),(0,p.Y)(c.A,{height:38,className:"nbc",role:"img","aria-label":"NBC"}),(0,p.Y)(m.A,{height:34,className:"nasdaq",role:"img","aria-label":"Nasdaq"}));const h=i.AH`
75  #partners-container-block {
76    gap: 4rem;
77    opacity: 0.75;
78
79    .nbc {
80      transform: translateY(-3px);
81    }
82
83    .amazon {
84      transform: translateY(3px);
85    }
86  }
87
88  @media screen and (max-width: ${n.fi.large}px) {
89    #partners-container-block {
90      gap: 7%;
91    }
92  }
93
94  @media screen and (max-width: ${n.fi.medium}px) {
95    #partners-container-block {
96      max-width: 27rem;
97      gap: 2rem 4rem;
98    }
99  }
100
101  @media screen and (max-width: ${n.fi.small}px) {
102    #partners-container-block {
103      gap: 2rem 3.5rem;
104    }
105
106    .google {
107      order: 1;
108    }
109    .amazon {
110      order: 2;
111    }
112    .nvidia {
113      order: 3;
114    }
115    .mcdonalds {
116      order: 4;
117    }
118    .nbc {
119      order: 5;
120    }
121    .nasdaq {
122      order: 6;
123    }
124  }
125`},9455:function(e,a,t){t.d(a,{h:function(){return x}});var r=t(3769),i=t(5992),n=t(6540),s=t(196),o=t(2358),l=t(1887),m=t(4991),c=t(5695),d=t(341),u=t(2258),p=t(4033),h=t(6994),g=t(4398),f=t(7505),b=t(7041),y=t(1096),v=t(2982);const x=({subHeading:e,heading:a,subtitle:t,withBetaLabel:r,listItems:o,heroVideo:x,imgSrc:E,subheadingIsH2:H=!1,isAdPage:S=!1,customBreakPoint:T=s.fi.large,withLucidPartners:L=!1,cssStyles:P})=>{var C;const{t:B}=(0,m.B)();return(0,v.Y)(n.Fragment,null,(0,v.Y)(u.A,{columns:2,rowGap:0,columnGap:0,columnsTemplate:"1fr 1.2fr",css:[w(T),!!P&&P,"",""]},(0,v.Y)("div",{css:A(T)},H?(0,v.Y)("h2",{className:"subtitle gray-text"},(e||B("Intro.subheading")).toUpperCase()," ",r&&(0,v.Y)("span",{className:"beta"},"Beta")):(0,v.Y)("h1",{className:"subtitle gray-text"},(0,i.Ay)((e||B("Intro.subheading")).toUpperCase())," ",r&&(0,v.Y)("span",{className:"beta"},"BETA")),H?(0,v.Y)("h1",{className:S?"heading2 no-margin":"heading1 small"},(0,i.Ay)(a||B("Intro.heading"))):(0,v.Y)("h2",{className:S?"heading2 no-margin":"heading1 small"},(0,i.Ay)(a||B("Intro.heading"))),(0,v.Y)("div",{css:$(T),className:"subtitle"},(0,i.Ay)(t||B("Intro.subtitle"))),(0,v.Y)(p.s,{cssStyles:N(T)}),o&&(0,v.Y)(g.q,{listItems:o,cssStyle:k(o.length,T)})),x||(E?(0,v.Y)(h.A,{src:E,alt:null!==(C=e||B("Intro.subheading"))&&void 0!==C?C:a||B("Intro.heading")}):(0,v.Y)("div",{css:I(T)},(0,v.Y)(y.A,{srcType:[{src:c.A,type:"video/mp4"},{src:d.A,type:"video/webm"}],ratio:1.3,playInView:!(0,l.xl)(T||s.fi.large+1)})))),L?(0,v.Y)(b.A,{cssStyles:Y}):(0,v.Y)(f.A,{cssStyles:Y}))},w=e=>r.AH`
126  @media screen and (max-width: ${e}px) {
127    grid-template-columns: 1fr;
128  }
129`,A=e=>r.AH`
130  color: #1c2329;
131  height: auto;
132  padding: 4rem 0;
133
134  .beta {
135    padding: 0 0.5rem 0 0.5rem;
136    margin-left: 0.25rem;
137    transform: translateY(-3px);
138  }
139
140  @media screen and (max-width: ${e}px) {
141    padding-bottom: 0;
142
143    .heading1,
144    .heading2,
145    .subtitle,
146    div {
147      text-align: center !important;
148    }
149  }
150
151  @media screen and (max-width: ${s.fi.medium}px) {
152    padding-top: 3rem;
153  }
154
155  @media screen and (max-width: ${s.fi.small}px) {
156    h2.subtitle.gray-text {
157      margin-left: -0.5rem;
158      margin-right: -0.5rem;
159    }
160  }
161`,Y=r.AH`
162  display: block;
163`,$=e=>r.AH`
164  color: ${o.T.black};
165
166  @media screen and (max-width: ${e}px) {
167    max-width: 50rem;
168    margin: 1.5rem auto 0.5rem !important;
169  }
170`,N=e=>r.AH`
171  margin-top: 1rem;
172
173  @media screen and (max-width: ${e}px) {
174    display: block;
175    width: fit-content;
176    margin-left: auto;
177    margin-right: auto;
178  }
179`,k=(e,a)=>r.AH`
180  li {
181    grid-template-columns: min-content max-content !important;
182  }
183
184  @media screen and (min-width: ${(e%2?a:s.fi.small)+1}px) {
185    ${e>3&&" ul {\n          display: grid !important;\n          grid-template-columns: repeat(2, max-content);\n        }\n      "}
186  }
187
188  ul {
189    display: flex;
190    align-items: center;
191    gap: 0.75rem 2rem;
192    flex-wrap: wrap;
193    margin: 2rem 0 0 !important;
194
195    li {
196      margin-bottom: 0;
197    }
198
199    @media screen and (max-width: ${a}px) {
200      justify-content: center;
201    }
202
203    @media screen and (max-width: ${e>2?"800":s.fi.small}px) {
204      flex-direction: column;
205      row-gap: 0.25rem;
206
207      li {
208        margin-bottom: 0.5rem;
209      }
210    }
211  }
212`,I=e=>r.AH`
213  @media screen and (min-width: ${e||s.fi.large+1}px) {
214    transform: translateX(0.5rem) translateY(1rem) scale(1.03);
215  }
216
217  @media screen and (min-width: ${s.fi.medium+1}px) and (max-width: ${e}

217px) {
218    margin: 0 auto;
219    width: 40rem;
220  }
221`}}]);
222//# sourceMappingURL=41971279e1d2dbe5d163c309008b3b30386aa014-9cb69f01c699f5cbd194.js.map