https://www.attachedapp.com/_next/static/chunks/6377-99bc29015e834e77.js?dpl=dpl_A8T3KUW4daSD9ainTYSNkZrdswXK

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6377],{6377:(t,e,a)=>{a.r(e),a.d(e,{default:()=>r});var s=a(7876),i=a(4232);function r(t){let{labelTopTitle:e="Hippocampus & amygdala",labelTopSubtitle:a="for memory reconsolidation",labelLeftTitle:r="Visual Cortex",labelLeftBody:o="for visualization, amplifying emotional effects",labelRightTitle:n="Cognitive appraisal",labelRightBody:d="for letting go, strengthens long–term emotional resilience",labelBottomRightTitle:l="Amygdala",labelBottomRightBody:p="for emotional dysregulation & stress",labelBottomLeftTitle:c="Vagus nerve",labelBottomLeftBody:x="for soothing fight–or–flight",videoSrc:u="/assets/images/landing/videos/attahced_appdiagram_swirling_around_3eafe44a-68ff-45bc-a765-86bfc38d66c2_1.mp4",posterSrc:f="/assets/images/landing/videos/brain-diagram-poster.webp"}=t,b=(0,i.useRef)(null),[m,h]=(0,i.useState)(!1),[v,y]=(0,i.useState)(0),[g,w]=(0,i.useState)(0),[N,j]=(0,i.useState)(0),[E,S]=(0,i.useState)(0),[I,O]=(0,i.useState)(0),[R,L]=(0,i.useState)(0),_=(0,i.useRef)(null),F=(0,i.useRef)(null),T=(0,i.useRef)(0),[k,z]=(0,i.useState)(1);return(0,i.useEffect)(()=>{let t=_.current;if(!t||"undefined"==typeof IntersectionObserver)return void h(!0);let e=new IntersectionObserver(t=>{let[e]=t;return h(e.isIntersecting)},{rootMargin:"300px 0px",threshold:.1});return e.observe(t),()=>e.disconnect()},[]),(0,i.useEffect)(()=>{let t=b.current;if(!t)return;if(!m)return void t.pause();t.playbackRate=1;let e=()=>{let e=t.play();e&&"function"==typeof e.catch&&e.catch(()=>{})};return t.readyState>=2?e():t.addEventListener("loadeddata",e,{once:!0}),()=>{null==t||t.removeEventListener("loadeddata",e)}},[m]),(0,i.useEffect)(()=>{let t=b.current;if(!t)return;let e={fadeInStart:2,fadeInEnd:2.5,fadeOutStart:3.5,fadeOutEnd:5},a={fadeInStart:2.3,fadeInEnd:3.3,fadeOutStart:4.2,fadeOutEnd:5},s={fadeInStart:0,fadeInEnd:.5,fadeOutStart:1.5,fadeOutEnd:2},i={fadeInStart:2.8,fadeInEnd:3.5,fadeOutStart:4.5,fadeOutEnd:5},r={fadeInStart:2.6,fadeInEnd:3.6,fadeOutStart:4.2,fadeOutEnd:5},o=(t,e)=>t<e.fadeInStart?0:t>=e.fadeInStart&&t<=e.fadeInEnd?(t-e.fadeInStart)/(e.fadeInEnd-e.fadeInStart):t>e.fadeInEnd&&t<e.fadeOutStart?1:t>=e.fadeOutStart&&t<=e.fadeOutEnd?1-(t-e.fadeOutStart)/(e.fadeOutEnd-e.fadeOutStart):0,n=()=>{let n=performance.now();if(n-T.current<200)return;T.current=n;let d=t.currentTime||0;y(o(d,{fadeInStart:0,fadeInEnd:.8,fadeOutStart:1,fadeOutEnd:1.2})),L(o(d,e)),w(o(d,a)),j(o(d,s)),S(o(d,i)),O(o(d,r))};return n(),t.addEventListener("timeupdate",n),t.addEventListener("loadedmetadata",n),t.addEventListener("playing",n),()=>{t.removeEventListener("timeupdate",n),t.removeEventListener("loadedmetadata",n),t.removeEventListener("playing",n)}},[]),(0,i.useEffect)(()=>{let t=F.current;if(!t||"undefined"==typeof ResizeObserver)return;let e=new ResizeObserver(t=>{var e;let[a]=t,s=Math.min(1,(null!=(e=null==a?void 0:a.contentRect.width)?e:720)/720);z(t=>t===s?t:s)});return e.observe(t),()=>e.disconnect()},[]),(0,s.jsx)("section",{id:"brain-section",ref:_,className:"relative mt-0",children:(0,s.jsx)("div",{className:"relative overflow-hidden rounded-[32px] sm:rounded-[40px] w-[calc(100%-32px)] max-w-3xl mx-auto bg-white",children:(0,s.jsx)("div",{className:"px-6 sm:px-8 pt-0 pb-10",children:(0,s.jsx)("div",{ref:F,className:"relative mt-0",style:{height:804*k},children:(0,s.jsx)("div",{className:"absolute left-1/2 -translate-x-1/2 rounded-[24px] overflow-hidden",style:{width:720*k,height:804*k},children:(0,s.jsxs)("div",{className:"relative",style:{width:720,height:900,marginTop:-96*k,transform:"translate3d(0,0,0) scale(".concat(k,")"),transformOrigin:"top left",willChange:"transform"},children:[(0,s.jsx)("video",{ref:b,className:"absolute inset-x-0 bottom-[220px] w-full h-auto object-contain bg-white top-[220px]",src:u,poster:f,muted:!0,loop:!0,playsInline:!0,preload:m?"metadata":"none"}),(0,s.jsx)("div",{className:"pointer-events-none absolute inset-x-0 top-0 h-[220px] bg-white"}),(0,s.jsxs)("div",{className:"pointer-events-none absolute inset-0",children:[(0,s.jsxs)("div",{className:"absolute left-1/2 top-[112px] -translate-x-1/2 text-center text-[#008b38] transition-opacity duration-300",style:{opacity:R},children:[(0,s.jsx)("div",{className:"text-[18px] sm:text-[20px] font-semibold",children:e}),(0,s.jsx)("div",{className:"text-sm",children:a})]}),(0,s.jsx)("div",{className:"absolute left-1/2 top-[460px] -translate-x-1/2 w-[120px] h-[120px] rounded-full border-2 border-dashed border-[#FFFFFF]/70 transition-opacity duration-300",style:{opacity:R}}),(0,s.jsx)("div",{className:"absolute left-1/2 top-[100px] -translate-x-1/2 w-px h-[400px] border-l-2 border-[#008b38]/70 transition-opacity duration-300",style:{opacity:R}}),(0,s.jsx)("div",{className:"absolute left-1/2 top-[500px] -translate-x-1/2 transition-opacity duration-300",style:{width:0,height:0,borderLeft:"clamp(8px,1.2vw,12px) solid transparent",borderRight:"clamp(8px,1.2vw,12px) solid transparent",borderBottom:"clamp(12px,1.8vw,18px) solid #008b38",opacity:R}}),(0,s.jsxs)("div",{className:"absolute left-6 top-[140px] max-w-[260px] text-[#008b38] transition-opacity duration-300",style:{opacity:g},children:[(0,s.jsx)("div",{className:"font-semibold",children:r}),(0,s.jsx)("div",{className:"text-sm",children:o})]}),(0,s.jsx)("div",{className:"absolute left-[92px] top-[250px] w-[2px] h-[210px] bg-[#008b38] transition-opacity duration-300",style:{opacity:g}}),(0,s.jsx)("div",{className:"absolute left-[92px] top-[458px] w-[110px] h-[2px] bg-[#008b38] transition-opacity duration-300",style:{opacity:g}}),(0,s.jsx)("div",{className:"absolute transition-opacity duration-300",style:{left:"202px",to

1p:"452px",width:0,height:0,borderTop:"clamp(8px,1.2vw,12px) solid transparent",borderBottom:"clamp(8px,1.2vw,12px) solid transparent",borderRight:"clamp(12px,1.8vw,18px) solid #008b38",opacity:g}}),(0,s.jsx)("div",{className:"absolute left-[184px] top-[408px] w-[110px] h-[110px] rounded-full border-2 border-dashed border-[#008b38]/60 transition-opacity duration-300",style:{opacity:g}}),(0,s.jsxs)("div",{className:"absolute right-0 top-[140px] max-w-[270px] text-right text-[#008b38] transition-opacity duration-300",style:{opacity:N},children:[(0,s.jsx)("div",{className:"font-semibold",children:n}),(0,s.jsx)("div",{className:"text-sm",children:d})]}),(0,s.jsx)("div",{className:"absolute right-[35px] top-[230px] w-[2px] h-[230px] bg-[#008b38] transition-opacity duration-300",style:{opacity:N}}),(0,s.jsx)("div",{className:"absolute right-[35px] top-[460px] w-[120px] h-[2px] bg-[#008b38] transition-opacity duration-300",style:{opacity:N}}),(0,s.jsx)("div",{className:"absolute transition-opacity duration-300",style:{right:"150px",top:"455px",width:0,height:0,borderTop:"clamp(8px,1.2vw,12px) solid transparent",borderBottom:"clamp(8px,1.2vw,12px) solid transparent",borderLeft:"clamp(12px,1.8vw,18px) solid #008b38",opacity:N}}),(0,s.jsx)("div",{className:"absolute right-[80px] top-[400px] w-[120px] h-[120px] rounded-full border-2 border-dashed border-[#008b38]/70 transition-opacity duration-300",style:{opacity:N}}),(0,s.jsxs)("div",{className:"absolute right-6 bottom-[52px] max-w-[300px] text-right text-[#008b38] transition-opacity duration-300",style:{opacity:E},children:[(0,s.jsx)("div",{className:"font-semibold",children:l}),(0,s.jsx)("div",{className:"text-sm",children:p})]}),(0,s.jsxs)("div",{className:"absolute right-[190px] top-[460px]",children:[(0,s.jsx)("div",{className:"size-[120px] rounded-full border-2 border-dashed border-[#008b38]/60 transition-opacity duration-300",style:{opacity:E}}),(0,s.jsx)("div",{className:"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 size-[10px] transition-opacity duration-300",style:{width:0,height:0,borderLeft:"8px solid transparent",borderRight:"8px solid transparent",borderTop:"14px solid #008b38",opacity:E}}),(0,s.jsx)("div",{className:"absolute left-1/2 top-[60px] w-[2px] h-[280px] bg-[#008b38] transition-opacity duration-300",style:{opacity:E}})]}),(0,s.jsxs)("div",{className:"absolute left-6 bottom-[12px] max-w-[280px] text-[#008b38] transition-opacity duration-300",style:{opacity:I},children:[(0,s.jsx)("div",{className:"font-semibold",children:c}),(0,s.jsx)("div",{className:"text-sm",children:x})]}),(0,s.jsx)("div",{className:"absolute left-[8%] bottom-[80px] w-[2px] h-[260px] bg-[#008b38] transition-opacity duration-300",style:{opacity:I}}

1),(0,s.jsx)("div",{className:"absolute left-[8%] bottom-[340px] w-[80px] h-[2px] bg-[#008b38] transition-opacity duration-300",style:{opacity:I}}),(0,s.jsx)("div",{className:"absolute left-[10%] bottom-[290px] w-[110px] h-[110px] rounded-full border-2 border-dashed border-[#008b38]/60 transition-opacity duration-300",style:{opacity:I}}),(0,s.jsx)("div",{className:"absolute left-[19%] bottom-[334px] transition-opacity duration-300",style:{width:0,height:0,borderTop:"clamp(8px,1.2vw,12px) solid transparent",borderBottom:"clamp(8px,1.2vw,12px) solid transparent",borderRight:"clamp(12px,1.8vw,18px) solid #008b38",opacity:I}})]})]})})})})})})}}}]);