import{j as e}from"./query-vendor-CZu0EHPe.js";import{R as l}from"./react-vendor-0bvDbF03.js";import{C as o,b as m}from"./card-DH0cNbKb.js";import{S as c}from"./separator-BlSZ3LLf.js";import{B as d}from"./BreadcrumbNavigation-DM7G6iqH.js";import{e as p,Q as h,S as x,m as u,R as f}from"./index-DMdfL0Ih.js";import{S as g}from"./ShareCard-D-ZK-fTz.js";import{u as b}from"./i18n-vendor-Bg2yf_Zw.js";import{B as j}from"./bookmark-Cf58VNjl.js";import"./supabase-vendor-CNV44oIa.js";import"./helmet-vendor-NlTFkN97.js";const w={"magic-wonder":"https://cdn.storysparkle.org/ui_elements/Theme%20Icons/Magic%20and%20Wonder.webp","nature-animals":"https://cdn.storysparkle.org/ui_elements/Theme%20Icons/Nature%20and%20Animals.webp","adventure-curiosity":"https://cdn.storysparkle.org/ui_elements/Theme%20Icons/Adventure%20and%20Curiosity.webp","problem-solution":"https://cdn.storysparkle.org/ui_elements/Theme%20Icons/Problem%20and%20Solution.webp","friendship-teamwork":"https://cdn.storysparkle.org/ui_elements/Theme%20Icons/Friendship%20and%20Teamwork.webp","fun-wit":"https://cdn.storysparkle.org/ui_elements/Theme%20Icons/Fun%20and%20Wit.webp","kindness-empathy":"https://cdn.storysparkle.org/ui_elements/Theme%20Icons/Kindness%20and%20Empathy.webp","fear-courage":"https://cdn.storysparkle.org/ui_elements/Theme%20Icons/Fear%20and%20Courage.webp","sadness-loss":"https://cdn.storysparkle.org/ui_elements/Theme%20Icons/Sadness%20and%20Loss.webp","anger-frustration":"https://cdn.storysparkle.org/ui_elements/Theme%20Icons/Anger%20and%20Frustration.webp","confidence-determination":"https://cdn.storysparkle.org/ui_elements/Theme%20Icons/Confidence%20and%20Determination.webp","jealousy-appreciation":"https://cdn.storysparkle.org/ui_elements/Theme%20Icons/Jealousy%20and%20Appreciation.webp"},y=["magic-wonder","nature-animals","adventure-curiosity","problem-solution","friendship-teamwork","fun-wit","kindness-empathy","fear-courage","sadness-loss","anger-frustration","confidence-determination","jealousy-appreciation"],E=()=>{const{t:s}=b("themes");p(),l.useEffect(()=>{const a=window.location.hash;if(a){const t=a.substring(1);setTimeout(()=>{const r=document.getElementById(t);if(r){const i=r.getBoundingClientRect().top+window.pageYOffset+-100;window.scrollTo({top:i,behavior:"smooth"})}},100)}},[]);const n=h(s,"whyThemesMatter.benefits");return e.jsxs(e.Fragment,{children:[e.jsx(x,{title:s("meta.title"),description:s("meta.description"),keywords:s("meta.keywords",{defaultValue:""})||void 0,canonical:"/themes"}),e.jsx("div",{className:"min-h-screen bg-page-surface",children:e.jsxs("div",{className:"container py-12",children:[e.jsx("div",{className:"-mt-4 mb-6",children:e.jsx(d,{})}),e.jsx("div",{className:"mb-12",children:e.jsxs("div",{className:"flex flex-col lg:flex-row items-center justify-center gap-3 md:gap-6 lg:gap-8",children:[e.jsx("div",{className:"w-32 h-32 lg:w-44 lg:h-44 flex-shrink-0",children:e.jsx(u.div,{animate:{y:[0,-8,0]},transition:{duration:3,repeat:1/0,ease:"easeInOut"},children:e.jsx("img",{src:"https://cdn.storysparkle.org/ui_elements/Hero%20Icons/Story%20Themes.webp",alt:"Story Themes",className:"w-full h-full object-contain drop-shadow-2xl"})})}),e.jsxs("div",{className:"flex flex-col items-center lg:items-start text-center lg:text-left",children:[e.jsx("h1",{className:"text-[22px] lg:text-[32px] font-bold mb-4 text-ink",children:s("header.title")}),e.jsx("p",{className:"text-sm lg:text-xl text-nature-forest",children:s("header.subtitle")})]})]})}),e.jsxs("div",{className:"page-card p-6 md:p-8 mb-12",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx(j,{className:"h-6 w-6 text-nature-coral"}),e.jsx("h2",{className:"text-xl font-semibold text-ink",children:s("whyThemesMatter.title")})]}),e.jsx("p",{className:"mb-4 text-nature-forest",children:s("whyThemesMatter.description")}),e.jsx("ul",{className:"list-disc pl-6 space-y-2 text-nature-forest",children:n.map((a,t)=>e.jsx("li",{children:a},t))})]}),e.jsx("div",{className:"grid gap-8 mb-12",children:y.map((a,t)=>e.jsx(o,{id:a,className:"overflow-visible hover-glow relative scroll-mt-24",children:e.jsxs(m,{className:"p-6 relative",children:[e.jsxs("div",{className:"relative mb-2",children:[e.jsx("h2",{className:"text-xl md:text-2xl font-semibold text-nature-coral pr-24",children:s(`themes.${t}.name`)}),e.jsx("div",{className:"absolute -top-8 -right-4 w-24 h-24 md:w-28 md:h-28 animate-float",style:{animationDelay:`${t*.2}s`},children:e.jsx("img",{src:w[a],alt:s(`themes.${t}.name`),className:"w-full h-full object-contain drop-shadow-lg"})})]}),e.jsx(c,{className:"mb-4 bg-nature-forest/20"}),e.jsxs("div",{className:"grid lg:grid-cols-3 gap-4",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"font-medium mb-2 text-sparkle-purple",children:s("themeLabels.description")}),e.jsx("p",{className:"text-sm text-nature-forest",children:s(`themes.${t}.description`)})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"font-medium mb-2 text-sparkle-purple",children:s("themeLabels.educational")}),e.jsx("p",{className:"text-sm text-nature-forest",children:s(`themes.${t}.educational`)})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"font-medium mb-2 text-sparkle-purple",children:s("themeLabels.examples")}),e.jsx("p",{className:"text-sm text-nature-forest",children:s(`themes.${t}.examples`)})]})]})]})},a))}),e.jsxs("div",{className:"page-card p-6 md:p-8 text-center mb-8",children:[e.jsx("h2",{className:"text-2xl font-semibold mb-4 text-ink",children:s("callToAction.title")}),e.jsx("p",{className:"mb-6 text-nature-forest",children:s("callToAction.description")}),e.jsx(f,{})]}),e.jsx(g,{heading:s("sharing.title"),subheading:s("sharing.description"),title:"StorySparkle - Story Themes",description:s("header.subtitle")})]})})]})};export{E as default};
//# sourceMappingURL=ThemeInfoPage-BTRdRqBY.js.map