https://extropic.ai/_next/static/chunks/53.f2febbda97522c1f.js?dpl…2653861343430386230366330303038303439313430

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[53],{10053:(e,t,l)=>{l.r(t),l.d(t,{default:()=>A});var a=l(62648),n=l(5936),r=l(8985),i=l(10711),s=l(86885),o=l(32793),c=l(89621),u=l(32902),d=l(87639),f=l(95588),m=l(14397),x=l(79292),p=l(4371),h=l(47300),v=l(26800),g=l(81391),b=l(88948);function j(e){let{items:t,width:l,padding:n,children:s}=e,[o,c]=(0,b.useState)(0),[u,d]=(0,b.useState)(!1),f=(0,b.useRef)(null);(0,b.useEffect)(()=>{if(!(t.length<=1))return f.current&&clearInterval(f.current),f.current=setInterval(()=>{c(e=>(e+1)%t.length)},7e3),()=>{f.current&&clearInterval(f.current)}},[t.length]);let m=e=>{e!==o&&(f.current&&clearInterval(f.current),c(e),t.length>1&&(f.current=setInterval(()=>{c(e=>(e+1)%t.length)},7e3)))},x=t[o];if(!x)return null;let h=(()=>{let e=(0,i.Q)(x.type);if("internal"===e&&x.reference){let e=(0,i.Q)(x.reference._type);if("post"===e){let e=x.reference.category;return e?(0,i.Q)(e):"Writing"}if("mediaCoverage"===e)return"Media"}return"custom"===e&&(0,i.Q)(x.eyebrow)||"Featured"})(),v=()=>{d(!0)},j=()=>{d(!1)};return(0,a.jsxs)(r.P.div,{initial:{opacity:0}

1,animate:{opacity:1},transition:{duration:.6,delay:.8},className:(0,p.cn)("flex flex-row gap-2 pointer-events-auto",l),children:[t.length>1&&(0,a.jsx)("div",{className:"flex flex-col gap-px",children:t.map((e,t)=>(0,a.jsx)("button",{type:"button",onClick:e=>{e.preventDefault(),e.stopPropagation(),m(t)},className:"flex h-full w-[6px] items-center justify-center rounded focus:outline-none","aria-label":"Go to item ".concat(t+1),children:(0,a.jsx)("div",{className:(0,p.cn)(t===o?"bg-extropic-gold":"bg-extropic-gold/40","h-full w-[2px] rounded-full transition-colors duration-300")})},t))}),(0,a.jsx)("div",{className:(0,p.cn)("flex grow flex-col bg-extropic-deep-brown border border-extropic-copper/50 hover:border-extropic-gold transition-all duration-300 hover:shadow-[0_0_20px_rgba(212,175,55,0.3)]",n),onMouseEnter:v,onMouseLeave:j,children:(0,a.jsx)(g.N,{mode:"wait",children:s({currentItem:x,eyebrowText:h,currentIndex:o,handleBarClick:m,isHovered:u,onMouseEnter:v,onMouseLeave:j})})})]})}var y=l(14675),w=l.n(y);let N=r.P.create(w()),_={initial:{opacity:0,y:-10,filter:"blur(5px)"},animate:{opacity:1,filter:"blur(0px)",y:0,transition:{duration:.5,ease:"easeInOut"}},exit:{opacity:0,y:10,filter:"blur(5px)",transition:{duration:.5,ease:"easeInOut"}}};function Q(e){let t=(0,n.c)(28),{item:l,className:s,children:o,onMouseEnter:c,onMouseLeave:u}=e,d=void 0===s?"group flex items-start pt-1.5 gap-3 hover:opacity-80 transition-opacity":s,f=(0,i.Q)(l.type);if("internal"===f&&l.reference){let e=(0,i.Q)(l.reference._type);if((0,i.Q)(l.reference.title),"mediaCoverage"===e){let e,n;t[0]!==l.reference.url?(e=(0,i.Q)(l.reference.url),t[0]=l.reference.url,t[1]=e):e=t[1];let s=e;return s?(t[2]!==o||t[3]!==d||t[4]!==c||t[5]!==u||t[6]!==s?(n=(0,a.jsx)(r.P.a,{href:s,target:"_blank",rel:"noopener noreferrer",className:d,variants:_,initial:"initial",animate:"animate",exit:"exit",onMouseEnter:c,onMouseLeave:u,children:o}),t[2]=o,t[3]=d,t[4]=c,t[5]=u,t[6]=s,t[7]=n):n=t[7],n):null}if("post"===e){let e,n=(0,i.Q)(l.reference.slug);if(!n)return null;let r="/writing/".concat(n);return t[8]!==o||t[9]!==d||t[10]!==c||t[11]!==u||t[12]!==r?(e=(0,a.jsx)(N,{href:r,className:d,variants:_,initial:"initial",animate:"animate",exit:"exit",onMouseEnter:c,onMouseLeave:u,children:o}),t[8]=o,t[9]=d,t[10]=c,t[11]=u,t[12]=r,t[13]=e):e=t[13],e}}if("custom"===f){let e;(0,i.Q)(l.title);let n=(0,i.Q)(l.linkType),s="",f=!1;if("external"===n&&l.externalUrl){let e;t[14]!==l.externalUrl?(e=(0,i.Q)(l.externalUrl)||"",t[14]=l.externalUrl,t[15]=e):e=t[15],s=e,f=!0}else if("internal"===n&&l.internalLink){let e=(0,i.Q)(l.internalLink._type),t=(0,i.Q)(l.internalLink.slug);"post"===e&&t?s="/writing/".concat(t):"page"===e&&t?s="/".concat(t):"writingPage"===e&&(s="/writing")}if(!s)return null;if(f){let e;return t[16]!==o||t[17]!==d||t[18]!==s||t[19]!==c||t[20]!==u?(e=(0,a.jsx)(r.P.a,{href:s,target:"_blank",rel:"noopener noreferrer",className:d,variants:_,initial:"initial",animate:"animate",exit:"exit",onMouseEnter:c,onMouseLeave:u,children:o}),t[16]=o,t[17]=d,t[18]=s,t[19]=c,t[20]=u,t[21]=e):e=t[21],e}return t[22]!==o||t[23]!==d||t[24]!==s||t[25]!==c||t[26]!==u?(e=(0,a.jsx)(N,{href:s,className:d,variants:_,initial:"initial",animate:"animate",exit:"exit",onMouseEnter:c,onMouseLeave:u,children:o}),t[22]=o,t[23]=d,t[24]=s,t[25]=c,t[26]=u,t[27]=e):e=t[27],e}return null}function k(e){let t=(0,n.c)(12),{image:l,videoUrl:r,mediaType:i,alt:s,className:o}=e,c=void 0===o?"":o;if("video"===i&&r){let e,l;return t[0]!==s||t[1]!==r?(e=(0,a.jsx)("video",{src:r,autoPlay:!0,muted:!0,loop:!0,playsInline:!0,className:"w-full h-full object-cover","aria-label":s}),t[0]=s,t[1]=r,t[2]=e):e=t[2],t[3]!==c||t[4]!==e?(l=(0,a.jsx)("div",{className:c,children:e}),t[3]=c,t[4]=e,t[5]=l):l=t[5],l}if(null==l?void 0:l.asset){var u;let e,n,r=l.asset._id||l.asset._ref||"",i=null!=(u=l.altText)?u:s;return t[6]!==r||t[7]!==i?(e=(0,a.jsx)(m.default,{id:r,alt:i,className:"w-full h-full object-cover object-center absolute top-1/2 left-0 -translate-y-1/2"}),t[6]=r,t[7]=i,t[8]=e):e=t[8],t[9]!==c||t[10]!==e?(n=(0,a.jsx)("div",{className:c,children:e}),t[9]=c,t[10]=e,t[11]=n):n=t[11],n}return null}var z=l(97839);function M(e){let t,l,i,s,o,c,u,d,f,m=(0,n.c)(18),{image:x,videoUrl:p,mediaType:h,alt:g,isH

1overed:j}=e,y=(0,z.a)(1024),[w,N]=(0,b.useState)(!1);if(m[0]===Symbol.for("react.memo_cache_sentinel")?(t=()=>N(!0),l=[],m[0]=t,m[1]=l):(t=m[0],l=m[1]),(0,b.useEffect)(t,l),!w||y)return null;m[2]===Symbol.for("react.memo_cache_sentinel")?(i={height:0,opacity:0},m[2]=i):i=m[2];let _=j?"auto":0,Q=12*!!j,M=+!!j;return m[3]!==_||m[4]!==Q||m[5]!==M?(s={height:_,marginBottom:Q,opacity:M},m[3]=_,m[4]=Q,m[5]=M,m[6]=s):s=m[6],m[7]===Symbol.for("react.memo_cache_sentinel")?(o={duration:.3,ease:(0,v.A)(.4,0,.2,1)},m[7]=o):o=m[7],m[8]===Symbol.for("react.memo_cache_sentinel")?(c={duration:.3,ease:(0,v.A)(.4,0,.2,1)},m[8]=c):c=m[8],m[9]===Symbol.for("react.memo_cache_sentinel")?(u={duration:.3,height:o,marginBottom:c,opacity:{duration:.2,ease:(0,v.A)(.4,0,.2,1)}},m[9]=u):u=m[9],m[10]!==g||m[11]!==x||m[12]!==h||m[13]!==p?(d=(0,a.jsx)(k,{image:x,videoUrl:p,mediaType:h,alt:g,className:"w-full h-[100px] lg:h-[130px]"}),m[10]=g,m[11]=x,m[12]=h,m[13]=p,m[14]=d):d=m[14],m[15]!==d||m[16]!==s?(f=(0,a.jsx)(r.P.div,{initial:i,animate:s,transition:u,className:"overflow-hidden max-lg:!h-0 max-lg:!mb-0 relative",children:d}),m[15]=d,m[16]=s,m[17]=f):f=m[17],f}function P(e){let t,l=(0,n.c)(2),{children:r}=e;return l[0]!==r?(t=(0,a.jsx)(x.default,{size:"size-16",className:"text-balance",children:r}),l[0]=r,l[1]=t):t=l[1],t}function T(e){let t,l,r,i,s,o=(0,n.c)(17),{image:c,videoUrl:u,mediaType:f,title:m,eyebrow:x,isHovered:p}=e,h="none"!==f;return o[0]!==h||o[1]!==c||o[2]!==p||o[3]!==f||o[4]!==m||o[5]!==u?(t=h&&(0,a.jsx)(M,{image:c,videoUrl:u,mediaType:f,alt:m,isHovered:p}),o[0]=h,o[1]=c,o[2]=p,o[3]=f,o[4]=m,o[5]=u,o[6]=t):t=o[6],o[7]!==x?(l=(0,a.jsx)(d.default,{size:"size-12",className:"mt-1 lg:mt-px text-extropic-gold flex-shrink-0",children:x}),o[7]=x,o[8]=l):l=o[8],o[9]!==m?(r=(0,a.jsx)(P,{children:m}),o[9]=m,o[10]=r):r=o[10],o[11]!==l||o[12]!==r?(i=(0,a.jsxs)("div",{className:"flex flex-col lg:flex-row lg:items-start lg:justify-start gap-x-6 gap-y-2",children:[l,r]}),o[11]=l,o[12]=r,o[13]=i):i=o[13],o[14]!==t||o[15]!==i?(s=(0,a.jsxs)("div",{className:"flex flex-col",children:[t,i]}),o[14]=t,o[15]=i,o[16]=s):s=o[16],s}function S(e){let t,l=(0,n.c)(2),{items:r}=e;return l[0]!==r?(t=(0,a.jsx)(j,{items:r,width:"w-full lg:w-[500px] xl:w-[400px]",padding:"p-3",children:E}),l[0]=r,l[1]=t):t=l[1],t}function E(e){let{currentItem:t,eyebrowText:l,isHovered:n}=e;return(0,a.jsx)(L,{item:t,eyebrowText:l,isHovered:n},t._key)}function L(e){var t,l;let r,s,o=(0,n.c)(11),{item:c,eyebrowText:u,isHovered:d}=e,f=(0,i.Q)(null==(t=c.reference)?void 0:t.title),m=(0,i.Q)(null==(l=c.reference)?void 0:l.subt

1itle),x=c.reference?"".concat(f).concat(f&&m?": ".concat(m):""):c.title,p=c.reference?c.reference.image:c.image,h=c.reference?c.reference.videoUrl:c.videoUrl,v=c.reference?c.reference.mediaType:c.mediaType,b=x||"";return o[0]!==u||o[1]!==p||o[2]!==d||o[3]!==v||o[4]!==b||o[5]!==h?(r=(0,a.jsx)(T,{image:p,videoUrl:h,mediaType:v,title:b,eyebrow:u,isHovered:d}),o[0]=u,o[1]=p,o[2]=d,o[3]=v,o[4]=b,o[5]=h,o[6]=r):r=o[6],o[7]!==u||o[8]!==c||o[9]!==r?(s=(0,a.jsx)(g.N,{mode:"popLayout",children:(0,a.jsx)(Q,{item:c,eyebrowText:u,className:"group flex flex-col min-h-[34px] justify-start",children:r},c._key)}),o[7]=u,o[8]=c,o[9]=r,o[10]=s):s=o[10],s}let U=(0,l(72685).default)(()=>Promise.all([l.e(6553),l.e(6009),l.e(8830),l.e(8255),l.e(9394),l.e(4563),l.e(309)]).then(l.bind(l,10309)),{loadableGenerated:{webpack:()=>[10309]},ssr:!1}),I=["/","/hardware"];function A(e){let t,l,r,m,v,g,b,j,y,w,N,_,Q,k,z,M,P,T,E=(0,n.c)(50),{eyebrow:L,title:A,subtitle:B,buttons:H,bottomRightContent:q,anchorId:G,image:O,imageType:D,videoUrl:F,theme:R,paddingTop:W,paddingBottom:J}=e;E[0]!==W?(t=(0,i.Q)(W)||"page",E[0]=W,E[1]=t):t=E[1];let K=t;E[2]!==J?(l=(0,i.Q)(J)||"small",E[2]=J,E[3]=l):l=E[3];let V=l;E[4]!==R?(r=(0,i.Q)(R)||"brown",E[4]=R,E[5]=r):r=E[5];let X=r,Y="pattern"===(0,i.Q)(D),Z="video"===(0,i.Q)(D),$="black"===X?"from-black":"from-extropic-deep-brown",ee=(0,h.usePathname)();E[6]!==ee?(m=I.includes(ee),E[6]=ee,E[7]=m):m=E[7];let et=m;E[8]===Symbol.for("react.memo_cache_sentinel")?(v=(0,p.cn)("hero","min-h-screen-svh","relative overflow-hidden flex items-stretch justify-center"),E[8]=v):v=E[8],E[9]!==O||E[10]!==Y||E[11]!==Z||E[12]!==F?(g=((null==O?void 0:O.asset)||F||Y)&&(0,a.jsx)("div",{className:"absolute inset-0 z-[8]",children:Y?(0,a.jsx)(U,{className:"absolute inset-0 w-full h-full object-cover"}):Z&&F?(0,a.jsx)(c.default,{videoUrl:F,className:"w-full h-full object-cover",eager:!0}):(null==O?void 0:O.asset)?(0,a.jsx)(C,{image:O,className:"w-full h-full object-cover"}):null}),E[9]=O,E[10]=Y,E[11]=Z,E[12]=F,E[13]=g):g=E[13],E[14]!==$?(b=(0,p.cn)("z-[9] absolute inset-x-0 -bottom-px h-96 bg-gradient-to-t to-transparent pointer-events-none",$),E[14]=$,E[15]=b):b=E[15],E[16]!==b?(j=(0,a.jsx)("div",{className:b}),E[16]=b,E[17]=j):j=E[17];let el=Y&&"pointer-events-none";return E[18]!==el?(y=(0,p.cn)(el,"min-h-full flex flex-col isolate","relative z-10 justify-end items-start !h-auto","max-lg:!pb-6"),E[18]=el,E[19]=y):y=E[19],E[20]!==L||E[21]!==et||E[22]!==A?(w=A&&(0,a.jsxs)("div",{style:{animation:"fade-in 0.5s ease-out 0.5s both"},children:[L&&(0,a.jsx)(d.default,{size:"size-16",className:"mb-4",children:L}),(0,a.jsx)(f.default,{className:(0,p.cn)("uppercase !select-none","md:text-[72px] xl:text-[96px]"),size:"size-96",content:(0,i.Q)(A),maskText:et})]}),E[20]=L,E[21]=et,E[22]=A,E[23]=w):w=E[23],E[24]!==B?(N=B&&(0,a.jsx)("div",{className:"mt-4 lg:mt-12",style:{animation:"fade-in 0.6s ease-out 0.3s both"},children:(0,a.jsx)(x.default,{size:"size-20",className:"max-w-[750px] text-balance",content:B})}),E[24]=B,E[25]=N):N=E[25],E[26]!==w||E[27]!==N?(_=(0,a.jsxs)("div",{className:"w-full max-w-[800px]",children:[w,N]}),E[26]=w,E[27]=N,E[28]=_):_=E[28],E[29]!==H?(Q=H&&H.length>0&&(0,a.jsx)("div",{style:{animation:"fade-in 0.6s ease-out 0.6s both"},className:"mt-8 pointer-events-auto",children:(0,a.jsx)(u.A,{buttons:H})}),E[29]=H,E[30]=Q):Q=E[30],E[31]!==_||E[32]!==Q?(k=(0,a.jsxs)("div",{className:"flex flex-col items-start text-left gap-y-4 gap-x-4 flex-1",children:[_,Q]}),E[31]=_,E[32]=Q,E[33]=k):k=E[33],E[34]!==q?(z=q&&q.length>0&&(0,a.jsx)(S,{items:q}),E[34]=q,E[35]=z):z=E[35],E[36]!==k||E[37]!==z?(M=(0,a.jsxs)("div",{className:"w-full flex flex-col lg:flex-row lg:items-end lg:justify-between gap-y-16 gap-x-8",children:[k,z]}),E[36]=k,E[37]=z,E[38]=M):M=E[38],E[39]!==V||E[40]!==K||E[41]!==y||E[42]!==M?(P=(0,a.jsx)(s.A,{paddingTop:K,paddingBottom:V,className:y,children:M}),E[39]=V,E[40]=K,E[41]=y,E[42]=M,E[43]=P):P=E[43],E[44]!==G||E[45]!==P||E[46]!==g||E[47]!==j||E[48]!==X?(T=(0,a.jsxs)(o.A,{anchorId:G,theme:X,className:v,children:[g,j,P]}),E[44]=G,E[45]=P,E[46]=g,E[47]=j,E[48]=X,E[49]=T):T=E[49],T}function C(e){var t;let l,i,s,o,c,u=(0,n.c)(10),{image:d,className:f}=e;if(!(null==d?void 0:d.asset))return null;u[0]!==f?(l=(0,p.cn)("w-full h-full overflow-hidden relative isolate",f),u[0]=f,u[1]=l):l=u[1];let x=d.asset._id||d.asset._ref||"",h=null!=(t=d.altText)?t:"";return u[2]===Symbol.for("react.memo_cache_sentinel")?(i={q:90},u[2]=i):i=u[2],u[3]===Symbol.for("react.memo_cache_sentinel")?(s={backgroundColor:"rgba(var(--extropic-copper-rgb)/1)"},u[3]=s):s=u[3],u[4]!==x||u[5]!==h?(o=(0,a.jsx)(m.default,{id:x,alt:h,queryParams:i,sizes:"100vw",fetchPriority:"high",style:s,className:"w-full h-full object-cover z-[1]"}),u[4]=x,u[5]=h,u[6]=o):o=u[6],u[7]!==l||u[8]!==o?(c=(0,a.jsx)(r.P.div,{className:l,children:o}),u[7]=l,u[8]=o,u[9]=c):c=u[9],c}}}]);