1"use strict";(self.webpackChunkinsight_timer=self.webpackChunkinsight_timer||[]).push([[490],{17252:(e,t,i)=>{i.r(t),i.d(t,{default:()=>W});var a=i(81085),n=i(38341),s=i(52544),o=i(4021),r=i(70583),l=i(28367),c=i(54541),d=i(32480),g=i(95254),h=i(6109),p=i.n(h);const b=i.p+"static/media/calm.c0634d6401d2be388064.webp",x=i.p+"static/media/chart-background.c28945377346a045bb51.webp",u=i.p+"static/media/headspace.3f7fcec2413416e7f539.webp",m=i.p+"static/media/insight.e64bc03c8281ce831e34.webp";var f=i(85833),j=i(15263),w=i(93789),v=i(64582);const F=e=>{let{image:t,title:i,isActive:n,delay:o,...r}=e;return(0,v.jsxs)(s.T,{spacing:1,...r,children:[(0,v.jsx)(a.o,{height:{base:27,lg:62},children:(0,v.jsx)(f._,{src:t,alt:i,width:n?{base:27,lg:62}:0,transition:`width 0.5s ${w.AK}`,transitionDelay:`${null!==o&&void 0!==o?o:0}s`})}),(0,v.jsx)(j.E,{fontSize:{base:8,lg:16},color:"white",whiteSpace:"nowrap",fontWeight:"600",fontFamily:"ProximaNova",transform:n?"translateY(0)":"translateY(10px)",opacity:n?1:0,transition:`transform 0.3s ${w.AK}, opacity 0.3s ${w.AK}`,transitionDelay:`${null!==o&&void 0!==o?o:.3}s`,children:i})]})};var k=i(68782),y=i(27356);const A=e=>(0,v.jsx)(a.o,{width:"50%",fontSize:{base:12,lg:20},fontWeight:600,fontFamily:"ProximaNova",color:"white",px:4,textAlign:"center",...e}),S=[12,"Sessions (minutes)",2],C=()=>(0,v.jsx)(n.s,{position:"absolute",height:{base:400,lg:600},left:0,children:(0,v.jsx)(n.s,{flexDirection:"column",justifyContent:"space-between",alignItems:"flex-end",children:S.map(((e,t)=>(0,v.jsx)(r.H5,{as:"h3",color:"white",width:13,whiteSpace:"nowrap",transform:1===t?"rotate(-90deg)":"unset",position:"relative",bottom:1===t?"-10%":0,fontWeight:500,fontSize:{base:12,lg:20},children:e},e)))})}),z=[10,"Monthly sessions",32],E=()=>(0,v.jsx)(n.s,{width:"100%",mt:{base:2,lg:6},justifyContent:"space-between",children:z.map((e=>(0,v.jsx)(r.H5,{as:"h3",color:"white",fontWeight:500,fontSize:{base:12,lg:20},children:e},e)))}),W=()=>{const[e,t]=(0,g.useState)(!1),{isLgScreen:i}=(0,d.A)(),{onOpenOnboardingModal:a}=(0,c.YF)();return(0,v.jsxs)(s.T,{spacing:14,pt:{base:10,lg:120},pb:120,backgroundImage:x,backgroundSize:"cover",backgroundPosition:"top center",position:"relative",children:[(0,v.jsx)(o.a,{width:"100%",height:450,background:"linear-gradient(0deg, rgba(248, 244, 239, 0) 0%, #F8F4EF 100%)",position:"absolute",top:0,pointerEvents:"none"}),(0,v.jsx)(y.A,{position:"relative",title:"An app you\u2019ll use again and again",description:"Wellness means different things to different people. With a focus on personalization and choice, more time is spent on Insight Timer than all other meditation apps.",px:{base:70,lg:0}}),(0,v.jsx)(l.A,{position:"relative",children:(0,v.jsxs)(o.a,{position:"relative",px:{base:6,lg:12},children:[(0,v.jsx)(C,{}),(0,v.jsx)(p(),{active:!e,onChange:i=>{e||t(i)},children:(0,v.jsxs)(n.s,{backdropFilter:"blur(15px)",borderRadius:15,flexWrap:"wrap",overflow:"hidden",boxShadow:"0 0 100px 0 rgba(0,0,0,0.2)",height:{base:400,lg:600},backgroundColor:"rgba(255, 255, 255, 0.1)",children:[(0,v.jsx)(A,{children:"High Intensity"}),(0,v.jsx)(A,{children:"Deep Engagement"}),(0,v.jsx)(A,{children:"Average Engagement"}),(0,v.jsx)(A,{children:"High Frequency"}),(0,v.jsx)(F,{image:b,title:"Calm",position:"absolute",left:i?200:50,bottom:i?180:120,width:{base:45,lg:100},isActive:e,delay:.3}),(0,v.jsx)(F,{image:u,title:"Headspace",position:"absolute",width:{base:45,lg:100},left:i?8:4,bottom:i?8:4,isActive:e,delay:0}),(0,v.jsx)(F,{image:m,title:"Insight Timer",position:"absolute",width:{base:45,lg:100},right:i?8:4,top:i?8:4,isActive:e,delay:.6}),(0,v.jsx)(o.a,{width:{base:"1px"},height:"100%",background:"linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 50%, rgba(255, 255, 255, 0) 100%)",position:"absolute",left:"50%",pointerEvents:"none"}),(0,v.jsx)(o.a,{width:"100%",height:{base:"1px"},background:"linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 50%, rgba(255, 255, 255, 0) 100%)",position:"absolute",top:"50%",pointerEvents:"none"})]})}),(0,v.jsx)(E,{})]})}),(0,v.jsx)(o.a,{children:(0,v.jsx)(k.A,{background:"teal.500",color:"white",_hover:{background:"teal.500"},_active:{background:"teal.500"},mt:{base:0,lg:10},onClick:()=>a(),children:"Get Started"})})]})}},93789:(e,t,i)=>{i.d(t,{AK:()=>a});const a="cubic-bezier(.19,1,.22,1)"}}]); 2//# sourceMappingURL=490.7dd7d969.chunk.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.