https://savediscoverlater.com/assets/QuizPage-jdmpktAG.js

1import{b as G,r as n,bF as V,bf as K,u as X,s as O,j as e,S as Z,L as ee,Y as L,au as te,F as se,m as s,k as ae,A as _,aa as A,bC as ie}from"./index-BbmoTCrT.js";import{c as ne}from"./confetti.module-ONDKWxYZ.js";import{T as re}from"./trophy-CHgcqKBr.js";import{E as oe}from"./eye-DAt7skBd.js";import{T as le}from"./twitter-rJHcUhus.js";import{F as ce}from"./facebook-CzNNyUg4.js";import{L as de}from"./linkedin-DufVkw_s.js";import{I as xe}from"./instagram-BB2gGdZ4.js";import{C as pe}from"./check-DNEZ6BQi.js";import{C as me}from"./copy-CBEEl6pR.js";import{L as he}from"./lock-1XddwfiS.js";/**
2 * @license lucide-react v0.462.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const ue=G("Share",[["path",{d:"M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8",key:"1b2hhj"}],["polyline",{points:"16 6 12 2 8 6",key:"m901s6"}],["line",{x1:"12",x2:"12",y1:"2",y2:"15",key:"1p0rca"}]]);function r({children:t,className:o="",delay:c=0}){const l=n.useRef(null),p=ie(l,{once:!0,margin:"-40px"});return e.jsx(s.div,{ref:l,className:o,initial:{opacity:0,filter:"blur(10px)"},animate:p?{opacity:1,filter:"blur(0px)"}:{},transition:{duration:.8,delay:c,ease:[.22,1,.36,1]},children:t})}const I=[{question:"It's 11pm. You just found something fascinating online. You…",options:[{text:"Open 12 more tabs to understand it fully",type:"deep-diver"},{text:"Screenshot it and move on with your life",type:"quick-collector"},{text:"Share it to 3 group chats immediately",type:"trend-tracker"}]},{question:"Your browser tabs right now look like…",options:[{text:"A 47-tab research expedition",type:"deep-diver"},{text:"A handful of useful things I'll get to later",type:"quick-collector"},{text:"Half are things people sent me this week",type:"trend-tracker"}]},{question:"Someone asks what you've been reading lately. You…",options:[{text:"Launch into a 10-minute deep dive summary",type:"deep-diver"},{text:"Send them a link with zero context",type:"quick-collector"},{text:"Show them the thing everyone's talking about",type:"trend-tracker"}]},{question:"Your ideal 'Save for Later' moment is…",options:[{text:"A long-read essay I need silence to absorb",type:"deep-diver"},{text:"A recipe, tip, or hack I'll need someday",type:"quick-collector"},{text:"A new tool or trend before it goes mainstream",type:"trend-tracker"}]},{question:"You just got a free afternoon. You open your saved content and…",options:[{text:"Disappear into a rabbit hole for 3 hours",type:"deep-diver"},{text:"Blitz through 15 saved items in 20 minutes",type:"quick-collector"},{text:"Curate the best stuff into a list to share",type:"trend-tracker"}]}],ye=["Interesting choice 👀","Calibrating your saving instincts…","That tracks. Next one…","Almost there. One more look…","Locking it in ✨"],$={"deep-diver":{title:"The Deep Diver",emoji:"🤿",summary:"You don't skim — you excavate. When something catches your eye, you go all the way down the rabbit hole. Your saved content is a curated research library most professors would envy.",superpower:"Turning 1 link into a knowledge map.",blindSpot:"You save more than you can ever re-read. Let go of the guilt.",whySFL:"Organize your rabbit holes into Spaces so you can actually find them again. Your future self will thank you.",shareOneLiner:"I'm a Deep Diver 🤿 — I don't bookmark, I build knowledge. What's your saving style?",rarity:"Top 28% of savers",matchPercent:87,badge:"🏅 Knowledge Architect"},"quick-collector":{title:"The Quick Collector",emoji:"⚡",summary:"Speed is your superpower. You spot something useful, save it, and keep moving. Your collection is a treasure trove of recipes, life hacks, and 'I'll need this someday' gold.",superpower:"Finding the signal in the noise — fast.",blindSpot:"You save things so fast you forget they exist. Sound familiar?",whySFL:"Smart Tags and Reminders mean you'll actually rediscover the gems you saved at 2am on a Tuesday.",shareOneLiner:"I'm a Quick Collector ⚡ — I save faster than I scroll. What's your saving style?",rarity:"Most common — 44% of savers",matchPercent:82,badge:"🏅 Speed Curator"},"trend-tracker":{title:"The Trend Tracker",emoji:"📡",summary:"You're the friend who sends the link before it goes viral. Your saved content is a radar for what's next — new tools, cultural moments, emerging ideas.",superpower:"Seeing what's next before everyone else.",blindSpot:"You save for sharing, not always for yourself. Make room for your own reading too.",whySFL:"Public Spaces let you be

6come the tastemaker you already are. Curate, share, build an audience.",shareOneLiner:"I'm a Trend Tracker 📡 — I save what's next before it's mainstream. What's your saving style?",rarity:"Rarest type — only 18% of savers",matchPercent:91,badge:"🏅 Cultural Radar"}};function Ye(){n.useEffect(()=>{V()},[]);const[t,o]=n.useState("landing"),[c,l]=n.useState(0),[p,f]=n.useState([]),[h,S]=n.useState(!1),[m,C]=n.useState(null),[Y,g]=n.useState(!1),[k,z]=n.useState(""),[u,v]=n.useState(!1),{subscribe:d,loading:T,subscribed:b}=K(),{user:i}=X(),R=!i;n.useEffect(()=>{if(!i)return;let x=null;try{x=localStorage.getItem("quiz_pending_result")}catch{}if(!x)return;t!=="result"&&m===null&&(C(x),o("result"));let y=[];try{y=JSON.parse(localStorage.getItem("quiz_pending_answers")||"[]")}catch{}O.from("quiz_results").upsert({user_id:i.id,result_type:x,answers:y},{onConflict:"user_id"}).then(({error:N})=>{N&&console.error("Quiz backfill error:",N)});try{localStorage.removeItem("quiz_pending_result"),localStorage.removeItem("quiz_pending_answers")}catch{}},[i,t,m]),n.useEffect(()=>{i&&u&&v(!1)},[i,u]);const W=()=>o("quiz"),H=x=>{const y=[...p,x];f(y),S(!0),setTimeout(()=>{if(S(!1),c<I.length-1)l(c+1);else{const N={"deep-diver":0,"quick-collector":0,"trend-tracker":0};y.forEach(w=>N[w]++);const q=Object.entries(N).sort((w,J)=>J[1]-w[1])[0][0];C(q);try{localStorage.setItem("saver_style_result",q)}catch{}if(i!=null&&i.id)O.from("quiz_results").upsert({user_id:i.id,result_type:q,answers:y},{onConflict:"user_id"}).then(({error:w})=>{w&&console.error("Quiz save error:",w)});else try{localStorage.setItem("quiz_pending_result",q),localStorage.setItem("quiz_pending_answers",JSON.stringify(y))}catch{}o("result"),i||setTimeout(()=>v(!0),400),i&&setTimeout(()=>{ne({particleCount:80,spread:70,origin:{y:.6},colors:["#C8A951","#2B2520","#8B7355"]})},300)}},1400)},j=typeof window<"u"?`${window.location.origin}/quiz`:"",a=m?$[m]:null,F=()=>{navigator.clipboard.writeText(`${a==null?void 0:a.shareOneLiner}
7${j}`),g(!0),setTimeout(()=>g(!1),2e3)},E=()=>{window.open(`https://twitter.com/intent/tweet?text=${encodeURIComponent((a==null?void 0:a.shareOneLiner)+`
8`+j)}`,"_blank")},P=()=>{window.open(`https://www.linkedin.com/sharing/share-offsite/?url=${encodeURIComponent(j)}`,"_blank")},M=()=>{window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(j)}&quote=${encodeURIComponent((a==null?void 0:a.shareOneLiner)||"")}`,"_blank")},D=()=>{navigator.clipboard.writeText(`${a==null?void 0:a.shareOneLiner}
9${j}`),g(!0),setTimeout(()=>g(!1),2e3),window.open("https://www.instagram.com/","_blank")},U=typeof navigator<"u"&&!!navigator.share,Q=async()=>{try{await navigator.share({title:`I'm ${a==null?void 0:a.title} — What's Your Saving Style?`,text:(a==null?void 0:a.shareOneLiner)||"",url:j})}catch{}},B=async x=>{x.preventDefault(),k&&await d(k,"quiz-result")};return e.jsxs("div",{className:"min-h-screen",style:{backgroundColor:"hsl(var(--paper))"},children:[e.jsx(Z,{route:"/quiz"}),e.jsx(ee,{}),e.jsxs(L,{mode:"wait",children:[t==="landing"&&e.jsx(fe,{onStart:W},"landing"),t==="quiz"&&e.jsx(ge,{currentQ:c,showTransition:h,onAnswer:H},"quiz"),t==="result"&&a&&e.jsx(ve,{result:a,resultType:m,onCopy:F,copied:Y,onTwitter:E,onLinkedin:P,onFacebook:M,onInstagram:D,onNativeShare:U?Q:void 0,email:k,setEmail:z,onEmailSubmit:B,subLoading:T,subscribed:b,locked:R,onUnlock:()=>v(!0)},"result")]}),e.jsx(te,{open:u,onOpenChange:v,defaultTab:"signup",contextTitle:"Unlock your saving style",contextDescription:a?`Sign up to reveal your full ${a.title} profile, save your badge, and start curating.`:"Sign up to reveal your full result, save your badge, and start curating."}),e.jsx(se,{})]})}function fe({onStart:t}){return e.jsx(s.section,{initial:{opacity:0}

9,animate:{opacity:1},exit:{opacity:0,y:-20},transition:{duration:.5},className:"min-h-screen flex items-center justify-center px-6 pt-32 pb-20",children:e.jsxs("div",{className:"max-w-2xl mx-auto text-center space-y-8",children:[e.jsx(r,{children:e.jsx("p",{className:"text-[10px] uppercase tracking-[0.25em] text-faint mb-4",children:"A 2-minute personality quiz"})}),e.jsx(r,{delay:.1,children:e.jsxs("h1",{className:"text-4xl md:text-6xl lg:text-7xl leading-[1.1] text-ink font-serif",children:["What's Your"," ",e.jsx("em",{className:"not-italic",style:{fontStyle:"italic"},children:"Saving Style?"})]})}),e.jsx(r,{delay:.2,children:e.jsx("p",{className:"text-lg md:text-xl text-ink-2 max-w-lg mx-auto leading-relaxed",children:"Your saved content says more about you than you think. Discover whether you're a deep researcher, a speed curator, or a cultural radar."})}),e.jsx(r,{delay:.3,children:e.jsxs("div",{className:"space-y-3 text-left max-w-sm mx-auto",children:[e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx(ae,{className:"h-4 w-4 text-gold mt-1 shrink-0",strokeWidth:1.5}),e.jsx("p",{className:"text-sm text-ink-2",children:"Uncover your unique content personality"})]}),e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx(re,{className:"h-4 w-4 text-gold mt-1 shrink-0",strokeWidth:1.5}),e.jsx("p",{className:"text-sm text-ink-2",children:"Get your saving superpower & blind spot"})]}),e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx(oe,{className:"h-4 w-4 text-gold mt-1 shrink-0",strokeWidth:1.5}),e.jsx("p",{className:"text-sm text-ink-2",children:"See how you compare to 12,000+ savers"})]})]})}),e.jsx(r,{delay:.4,children:e.jsxs("div",{className:"flex flex-col items-center gap-3 pt-4",children:[e.jsxs(s.button,{onClick:t,className:"inline-flex items-center gap-2 px-8 py-4 rounded-3xl text-sm tracking-widest uppercase bg-ink text-paper border-[0.5px] border-ink hover:bg-ink-hover transition-colors",whileHover:{scale:1.04,y:-1},whileTap:{scale:.97},transition:{type:"spring",stiffness:400,damping:20},children:["Discover My Style",e.jsx(_,{className:"h-4 w-4",strokeWidth:1.5})]}),e.jsx(s.button,{onClick:t,className:"text-xs text-ink-2 hover:text-ink transition-colors underline underline-offset-4",whileHover:{scale:1.02},children:"Just curious — show me the quiz"}),e.jsx("p",{className:"text-[10px] text-faint mt-1",children:"No sign-up required · 5 questions · Takes 2 minutes"})]})}),e.jsxs(r,{delay:.5,children:[e.jsx("div",{className:"flex justify-center pt-4",children:e.jsx(s.img,{src:A,alt:"Ollie the Owl",className:"w-20 h-20 object-contain opacity-60",animate:{rotate:[0,3,-3,0],y:[0,-4,0]},transition:{duration:5,repeat:1/0,ease:"easeInOut"}})}),e.jsx("p",{className:"text-[10px] text-faint italic mt-2",children:"Join 12,000+ curious savers who discovered their style"})]})]})})}function ge({currentQ:t,showTransition:o,onAnswer:c}){const l=I[t],p=(t+(o?1:0))/I.length*100;return e.jsx(s.section,{initial:{opacity:0}

9,animate:{opacity:1},exit:{opacity:0},className:"min-h-screen flex items-center justify-center px-6 pt-32 pb-20",children:e.jsxs("div",{className:"max-w-xl mx-auto w-full space-y-8",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsxs("p",{className:"text-[10px] uppercase tracking-[0.2em] text-faint",children:["Question ",t+1," of ",I.length]}),e.jsxs("p",{className:"text-[10px] text-faint",children:[Math.round(p),"% complete"]})]}),e.jsx("div",{className:"h-[2px] bg-line rounded-full overflow-hidden",children:e.jsx(s.div,{className:"h-full bg-gold",initial:{width:0},animate:{width:`${p}%`},transition:{duration:.6,ease:"easeOut"}})})]}),e.jsx(L,{mode:"wait",children:o?e.jsxs(s.div,{initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},className:"text-center py-16",children:[e.jsx("p",{className:"text-lg text-ink-2 font-serif",children:ye[t]}),e.jsx(s.div,{className:"mt-4 mx-auto w-6 h-6 border border-gold rounded-full",animate:{rotate:360},transition:{duration:1,repeat:1/0,ease:"linear"}})]},"transition"):e.jsxs(s.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:-20},transition:{duration:.5},className:"space-y-6",children:[e.jsx("h2",{className:"text-2xl md:text-3xl text-ink leading-snug font-serif",children:l.question}),e.jsx("div",{className:"space-y-3",children:l.options.map((f,h)=>e.jsxs(s.button,{onClick:()=>c(f.type),className:"w-full text-left px-6 py-4 rounded-3xl border border-line hover:border-gold hover:bg-gold/5 transition-all text-sm text-ink group",whileHover:{x:4},whileTap:{scale:.98},initial:{opacity:0,x:-10},animate:{opacity:1,x:0},transition:{delay:h*.1},children:[e.jsxs("span",{className:"text-gold mr-3 text-xs font-medium",children:[String.fromCharCode(65+h),"."]}),f.text]},h))})]},`q-${t}`)})]})})}function ve({result:t,resultType:o,onCopy:c,copied:l,onTwitter:p,onLinkedin:f,onFacebook:h,onInstagram:S,onNativeShare:m,email:C,setEmail:Y,onEmailSubmit:g,subLoading:k,subscribed:z,locked:u,onUnlock:v}){return e.jsxs(s.section,{initial:{opacity:0}

9,animate:{opacity:1},exit:{opacity:0},className:"min-h-screen px-6 pt-32 pb-20 relative",children:[e.jsxs("div",{className:`max-w-2xl mx-auto space-y-10 transition-all duration-500 ${u?"blur-md select-none pointer-events-none":""}`,"aria-hidden":u,children:[e.jsx(r,{children:e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(s.div,{className:"text-6xl",initial:{scale:0},animate:{scale:1},transition:{type:"spring",stiffness:200,delay:.2},children:t.emoji}),e.jsx("p",{className:"text-[10px] uppercase tracking-[0.25em] text-gold",children:"Your saving style is"}),e.jsx("h1",{className:"text-4xl md:text-5xl text-ink font-serif",children:t.title}),e.jsxs("div",{className:"flex items-center justify-center gap-4 text-xs text-muted-ink",children:[e.jsx("span",{children:t.badge}),e.jsx("span",{className:"w-px h-3 bg-line"}),e.jsxs("span",{children:["You're ",t.matchPercent,"% ",t.title.replace("The ","")]}),e.jsx("span",{className:"w-px h-3 bg-line"}),e.jsx("span",{children:t.rarity})]})]})}),e.jsx(r,{delay:.15,children:e.jsxs("div",{className:"border border-line rounded-sm p-6 md:p-8 space-y-6",style:{backgroundColor:"hsl(var(--card-warm))"},children:[e.jsx("p",{className:"text-ink-2 leading-relaxed",children:t.summary}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx("p",{className:"text-[10px] uppercase tracking-[0.2em] text-gold",children:"Your Superpower"}),e.jsx("p",{className:"text-sm text-ink",children:t.superpower})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx("p",{className:"text-[10px] uppercase tracking-[0.2em] text-gold",children:"Your Blind Spot"}),e.jsx("p",{className:"text-sm text-ink",children:t.blindSpot})]})]}),e.jsxs("div",{className:"border-t border-line pt-4",children:[e.jsx("p",{className:"text-[10px] uppercase tracking-[0.2em] text-faint mb-2",children:"Why Save for Later is perfect for you"}),e.jsx("p",{className:"text-sm text-ink-2",children:t.whySFL})]})]})}),e.jsx(r,{delay:.3,children:e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx("p",{className:"text-sm text-ink-2",children:"Send this to the most chaotic saver you know 👀"}),m&&e.jsxs(s.button,{onClick:m,className:"md:hidden w-full inline-flex items-center justify-center gap-2 px-6 py-3 rounded-3xl text-sm font-medium text-paper bg-ink hover:bg-ink-hover transition-colors mb-2",whileHover:{scale:1.02},whileTap:{scale:.97},children:[e.jsx(ue,{className:"h-4 w-4"})," Share Your Result"]}),e.jsxs("div",{className:"flex flex-wrap items-center justify-center gap-3",children:[e.jsxs(s.button,{onClick:p,className:"inline-flex items-center gap-2 px-4 py-2 rounded-3xl border border-line text-xs text-ink-2 hover:border-ink hover:text-ink transition-colors",whileHover:{scale:1.03},whileTap:{scale:.97},children:[e.jsx(le,{className:"h-3.5 w-3.5"})," X"]}),e.jsxs(s.button,{onClick:h,className:"inline-flex items-center gap-2 px-4 py-2 rounded-3xl border border-line text-xs text-ink-2 hover:border-ink hover:text-ink transition-colors",whileHover:{scale:1.03},whileTap:{scale:.97},children:[e.jsx(ce,{className:"h-3.5 w-3.5"})," Facebook"]}),e.jsxs(s.button,{onClick:f,className:"inline-flex items-center gap-2 px-4 py-2 rounded-3xl border border-line text-xs text-ink-2 hover:border-ink hover:text-ink transition-colors",whileHover:{scale:1.03},whileTap:{scale:.97},children:[e.jsx(de,{className:"h-3.5 w-3.5"})," LinkedIn"]}),e.jsxs(s.button,{onClick:S,className:"inline-flex items-center gap-2 px-4 py-2 rounded-3xl border border-line text-xs text-ink-2 hover:border-ink hover:text-ink transition-colors",whileHover:{scale:1.03},whileTap:{scale:.97},children:[e.jsx(xe,{className:"h-3.5 w-3.5"})," Instagram"]}),e.jsxs(s.button,{onClick:c,className:"inline-flex items-center gap-2 px-4 py-2 rounded-3xl border border-line text-xs text-ink-2 hover:border-ink hover:text-ink transition-colors",whileHover:{scale:1.03},whileTap:{scale:.97},children:[l?e.jsx(pe,{className:"h-3.5 w-3.5 text-green-600"}):e.jsx(me,{className:"h-3.5 w-3.5"}),l?"Copied!":"Copy Link"]})]}),e.jsx("div",{className:"pt-2",children:e.jsxs("p",{className:"text-[10px] text-faint italic",children:['"',t.shareOneLiner,'"']})})]})}),e.jsx(r,{delay:.4,children:e.jsx("div",{className:"border border-line rounded-sm p-6 text-center space-y-4",style:{backgroundColor:"hsl(var(--card-warm))"},children:e.jsx(L,{mode:"wait",children:z?e.jsxs(s.div,{initial:{opacity:0}

9,animate:{opacity:1},className:"flex items-center justify-center gap-3",children:[e.jsx(s.img,{src:A,alt:"Ollie",className:"w-10 h-10 object-contain",initial:{rotate:-10},animate:{rotate:0},transition:{type:"spring",stiffness:200}}),e.jsxs("div",{className:"text-left",children:[e.jsx("p",{className:"text-sm text-ink font-medium",children:"You're in! 🎉"}),e.jsx("p",{className:"text-xs text-faint",children:"We'll send personalized tips for your saving style."})]})]},"done"):e.jsxs(s.div,{exit:{opacity:0},className:"space-y-4",children:[e.jsx("p",{className:"text-sm text-ink font-serif",children:"Want a personalized saving dashboard?"}),e.jsxs("p",{className:"text-xs text-ink-2",children:["Get tips tailored to your ",t.title.replace("The ","")," personality."]}),e.jsxs("form",{onSubmit:g,className:"flex gap-2 max-w-sm mx-auto",children:[e.jsx("input",{type:"email",placeholder:"Your email",value:C,onChange:d=>Y(d.target.value),className:"flex-1 bg-transparent border-b border-line focus:border-ink outline-none py-2 text-sm text-ink placeholder:text-faint transition-colors",required:!0}),e.jsx(s.button,{type:"submit",disabled:k,className:"text-xs uppercase tracking-widest bg-ink text-paper px-4 py-2 rounded-3xl hover:bg-ink-hover transition-colors disabled:opacity-50 shrink-0",whileHover:{scale:1.03},whileTap:{scale:.97},children:"Send"})]})]},"form")})})}),e.jsxs(r,{delay:.5,children:[e.jsxs("div",{className:"flex flex-col sm:flex-row items-center justify-center gap-4 pt-4",children:[e.jsx("a",{href:"/onboarding",children:e.jsxs(s.span,{className:"inline-flex items-center gap-2 px-8 py-4 rounded-3xl text-sm tracking-widest uppercase bg-ink text-paper border-[0.5px] border-ink hover:bg-ink-hover cursor-pointer transition-colors",whileHover:{scale:1.04,y:-1},whileTap:{scale:.97},transition:{type:"spring",stiffness:400,damping:20},children:["Start Saving Smarter Now",e.jsx(_,{className:"h-4 w-4",strokeWidth:1.5})]})}),e.jsx("a",{href:"/features",children:e.jsx(s.span,{className:"inline-flex items-center gap-2 px-6 py-3 rounded-3xl text-xs tracking-widest uppercase text-ink-2 border border-line hover:border-ink hover:text-ink cursor-pointer transition-colors",whileHover:{scale:1.03},children:"Explore Save for Later"})})]}),e.jsx("p",{className:"text-center text-[10px] text-faint mt-4",children:"Start by saving 3 things today. Your future self is already grateful."})]}),e.jsx(r,{delay:.55,children:e.jsxs("div",{className:"border-t border-line pt-6 space-y-3",children:[e.jsx("p",{className:"text-[10px] uppercase tracking-[0.2em] text-faint text-center",children:"How savers compare"}),e.jsx("div",{className:"space-y-2 max-w-sm mx-auto",children:["deep-diver","quick-collector","trend-tracker"].map(d=>{const T=$[d],b=d===o,i={"deep-diver":28,"quick-collector":44,"trend-tracker":18};return e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs("span",{className:"text-xs text-ink-2 w-28 text-right shrink-0",children:[T.emoji," ",T.title.replace("The ","")]}),e.jsx("div",{className:"flex-1 h-2 bg-line rounded-full overflow-hidden",children:e.jsx(s.div,{className:`h-full rounded-full ${b?"bg-gold":"bg-line-2"}`,initial:{width:0},animate:{width:`${i[d]}%`},transition:{duration:1,delay:.2}})}),e.jsxs("span",{className:`text-xs w-8 ${b?"text-gold font-medium":"text-faint"}`,children:[i[d],"%"]}),b&&e.jsx("span",{className:"text-[10px] text-gold",children:"← You"})]},d)})})]})})]}),e.jsx(L,{children:u&&e.jsx(s.div,{initial:{opacity:0}

9,animate:{opacity:1},exit:{opacity:0},className:"absolute inset-0 flex items-start justify-center pt-40 px-6 pointer-events-none",children:e.jsxs(s.div,{initial:{y:20,opacity:0},animate:{y:0,opacity:1},transition:{delay:.2,type:"spring",stiffness:200,damping:22},className:"pointer-events-auto max-w-md w-full text-center space-y-5 border border-line rounded-sm p-8 shadow-xl",style:{backgroundColor:"hsl(var(--card-warm))"},children:[e.jsx("div",{className:"flex justify-center",children:e.jsx("div",{className:"w-12 h-12 rounded-full flex items-center justify-center",style:{backgroundColor:"hsl(var(--gold))"},children:e.jsx(he,{className:"h-5 w-5 text-ink",strokeWidth:1.75})})}),e.jsx("p",{className:"text-[10px] uppercase tracking-[0.25em] text-gold",children:"Your result is ready"}),e.jsxs("h2",{className:"text-2xl md:text-3xl text-ink leading-snug font-serif",children:["Sign up to reveal your ",e.jsx("em",{className:"not-italic italic",children:"Saving Style"})]}),e.jsx("p",{className:"text-sm text-ink-2",children:"Create a free account to unlock your full profile, claim your badge, and start saving smarter in your personal library."}),e.jsxs(s.button,{onClick:v,className:"w-full inline-flex items-center justify-center gap-2 px-8 py-4 rounded-3xl text-sm tracking-widest uppercase bg-ink text-paper hover:bg-ink-hover transition-colors",whileHover:{scale:1.03,y:-1},whileTap:{scale:.97},children:["Reveal My Result",e.jsx(_,{className:"h-4 w-4",strokeWidth:1.5})]}),e.jsx("p",{className:"text-[10px] text-faint",children:"Free forever · 2 minutes · No credit card"})]})})})]})}export{Ye as default};