import{j as t}from"./query-vendor-CZu0EHPe.js";import{f as c,u as m,r as i}from"./react-vendor-0bvDbF03.js";import{e as d,S as u,m as a,B as l}from"./index-DzVf5QXp.js";import{u as p}from"./i18n-vendor-Bg2yf_Zw.js";import{A as x}from"./arrow-left-BogkOhjq.js";import"./supabase-vendor-CNV44oIa.js";import"./helmet-vendor-NlTFkN97.js";const f="https://cdn.storysparkle.org/ui_elements/loader-videos/signpost.mp4",h={background:"radial-gradient(circle at center, white 0%, white 30%, #a5f3fc 100%)"},E=()=>{const{t:e}=p("notfound"),s=c(),n=m(),{getLocalizedPath:o}=d(),r=i.useRef(null);return i.useEffect(()=>{console.error("404 Error: User attempted to access non-existent route:",s.pathname)},[s.pathname]),i.useEffect(()=>{r.current?.play().catch(()=>{})},[]),t.jsxs(t.Fragment,{children:[t.jsx(u,{title:e("meta.title"),description:e("meta.description"),noIndex:!0}),t.jsx(a.div,{initial:{opacity:0},animate:{opacity:1},transition:{duration:.5},className:"min-h-screen flex items-center justify-center p-4",style:h,children:t.jsxs(a.div,{initial:{opacity:0,scale:.9},animate:{opacity:1,scale:1},transition:{duration:.5},className:"relative z-10 flex flex-col items-center max-w-md w-full",children:[t.jsx("div",{className:"relative w-48 h-48 md:w-64 md:h-64 mb-8",children:t.jsx(a.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.6},className:"w-full h-full",children:t.jsx("video",{ref:r,src:f,className:"w-full h-full object-contain",autoPlay:!0,loop:!0,muted:!0,playsInline:!0})})}),t.jsxs(a.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{delay:.3},className:"text-center mb-8",children:[t.jsx("h1",{className:"text-2xl md:text-3xl font-medium text-gray-800 font-display mb-2",children:e("signpost.title")}),t.jsx("p",{className:"text-gray-600 text-sm md:text-base",children:e("signpost.subtitle")})]}),t.jsxs(a.div,{initial:{opacity:0},animate:{opacity:1},transition:{delay:.5},className:"flex flex-col sm:flex-row gap-3",children:[t.jsxs(l,{onClick:()=>n(o("/stories")),variant:"learn",children:[t.jsx(x,{className:"w-4 h-4 mr-2"}),e("signpost.browseStories")]}),t.jsx(l,{onClick:()=>n(o("/")),variant:"outline",className:"bg-white/80 border-gray-300 text-gray-700 hover:bg-white",children:e("signpost.returnHome")})]})]})})]})};export{E as default};