import{j as e}from"./query-vendor-CZu0EHPe.js";import{B as c}from"./BreadcrumbNavigation-DBHDLpC2.js";import{P as i,B as r,V as l}from"./VideoCard-BfQJBxSx.js";import{U as a,m as d}from"./index-C-Kzd2Hj.js";import{u as m}from"./i18n-vendor-Bg2yf_Zw.js";import"./react-vendor-0bvDbF03.js";import"./play-Z9FaJ7qr.js";import"./supabase-vendor-CNV44oIa.js";import"./helmet-vendor-NlTFkN97.js";const x="https://cdn.storysparkle.org/ui_elements/Hero%20Icons/Watch.webp",v=()=>{const{t}=m("watch"),o=a.filter(s=>s.kind==="promo"),n=a.filter(s=>s.kind==="howto");return e.jsxs("div",{className:"min-h-screen bg-page-surface pt-4 pb-6 md:pt-6 md:pb-8 overflow-x-clip",children:[e.jsx(i,{children:e.jsx(c,{items:[{name:t("breadcrumb"),path:"/watch"}]})}),e.jsx("section",{className:"bg-transparent py-10 mt-4 md:py-20 md:mt-8",children:e.jsx(i,{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(d.div,{animate:{y:[0,-8,0]},transition:{duration:3,repeat:1/0,ease:"easeInOut"},children:e.jsx("img",{src:x,alt:"",width:176,height:176,decoding:"async",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:e.jsx(r,{children:t("hero.title")})}),e.jsx("p",{className:"text-sm lg:text-xl text-nature-forest",children:e.jsx(r,{children:t("hero.subtitle")})})]})]})})}),e.jsx("section",{className:"py-12 md:py-16",children:e.jsxs(i,{children:[e.jsx("h2",{className:"mb-6 text-lg lg:text-2xl font-bold text-ink",children:t("sections.startHere")}),e.jsx("div",{className:"grid grid-cols-1 gap-6",children:o.map(s=>e.jsx(l,{video:s,featured:!0},s.slug))})]})}),e.jsx("section",{className:"pb-12 md:pb-16",children:e.jsxs(i,{children:[e.jsx("h2",{className:"mb-6 text-lg lg:text-2xl font-bold text-ink",children:t("sections.howTo")}),e.jsx("div",{className:"grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3",children:n.map(s=>e.jsx(l,{video:s},s.slug))})]})})]})};export{v as default};