PageSourceSearch

https://nexomind.ai/assets/Onboarding-DgtviuCK.js

js nexomind.ai collected 2026-10-05 12:18:07 UTC 6,531 bytes, 1 lines download raw bytes

1import{u as y,r as s,j as e,S as w,A as j,m as o}from"./index-Dgv2xMGN.js";import{C as N}from"./check-Dsp3rLNT.js";const i=[.16,1,.3,1],v=["Overwhelmed","Anxious","Distracted","Calm but unfocused","Stressed","Reflective"],k=["Reduce overthinking","Improve focus","Understand emotions","Manage stress","Self-awareness"],E=()=>{const x=y(),[n,m]=s.useState(0),[d,p]=s.useState(""),[r,u]=s.useState(null),[l,b]=s.useState([]),h=t=>b(a=>a.includes(t)?a.filter(g=>g!==t):[...a,t]),c=()=>m(t=>t+1),f=()=>{try{localStorage.setItem("nexomind:onboarding",JSON.stringify({name:d,mood:r,intents:l,completedAt:Date.now()}))}catch{}x("/app")};return e.jsxs("div",{className:"min-h-screen bg-[#F3F4ED] text-[#111] relative overflow-hidden flex items-center justify-center px-6",children:[e.jsx(w,{title:"Welcome to NexoMind — set up your reflection",description:"A short onboarding to personalize your NexoMind journaling experience — mood, intentions, and how you'd like to reflect.",noindex:!0}),e.jsx("div",{"aria-hidden":!0,className:"pointer-events-none absolute -top-40 -left-40 w-[600px] h-[600px] rounded-full opacity-40 blur-3xl",style:{background:"radial-gradient(circle, #C9D2E8 0%, transparent 70%)"}}),e.jsx("div",{"aria-hidden":!0,className:"pointer-events-none absolute -bottom-40 -right-40 w-[600px] h-[600px] rounded-full opacity-35 blur-3xl",style:{background:"radial-gradient(circle, #E0D5EE 0%, transparent 70%)"}}),e.jsx("div",{className:"absolute top-10 left-1/2 -translate-x-1/2 flex gap-2 z-10",children:[0,1,2,3].map(t=>e.jsx("div",{className:`h-1 rounded-full transition-all duration-500 ${t===n?"w-8 bg-[#111]":t<n?"w-4 bg-[#111]/60":"w-4 bg-[#111]/15"}`},t))}),e.jsx("div",{className:"relative z-10 w-full max-w-2xl",children:e.jsxs(j,{mode:"wait",children:[n===0&&e.jsxs(o.div,{initial:{opacity:0,scale:.98,y:14},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.9,ease:i},className:"text-center",children:[e.jsx("p",{className:"font-barlow font-medium text-[12px] tracking-[0.2em] uppercase text-[#111]/50 mb-6",children:"( Welcome )"}),e.jsxs("h1",{className:"font-instrument text-[52px] md:text-[80px] leading-[1] mb-6",children:["Welcome to ",e.jsx("br",{}),e.jsx("span",{className:"italic",children:"NexoMind."})]}),e.jsx("p",{className:"font-barlow text-[17px] text-[#111]/65 max-w-md mx-auto mb-12",children:"A private space for clarity, reflection, and understanding your thoughts."}),e.jsx("div",{className:"max-w-xs mx-auto mb-8",children:e.jsx("input",{value:d,onChange:t=>p(t.target.value),placeholder:"Your first name (optional)",className:"w-full bg-white/70 backdrop-blur-md border border-black/5 rounded-full px-5 py-3 font-barlow text-[14px] text-center outline-none focus:border-black/20 transition-colors placeholder:text-[#111]/35"})}),e.jsx("button",{onClick:c,className:"bg-[#111] text-white rounded-full px-10 py-4 font-barlow font-medium text-[15px] hover:bg-black hover:scale-[1.02] transition-all duration-300",children:"Begin"})]},"s0"),n===1&&e.jsxs(o.div,{initial:{opacity:0,y:16},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.8,ease:i},className:"text-center",children:[e.jsx("p",{className:"font-barlow font-medium text-[12px] tracking-[0.2em] uppercase text-[#111]/50 mb-6",children:"( Step 02 )"}),e.jsxs("h2",{className:"font-instrument text-[40px] md:text-[58px] leading-[1.05] mb-12",children:["How are you ",e.jsx("span",{className:"italic",children:"feeling"})," today?"]}),e.jsx("div",{className:"flex flex-wrap justify-center gap-3 max-w-xl mx-auto mb-12",children:v.map(t=>{const a=r===t;return e.jsx("button",{onClick:()=>u(t),className:`backdrop-blur-md border rounded-full px-5 py-2.5 font-barlow text-[14px] transition-all duration-300 hover:scale-[1.03] ${a?"border-[#111] bg-[#111] text-white shadow-[0_4px_20px_rgba(0,0,0,0.15)]":"bg-white/70 border-black/5 text-[#111]/75 hover:border-black/15"}`,children:t},t)})}),e.jsx("button",{onClick:c,disabled:!r,className:"bg-[#111] text-white rounded-full px-10 py-4 font-barlow font-medium text-[15px] hover:bg-black hover:scale-[1.02] transition-all duration-300 disabled:opacity-30 disabled:hover:scale-100",children:"Continue"})]},"s1"),n===2&&e.jsxs(o.div,{initial:{opacity:0,y:16}
1,animate:{opacity:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.8,ease:i},className:"text-center",children:[e.jsx("p",{className:"font-barlow font-medium text-[12px] tracking-[0.2em] uppercase text-[#111]/50 mb-6",children:"( Step 03 )"}),e.jsxs("h2",{className:"font-instrument text-[40px] md:text-[58px] leading-[1.05] mb-4",children:["What do you want ",e.jsx("br",{}),e.jsx("span",{className:"italic",children:"help with?"})]}),e.jsx("p",{className:"font-barlow text-[14px] text-[#111]/55 mb-10",children:"Select as many as you like."}),e.jsx("div",{className:"flex flex-wrap justify-center gap-3 max-w-xl mx-auto mb-12",children:k.map(t=>{const a=l.includes(t);return e.jsxs("button",{onClick:()=>h(t),className:`flex items-center gap-2 backdrop-blur-md border rounded-full px-5 py-2.5 font-barlow text-[14px] transition-all duration-300 hover:scale-[1.03] ${a?"border-[#111] bg-[#111] text-white shadow-[0_4px_20px_rgba(0,0,0,0.15)]":"bg-white/70 border-black/5 text-[#111]/75 hover:border-black/15"}`,children:[a&&e.jsx(N,{className:"w-3.5 h-3.5",strokeWidth:2.5}),t]},t)})}),e.jsx("button",{onClick:c,disabled:l.length===0,className:"bg-[#111] text-white rounded-full px-10 py-4 font-barlow font-medium text-[15px] hover:bg-black hover:scale-[1.02] transition-all duration-300 disabled:opacity-30 disabled:hover:scale-100",children:"Continue"})]},"s2"),n===3&&e.jsxs(o.div,{initial:{opacity:0,scale:.98,y:14},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.9,ease:i},className:"text-center",children:[e.jsx("p",{className:"font-barlow font-medium text-[12px] tracking-[0.2em] uppercase text-[#111]/50 mb-6",children:"( You're ready )"}),e.jsxs("h2",{className:"font-instrument text-[44px] md:text-[68px] leading-[1] mb-6",children:["NexoMind will adapt ",e.jsx("br",{}),"to your ",e.jsx("span",{className:"italic",children:"thoughts."})]}),e.jsx("p",{className:"font-barlow text-[16px] text-[#111]/65 max-w-md mx-auto mb-12",children:"Private. Secure. Judgment-free. Your space is ready."}),e.jsx("button",{onClick:f,className:"bg-[#111] text-white rounded-full px-10 py-4 font-barlow font-medium text-[15px] hover:bg-black hover:scale-[1.02] transition-all duration-300",children:"Enter your space"})]},"s3")]})})]})};export{E as default};

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.