1import{j as e}from"./vendor-motion-TPgGFTrd.js";import{u as s,r as n,L as o}from"./vendor-react-DnHc344e.js";import{S as i,N as l,h as a,F as c}from"./index-C4IkaOye.js";import"./vendor-ui-NuoiY_9Q.js";const m=[{label:"Our Work",href:"/work"},{label:"Services",href:"/services"},{label:"About Us",href:"/about"},{label:"Blog & Insights",href:"/blog"},{label:"Contact Us",href:"/contact"},{label:"Our Clients",href:"/clients"}],g=()=>{const r=s();return n.useEffect(()=>{console.error("404 Error: User attempted to access non-existent route:",r.pathname)},[r.pathname]),e.jsxs("div",{className:"min-h-screen bg-background",children:[e.jsx(i,{title:"Page Not Found | The Sphere Agency",description:"The page you're looking for doesn't exist. Explore The Sphere Agency's branding services, case studies, blog, and more.",path:r.pathname,noindex:!0}),e.jsx(l,{}),e.jsxs("main",{children:[e.jsx("section",{className:"pt-40 pb-24",children:e.jsxs("div",{className:"container mx-auto px-6 lg:px-8 max-w-3xl text-center",children:[e.jsx("span",{className:"font-heading text-[8rem] font-normal leading-none text-primary lg:text-[12rem]",children:"404"}),e.jsx("h1",{className:"mt-4 font-heading text-h2 font-normal uppercase text-foreground",children:"Page Not Found"}),e.jsx("p",{className:"mt-4 text-body-lg font-light text-muted-foreground",children:"Sorry, the page you're looking for doesn't exist or has been moved. Let's get you back on track."}),e.jsxs(o,{to:"/",className:"mt-8 inline-flex items-center gap-2 border-2 border-primary bg-primary px-8 py-3 font-heading text-btn font-medium uppercase text-primary-foreground transition-all duration-200 hover:bg-transparent hover:text-primary rounded-full tracking-[0.075em]",children:["Back to Homepage",e.jsx(a,{className:"h-4 w-4"})]})]})}),e.jsx("section",{className:"pb-24",children:e.jsxs("div",{className:"container mx-auto px-6 lg:px-8 max-w-3xl",children:[e.jsx("h2",{className:"text-center font-heading text-h3 font-normal uppercase text-foreground",children:"Popular Pages"}),e.jsx("div",{className:"mt-8 grid gap-3 sm:grid-cols-2 lg:grid-cols-3",children:m.map(t=>e.jsxs(o,{to:t.href,className:"group flex items-center justify-between border border-border bg-background p-4 transition-all hover:border-primary hover:-translate-y-0.5 hover:shadow-md",children:[e.jsx("span",{className:"font-heading text-sm font-normal uppercase tracking-wide text-foreground group-hover:text-primary transition-colors",children:t.label}),e.jsx(a,{className:"h-4 w-4 text-muted-foreground group-hover:text-primary transition-colors"})]},t.href))})]})})]}),e.jsx(c,{})]})};export{g as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.