https://sych-website-one.vercel.app/assets/ArcPreview-CyPhX-j3.js

1import{j as e}from"./index-BupmE3k3.js";import{r as g}from"./vendor-router-CSoECBMm.js";const h="'Cormorant Garamond', Georgia, 'Times New Roman', serif",a="'IBM Plex Mono', 'Courier New', monospace",f="'Plus Jakarta Sans', 'Outfit', system-ui, sans-serif",s=[{time:"00:00",label:"Baseline Read",hrv:82,zone:"Anxious",color:"#F5A623",desc:"PPG sensor establishes your resting HRV. Stimulation locked."},{time:"05:00",label:"Audio Prime",hrv:74,zone:"Settling",color:"#B8A89A",desc:"Audio recommendation engine begins. HRV trending down."},{time:"10:00",label:"Threshold",hrv:66,zone:"Focused",color:"#00A854",desc:"HRV crosses the gate. Stimulation unlocks automatically."},{time:"20:00",label:"Session End",hrv:61,zone:"Focused",color:"#00A854",desc:"Protocol completes. Hardware timer closes the session."},{time:"+90min",label:"Peak Window",hrv:58,zone:"Peak",color:"#C40601",desc:"90-minute neuroplasticity window. Your sharpest work."}],F="#2E4036",y="#F2F0E9";function k({label:n,children:d}){return e.jsx("section",{style:{background:F,minHeight:"100vh",display:"flex",flexDirection:"column",justifyContent:"center",padding:"clamp(80px,10vh,120px) clamp(32px,6vw,80px)",borderBottom:"1px solid rgba(242,240,233,0.06)"},children:e.jsxs("div",{style:{maxWidth:"1100px",margin:"0 auto",width:"100%"},children:[e.jsxs("div",{style:{marginBottom:"48px"},children:[e.jsx("span",{style:{fontFamily:a,fontSize:"8px",letterSpacing:"0.22em",textTransform:"uppercase",color:"rgba(242,240,233,0.22)",display:"block",marginBottom:"4px"},children:"Arc Preview"}),e.jsx("span",{style:{fontFamily:a,fontSize:"11px",letterSpacing:"0.18em",textTransform:"uppercase",color:"#C40601"},children:n})]}),d]})})}function A(){const[n,d]=g.useState(0),c=g.useRef(null);g.useEffect(()=>(c.current=setInterval(()=>d(r=>(r+1)%s.length),6e3),()=>clearInterval(c.current)),[]);const l=800,i=160,t=[[0,88],[60,85],[120,82],[160,80],[200,78],[240,75],[280,72],[320,70],[360,68],[400,65],[440,63],[480,61],[560,60],[640,59],[720,58],[800,57]],m=55,u=92,j=r=>i-(r-m)/(u-m)*i*.85-i*.075,S=t.map((r,o)=>`${o===0?"M":"L"}${r[0]},${j(r[1])}`).join(" "),p=[0,160,320,480,640,800],x=n;return e.jsxs(k,{label:"Option A — HRV Curve",children:[e.jsx("h2",{style:{fontFamily:h,fontWeight:300,fontSize:"clamp(36px,4vw,56px)",color:y,letterSpacing:"-0.025em",lineHeight:1.05,margin:"0 0 8px"},children:"It takes 30 mins."}),e.jsx("h2",{style:{fontFamily:h,fontStyle:"italic",fontWeight:300,fontSize:"clamp(36px,4vw,56px)",color:"#C40601",letterSpacing:"-0.025em",lineHeight:1.05,margin:"0 0 48px"},children:"It lasts 90."}),e.jsxs("div",{style:{position:"relative"},children:[e.jsxs("svg",{viewBox:`0 0 ${l} ${i}`,preserveAspectRatio:"none",style:{width:"100%",height:"120px",display:"block",overflow:"visible"},children:[s.map((r,o)=>e.jsx("rect",{x:p[o],y:0,width:p[o+1]-p[o],height:i,fill:x===o?`${r.color}12`:"transparent",style:{cursor:"pointer",transition:"fill 0.5s"},onClick:()=>{clearInterval(c.current),d(o)}},o)),p.slice(1,-1).map((r,o)=>e.jsx("line",{x1:r,y1:0,x2:r,y2:i,stroke:"rgba(242,240,233,0.06)",strokeWidth:"1"},o)),e.jsx("path",{d:S,fill:"none",stroke:"rgba(242,240,233,0.10)",strokeWidth:"1.5"}),e.jsx("clipPath",{id:`clip-a-${x}`,children:e.jsx("rect",{x:p[x],y:0,width:p[x+1]-p[x],height:i})}),e.jsx("path",{d:S,fill:"none",stroke:s[x].color,strokeWidth:"2.5",clipPath:`url(#clip-a-${x})`}),(()=>{const r=(p[x]+p[x+1])/2,o=t.reduce((v,b)=>Math.abs(b[0]-r)<Math.abs(v[0]-r)?b:v);return e.jsx("circle",{cx:o[0],cy:j(o[1]),r:"5",fill:s[x].color})})()]}),e.jsx("div",{style:{display:"flex",marginTop:"12px"},children:s.map((r,o)=>e.jsxs("div",{onClick:()=>{clearInterval(c.current),d(o)},style:{flex:1,textAlign:"center",cursor:"pointer",opacity:n===o?1:.35,transition:"opacity 0.4s"},children:[e.jsx("div",{style:{fontFamily:a,fontSize:"8px",letterSpacing:"0.12em",textTransform:"uppercase",color:r.color},children:r.time}),e.jsx("div",{style:{fontFamily:a,fontSize:"7px",letterSpacing:"0.10em",textTransform:"uppercase",color:"rgba(242,240,233,0.50)",marginTop:"2px"},children:r.label})]},o))})]}),e.jsxs("div",{style:{marginTop:"32px",background:"rgba(242,240,233,0.04)",border:"1px solid rgba(242,240,233,0.06)",borderRadius:"12px",padding:"20px 28px",display:"flex",alignItems:"center",gap:"24px"},children:[e.jsxs("div",{style:{fontFamily:f,fontWeight:700,fontSize:"36px",color:y,letterSpacing:"-0.02em"},children:[s[n].hrv,e.jsx("span",{style:{fontSize:"14px",fontWeight:400,opacity:.4,marginLeft:"4px"},children:"ms"})]}),e.jsx("div",{style:{width:"1px",height:"36px",background:"rgba(242,240,233,0.08)"}}),e.jsxs("div",{children:[e.jsx("div",{style:{fontFamily:a,fontSize:"8px",letterSpacing:"0.14em",textTransform:"uppercase",color:s[n].color,marginBottom:"4px"},children:s[n].label}),e.jsx("div",{style:{fontFamily:f,fontSize:"13px",lineHeight:1.7,color:"rgba(242,240,233,0.50)"},children:s[n].desc})]})]})]})}function $(){const[n,d]=g.useState(0),c=g.useRef(null);g.useEffect(()=>(c.current=setInterval(()=>d(t=>(t+1)%s.length),6e3),()=>clearInterval(c.current)),[]);const l=[{Anxious:100,Settling:0,Focused:0,Peak:0},{Anxious:60,Settling:80,Focused:0,Peak:0},{Anxious:30,Settling:60,Focused:40,Peak:0},{Anxious:10,Settling:40,Focused:100,Peak:0},{Anxious:5,Settling:20,Focused:100,Peak:100}],i=[{name:"Anxious",color:"#F5A623"},{name:"Settling",color:"#B8A89A"},{name:"Focused",color:"#00A854"},{name:"Peak",color:"#C40601"}];return e.jsxs(k,{label:"Option B — Zone Shift Bars",children:[e.jsx("h2",{style:{fontFamily:h,fontWeight:300,fontSize:"clamp(36px,4vw,56px)",color:y,letterSpacing:"-0.025em",lineHeight:1.05,margin:"0 0 8px"},children:"It takes 30 mins."}),e.jsx("h2",{style:{fontFamily:h,fontStyle:"italic",fontWeight:300,fontSize:"clamp(36px,4vw,56px)",color:"#C40601",letterSpacing:"-0.025em",lineHeight:1.05,margin:"0 0 48px"},children:"It lasts 90."}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"10px",marginBottom:"36px"},children:i.map(t=>e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"16px"},children:[e.jsx("span",{style:{fontFamily:a,fontSize:"8px",letterSpacing:"0.14em",textTransform:"uppercase",color:t.color,width:"64px",flexShrink:0},children:t.name}),e.jsx("div",{style:{flex:1,height:"6px",background:"rgba(242,240,233,0.06)",borderRadius:"3px",overflow:"hidden"},children:e.jsx("div",{style:{height:"100%",borderRadius:"3px",background:t.color,width:`${l[n][t.name]??0}%`,transition:"width 0.8s cubic-bezier(0.25,0.46,0.45,0.94)",boxShadow:`0 0 8px ${t.color}50`}})}),e.jsxs("span",{style:{fontFamily:a,fontSize:"8px",color:"rgba(242,240,233,0.25)",width:"28px",textAlign:"right"},children:[l[n][t.name]??0,"%"]})]},t.name))}),e.jsx("div",{style:{display:"flex",gap:"8px",flexWrap:"wrap"},children:s.map((t,m)=>e.jsxs("button",{onClick:()=>{clearInterval(c.current),d(m)},style:{fontFamily:a,fontSize:"8px",letterSpacing:"0.12em",textTransform:"uppercase",padding:"6px 12px",borderRadius:"100px",border:`1px solid ${n===m?`${t.color}60`:"rgba(242,240,233,0.09)"}`,background:n===m?`${t.color}12`:"transparent",color:n===m?t.color:"rgba(242,240,233,0.35)",cursor:"pointer",transition:"all 0.3s"},children:[t.time," — ",t.label]},m))})]})}function C(){const[n,d]=g.useState(0),[c,l]=g.useState(!0),i=g.useRef(null);g.useEffect(()=>(i.current=setInterval(()=>{l(!1),setTimeout(()=>{d(m=>(m+1)%s.length),l(!0)},400)},6e3),()=>clearInterval(i.current)),[]);const t=s[n];return e.jsxs(k,{label:"Option C — Single Large Timestamp",children:[e.jsx("h2",{style:{fontFamily:h,fontWeight:300,fontSize:"clamp(36px,4vw,56px)",color:y,letterSpacing:"-0.025em",lineHeight:1.05,margin:"0 0 8px"},children:"It takes 30 mins."}),e.jsx("h2",{style:{fontFamily:h,fontStyle:"italic",fontWeight:300,fontSize:"clamp(36px,4vw,56px)",color:"#C40601",letterSpacing:"-0.025em",lineHeight:1.05,margin:"0 0 64px"},children:"It lasts 90."}),e.jsxs("div",{style:{textAlign:"center",opacity:c?1:0,transition:"opacity 0.4s ease-in-out"},children:[e.jsx("div",{style:{fontFamily:h,fontWeight:300,fontSize:"clamp(80px,14vw,160px)",color:y,letterSpacing:"-0.04em",lineHeight:1,marginBottom:"16

1px"},children:t.time}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"12px",marginBottom:"20px"},children:[e.jsx("div",{style:{width:8,height:8,borderRadius:"50%",background:t.color,boxShadow:`0 0 10px ${t.color}`}}),e.jsx("span",{style:{fontFamily:a,fontSize:"10px",letterSpacing:"0.2em",textTransform:"uppercase",color:t.color},children:t.label}),e.jsxs("span",{style:{fontFamily:a,fontSize:"10px",letterSpacing:"0.12em",color:"rgba(242,240,233,0.25)"},children:["HRV ",t.hrv,"ms"]})]}),e.jsx("p",{style:{fontFamily:f,fontSize:"14px",lineHeight:1.8,color:"rgba(242,240,233,0.45)",maxWidth:"480px",margin:"0 auto"},children:t.desc})]}),e.jsx("div",{style:{display:"flex",justifyContent:"center",gap:"6px",marginTop:"48px"},children:s.map((m,u)=>e.jsx("div",{onClick:()=>{clearInterval(i.current),l(!1),setTimeout(()=>{d(u),l(!0)},200)},style:{width:n===u?24:6,height:6,borderRadius:"3px",background:n===u?t.color:"rgba(242,240,233,0.12)",transition:"all 0.4s",cursor:"pointer"}},u))})]})}function W(){const[n,d]=g.useState(0),c=g.useRef(null);return g.useEffect(()=>(c.current=setInterval(()=>d(l=>(l+1)%s.length),6e3),()=>clearInterval(c.current)),[]),e.jsx(k,{label:"Option D — Vertical Tape",children:e.jsxs("div",{style:{display:"flex",gap:"clamp(40px,6vw,80px)",alignItems:"flex-start"},children:[e.jsxs("div",{style:{flex:"0 0 auto",maxWidth:"340px",paddingTop:"8px"},children:[e.jsx("h2",{style:{fontFamily:h,fontWeight:300,fontSize:"clamp(36px,4vw,52px)",color:y,letterSpacing:"-0.025em",lineHeight:1.05,margin:"0 0 8px"},children:"It takes 30 mins."}),e.jsx("h2",{style:{fontFamily:h,fontStyle:"italic",fontWeight:300,fontSize:"clamp(36px,4vw,52px)",color:"#C40601",letterSpacing:"-0.025em",lineHeight:1.05,margin:"0 0 32px"},children:"It lasts 90."}),e.jsx("p",{style:{fontFamily:f,fontSize:"13px",lineHeight:1.8,color:"rgba(242,240,233,0.42)",margin:0},children:s[n].desc})]}),e.jsxs("div",{style:{flex:1,position:"relative"},children:[e.jsx("div",{style:{position:"absolute",left:"19px",top:"12px",bottom:"12px",width:"1px",background:"rgba(242,240,233,0.08)"}}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"0"},children:s.map((l,i)=>e.jsxs("div",{onClick:()=>{clearInterval(c.current),d(i)},style:{display:"flex",gap:"20px",alignItems:"flex-start",cursor:"pointer",padding:"14px 0",opacity:n===i?1:.28,transition:"opacity 0.4s",position:"relative"},children:[e.jsx("div",{style:{flexShrink:0,width:20,height:20,borderRadius:"50%",marginTop:"2px",border:`2px solid ${n===i?l.color:"rgba(242,240,233,0.15)"}`,background:n===i?`${l.color}20`:"transparent",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.4s",zIndex:1},children:n===i&&e.jsx("div",{style:{width:6,height:6,borderRadius:"50%",background:l.color}})}),e.jsxs("div",{style:{flex:1,borderBottom:i<s.length-1?"1px solid rgba(242,240,233,0.04)":"none",paddingBottom:"14px"},children:[e.jsxs("div",{style:{display:"flex",gap:"10px",alignItems:"baseline",marginBottom:"6px"},children:[e.jsx("span",{style:{fontFamily:f,fontWeight:700,fontSize:"22px",color:y,letterSpacing:"-0.02em"},children:l.time}),e.jsx("span",{style:{fontFamily:a,fontSize:"8px",letterSpacing:"0.14em",textTransform:"uppercase",color:l.color},children:l.label})]}),e.jsxs("div",{style:{fontFamily:a,fontSize:"8px",letterSpacing:"0.10em",color:"rgba(242,240,233,0.30)"},children:["HRV ",l.hrv,"ms · ",l.zone]})]})]},i))})]})]})})}function R(){const[n,d]=g.useState(0),c=g.useRef(null);g.useEffect(()=>(c.current=setInterval(()=>d(x=>(x+1)%s.length),6e3),()=>clearInterval(c.current)),[]);const l=100,i=120,t=120,m=240,u=Math.min(n/3,1),j=n===4?1:0,S=(x,r,o,v)=>{if(v<=0)return null;if(v>=1)return`M ${x} ${r-o} A ${o} ${o} 0 1 1 ${x-.001} ${r-o} Z`;const b=v*2*Math.PI-Math.PI/2,w=x+o*Math.cos(b),z=r+o*Math.sin(b),I=v>.5?1:0;return`M ${x} ${r-o} A ${o} ${o} 0 ${I} 1 ${w} ${z}`},p=s[n];return e.jsx(k,{label:"Option E — Radial Clock",children:e.jsxs("div",{style:{display:"flex",gap:"clamp(48px,7vw,96px)",alignItems:"center",flexWrap:"wrap"},children:[e.jsxs("div",{style:{flex:"0 0 auto"},children:[e.jsxs("svg",{width:m,height:m,viewBox:`0 0 ${m} ${m}`,children:[e.jsx("circle",{cx:i,cy:t,r:l,fill:"none",stroke:"rgba(242,240,233,0.06)",strokeWidth:"12"}),e.jsx("circle",{cx:i,cy:t,r:l-20,fill:"none",stroke:"rgba(242,240,233,0.06)",strokeWidth:"8"}),j>0&&e.jsx("path",{d:S(i,t,l,j),fill:"none",stroke:"#C40601",strokeWidth:"12",strokeLinecap:"round",style:{transition:"all 1s ease-in-out",filter:"drop-shadow(0 0 6px rgba(196,6,1,0.5))"}}),e.jsx("path",{d:S(i,t,l-20,u),fill:"none",stroke:p.color,strokeWidth:"8",strokeLinecap:"round",style:{transition:"all 0.8s ease-in-out",filter:`drop-shadow(0 0 4px ${p.color}80)`}}),e.jsx("text",{x:i,y:t-10,textAnchor:"middle",fontFamily:f,fontWeight:"700",fontSize:"28",fill:y,letterSpacing:"-1",children:p.time}),e.jsx("text",{x:i,y:t+14,textAnchor:"middle",fontFamily:a,fontSize:"7",fill:p.color,letterSpacing:"2",textTransform:"uppercase",children:p.label.toUpperCase()}),e.jsxs("text",{x:i,y:t+30,textAnchor:"middle",fontFamily:a,fontSize:"7",fill:"rgba(242,240,233,0.25)",letterSpacing:"1",children:["HRV ",p.hrv,"ms"]}),e.jsx("text",{x:i+l+8,y:t+4,fontFamily:a,fontSize:"7",fill:"rgba(242,240,233,0.22)",letterSpacing:"1",children:"30m"}),e.jsx("text",{x:i+l-4,y:t-l+16,fontFamily:a,fontSize:"7",fill:"rgba(196,6,1,0.40)",letterSpacing:"1",children:"90m"})]}),e.jsx("div",{style:{display:"flex",justifyContent:"center",gap:"8px",marginTop:"16px"},children:s.map((x,r)=>e.jsx("div",{onClick:()=>{clearInterval(c.current),d(r)},style:{width:n===r?20:6,height:6,borderRadius:"3px",background:n===r?p.color:"rgba(242,240,233,0.12)",transition:"all 0.4s",cursor:"pointer"}},r))})]}),e.jsxs("div",{style:{flex:1,minWidth:"260px"},children:[e.jsx("h2",{style:{fontFamily:h,fontWeight:300,fontSize:"clamp(32px,3.5v

1w,52px)",color:y,letterSpacing:"-0.025em",lineHeight:1.05,margin:"0 0 8px"},children:"It takes 30 mins."}),e.jsx("h2",{style:{fontFamily:h,fontStyle:"italic",fontWeight:300,fontSize:"clamp(32px,3.5vw,52px)",color:"#C40601",letterSpacing:"-0.025em",lineHeight:1.05,margin:"0 0 28px"},children:"It lasts 90."}),e.jsx("p",{style:{fontFamily:f,fontSize:"14px",lineHeight:1.8,color:"rgba(242,240,233,0.45)",margin:"0 0 24px",maxWidth:"400px"},children:p.desc}),e.jsxs("div",{style:{display:"flex",gap:"20px"},children:[e.jsxs("div",{children:[e.jsx("div",{style:{fontFamily:a,fontSize:"7px",letterSpacing:"0.16em",textTransform:"uppercase",color:"rgba(242,240,233,0.25)",marginBottom:"4px"},children:"Inner ring"}),e.jsx("div",{style:{fontFamily:f,fontSize:"12px",color:"rgba(242,240,233,0.55)"},children:"30 min session"})]}),e.jsx("div",{style:{width:"1px",background:"rgba(242,240,233,0.08)"}}),e.jsxs("div",{children:[e.jsx("div",{style:{fontFamily:a,fontSize:"7px",letterSpacing:"0.16em",textTransform:"uppercase",color:"rgba(196,6,1,0.45)",marginBottom:"4px"},children:"Outer ring"}),e.jsx("div",{style:{fontFamily:f,fontSize:"12px",color:"rgba(242,240,233,0.55)"},children:"90 min window"})]})]})]})]})})}function B(){return e.jsxs("div",{style:{background:F},children:[e.jsxs("div",{style:{position:"fixed",top:0,left:0,right:0,zIndex:100,background:"rgba(46,64,54,0.92)",backdropFilter:"blur(8px)",borderBottom:"1px solid rgba(242,240,233,0.06)",padding:"14px clamp(24px,4vw,48px)",display:"flex",alignItems:"center",gap:"24px"},children:[e.jsx("span",{style:{fontFamily:a,fontSize:"9px",letterSpacing:"0.2em",textTransform:"uppercase",color:"rgba(242,240,233,0.35)"},children:"Session Arc · 5 Options"}),e.jsx("span",{style:{fontFamily:a,fontSize:"8px",color:"rgba(242,240,233,0.18)"},children:"Scroll to compare · Click dots to advance"})]}),e.jsxs("div",{style:{paddingTop:"48px"},children:[e.jsx(A,{}),e.jsx($,{}),e.jsx(C,{}),e.jsx(W,{}),e.jsx(R,{})]})]})}export{B as default};