import{j as t}from"./query-vendor-CZu0EHPe.js";import{r as H}from"./react-vendor-0bvDbF03.js";import{k as I,aS as q,aT as s,m as a}from"./index-D1vbIJ-B.js";import{u as z}from"./i18n-vendor-Cl4-lKeC.js";import"./supabase-vendor-CNV44oIa.js";import"./helmet-vendor-NlTFkN97.js";const c="https://cdn.storysparkle.org/landing_assets/dna-helix.webp",d="https://cdn.storysparkle.org/landing_assets/stat-stories-read.webp",m="https://cdn.storysparkle.org/landing_assets/stat-reading-time.webp",x="https://cdn.storysparkle.org/landing_assets/stat-current-streak.webp",p="https://cdn.storysparkle.org/landing_assets/stat-words-learned.webp",V=()=>{const l=H.useRef(null),w=I(),{t:r}=z("landing"),{scrollYProgress:e}=q({target:l,offset:["start end","end start"]}),h=s(e,[.25,.45],["0%","-150%"]),u=s(e,[.25,.45],["0%","150%"]),o=s(e,[.3,.4,.5,.55],[0,1,1,0]),i=s(e,[.5,.58],[0,1]),v=s(e,[.55,.75],["-100vw","0vw"]),g=s(e,[.55,.75],["-50vh","0vh"]),y=s(e,[.55,.75],[-45,0]),f=s(e,[.55,.65],[.5,1]),j=s(e,[.55,.75],["100vw","0vw"]),b=s(e,[.55,.75],["-50vh","0vh"]),N=s(e,[.55,.75],[45,0]),R=s(e,[.55,.65],[.5,1]),k=s(e,[.55,.75],["-100vw","0vw"]),S=s(e,[.55,.75],["50vh","0vh"]),C=s(e,[.55,.75],[45,0]),X=s(e,[.55,.65],[.5,1]),O=s(e,[.55,.75],["100vw","0vw"]),T=s(e,[.55,.75],["50vh","0vh"]),L=s(e,[.55,.75],[-45,0]),Y=s(e,[.55,.65],[.5,1]),D=s(e,[.55,.6],[0,1]),E=s(e,[.55,.6],["-100vw","0vw"]),_=s(e,[.58,.63],[0,1]),A=s(e,[.58,.63],["100vw","0vw"]),M=s(e,[.61,.66],[0,1]),W=s(e,[.61,.66],["-100vw","0vw"]),F=s(e,[.64,.69],[0,1]),P=s(e,[.64,.69],["100vw","0vw"]),n=t.jsxs("h2",{className:"section-header text-[22px] lg:text-[32px] text-center",children:[r("achievements.subtext2Prefix")," ",t.jsx("span",{className:"bg-gradient-to-r from-nature-purple via-nature-coral to-nature-green bg-clip-text text-transparent animate-pulse",children:r("achievements.subtext2Magic")})]});return t.jsx("section",{ref:l,className:"relative h-[600vh]",style:{background:"#EDE9FE"},children:t.jsxs("div",{className:"sticky top-14 h-[calc(100vh-3.5rem)] pt-4 lg:pt-16 w-full overflow-hidden flex items-center justify-center",children:[t.jsx(a.div,{className:"absolute top-[50%] lg:top-[calc(50%+32px)] h-[50vh]",style:{left:"50%",translateY:"-50%",x:h,marginLeft:"-1px"},children:t.jsx("img",{src:c,alt:"DNA helix decoration",role:"presentation",className:"h-full w-auto object-contain",style:{transform:"translateX(-100%)"}})}),t.jsx(a.div,{className:"absolute top-[50%] lg:top-[calc(50%+32px)] h-[50vh]",style:{left:"50%",translateY:"-50%",x:u,marginLeft:"1px"},children:t.jsx("img",{src:c,alt:"DNA helix decoration",role:"presentation",className:"h-full w-auto object-contain"})}),w?t.jsxs("div",{className:"absolute inset-0 pt-0 flex flex-col items-center justify-center gap-2 ipad-portrait:!gap-6 px-4",children:[t.jsx(a.div,{className:"w-[80vw] max-w-sm ipad-portrait:!max-w-2xl ipad-portrait:!w-[85vw]",style:{opacity:D,x:E},children:t.jsx("img",{src:d,alt:"Stories Read",className:"w-full h-auto rounded-xl shadow-lg"})}),t.jsx(a.div,{className:"w-[80vw] max-w-sm ipad-portrait:!max-w-2xl ipad-portrait:!w-[85vw]",style:{opacity:_,x:A},children:t.jsx("img",{src:m,alt:"Reading Time",className:"w-full h-auto rounded-xl shadow-lg"})}),t.jsxs("div",{className:"relative py-2 ipad-portrait:!py-4 w-full",children:[t.jsx(a.div,{style:{opacity:o},className:"absolute inset-0 flex items-center justify-center",children:t.jsx("h2",{className:"section-header text-[22px] lg:text-[32px] text-center",children:r("achievements.subtext1")})}),t.jsx(a.div,{style:{opacity:i},className:"flex items-center justify-center",children:n})]}),t.jsx(a.div,{className:"w-[80vw] max-w-sm ipad-portrait:!max-w-2xl ipad-portrait:!w-[85vw]",style:{opacity:M,x:W},children:t.jsx("img",{src:p,alt:"Words Learned",className:"w-full h-auto rounded-xl shadow-lg"})}),t.jsx(a.div,{className:"w-[80vw] max-w-sm ipad-portrait:!max-w-2xl ipad-portrait:!w-[85vw]",style:{opacity:F,x:P},children:t.jsx("img",{src:x,alt:"Current Streak",className:"w-full h-auto rounded-xl shadow-lg"})})]}):t.jsxs(t.Fragment,{children:[t.jsx(a.div,{className:"absolute inset-0 flex items-center justify-center pointer-events-none",style:{opacity:o},children:t.jsx("h2",{className:"section-header text-center",children:r("achievements.subtext1")})}),t.jsx(a.div,{className:"absolute inset-0 flex items-center justify-center pointer-events-none",style:{opacity:i},children:n}),t.jsx(a.div,{className:"absolute top-[12%] left-[8%] w-[22rem] md:w-[28rem] lg:w-[34rem]",style:{x:v,y:g,rotate:y,opacity:f},children:t.jsx("img",{src:d,alt:"Stories Read stat card",className:"w-full h-auto rounded-xl shadow-lg"})}),t.jsx(a.div,{className:"absolute top-[12%] right-[8%] w-[22rem] md:w-[28rem] lg:w-[34rem]",style:{x:j,y:b,rotate:N,opacity:R},children:t.jsx("img",{src:m,alt:"Reading Time stat card",className:"w-full h-auto rounded-xl shadow-lg"})}),t.jsx(a.div,{className:"absolute bottom-[8%] left-[8%] w-[22rem] md:w-[28rem] lg:w-[34rem]",style:{x:k,y:S,rotate:C,opacity:X},children:t.jsx("img",{src:p,alt:"Words Learned stat card",className:"w-full h-auto rounded-xl shadow-lg"})}),t.jsx(a.div,{className:"absolute bottom-[8%] right-[8%] w-[22rem] md:w-[28rem] lg:w-[34rem]",style:{x:O,y:T,rotate:L,opacity:Y},children:t.jsx("img",{src:x,alt:"Current Streak stat card",className:"w-full h-auto rounded-xl shadow-lg"})})]})]})})};export{V as default};
//# sourceMappingURL=AchievementsSection-DayjNuk7.js.map