import{j as t}from"./query-vendor-CZu0EHPe.js";import{r as y}from"./react-vendor-0bvDbF03.js";import{k as h,aW as b,aX as s,m as o}from"./index-CN8ExtXC.js";import{u as w}from"./i18n-vendor-Cl4-lKeC.js";import"./supabase-vendor-CNV44oIa.js";import"./helmet-vendor-NlTFkN97.js";const f="https://cdn.storysparkle.org/landing_assets/spellbook.webp",g="https://cdn.storysparkle.org/landing_assets/vocabulary-snippet.webp",V=()=>{const a=y.useRef(null),i=h(),{t:n}=w("landing"),{scrollYProgress:e}=b({target:a,offset:["start end","end start"]}),r=s(e,[0,.3],[-200,0]),l=s(e,[0,.3],[.5,1]),c=s(e,[0,.3],[-30,0]),p=i&&typeof window<"u"&&window.innerWidth>=768?260:120,m=s(e,[.3,.55],[0,i?p:350]),d=s(e,[.3,.45],[0,1]),x=s(e,[.3,.55],[0,20]),u=s(e,[.3,.45],[.8,1]);return t.jsx("section",{ref:a,className:"relative min-h-[150vh] md:min-h-[200vh] overflow-visible",style:{background:"#FEF9C3"},children:t.jsx("div",{className:"sticky top-14 h-[calc(100vh-3.5rem)] flex items-center justify-center",children:t.jsxs("div",{className:"container mx-auto px-6",children:[t.jsx(o.h2,{className:"section-header text-[22px] lg:text-[32px] text-center mb-2 md:mb-4",initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.6},children:n("vocabulary.heading")}),t.jsxs("div",{className:"relative flex items-center justify-center min-h-[250px] md:min-h-[400px] my-4 md:my-8",children:[t.jsx(o.div,{className:"absolute left-[5%] md:left-[15%] z-10",style:{x:r,opacity:l,rotate:c},children:t.jsx("img",{src:f,alt:"Magical vocabulary spellbook",className:"w-32 md:w-64 lg:w-80 ipad-portrait:!w-64 h-auto drop-shadow-2xl"})}),t.jsx(o.div,{className:"absolute left-[10%] md:left-[20%] z-0",style:{x:m,opacity:d,rotate:x,scale:u},children:t.jsx("img",{src:g,alt:"Vocabulary notebook entry showing word with contextual meanings",className:"w-40 md:w-80 lg:w-96 ipad-portrait:!w-72 h-auto rounded-xl shadow-2xl"})})]}),t.jsx(o.p,{className:"section-subtext text-sm lg:text-xl text-center max-w-2xl mx-auto",initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.6,delay:.2},children:n("vocabulary.subtext")})]})})})};export{V as default};
//# sourceMappingURL=VocabularySection-D1nI6qh1.js.map