import{r,j as e}from"./index-DEjMkqlI.js";import{u as n,S as c,a as d}from"./useDynamicSeo-B7hRU84W.js";import{s as m,c as x}from"./client-DXODAVLv.js";import"./x--GkJcARo.js";import"./createLucideIcon-DqYrWYDW.js";const u=[{id:"all",label:"All Work"},{id:"feature_film",label:"Feature Films"},{id:"short_film",label:"Short Films"},{id:"tvc",label:"TVCs"},{id:"digital_ad",label:"Digital"},{id:"event",label:"Events"}];function j(){n("/work");const[a,i]=r.useState([]),[s,o]=r.useState("all");r.useEffect(()=>{m.from("projects").select("*").eq("published",!0).order("year",{ascending:!1}).order("sort_order").then(({data:t})=>i(t??[]))},[]);const l=s==="all"?a:a.filter(t=>t.category===s);return e.jsx(c,{children:e.jsx("section",{className:"py-20 md:py-28",children:e.jsxs("div",{className:"container mx-auto px-5 md:px-10",children:[e.jsx(d,{eyebrow:"Portfolio",title:e.jsxs(e.Fragment,{children:["The work that ",e.jsx("span",{className:"italic text-gradient-gold",children:"moves us."})]}),description:"A selection of films, TVCs, digital campaigns and events crafted with intention."}),e.jsx("div",{className:"flex flex-wrap gap-2 mt-12 border-b border-border pb-px",children:u.map(t=>e.jsx("button",{onClick:()=>o(t.id),className:x("px-4 py-3 text-xs uppercase tracking-widest transition-colors border-b-2 -mb-px",s===t.id?"border-gold text-gold":"border-transparent text-muted-foreground hover:text-foreground"),children:t.label},t.id))}),l.length===0?e.jsx("div",{className:"py-32 text-center",children:e.jsxs("p",{className:"text-muted-foreground",children:["Our portfolio is being curated. Check back soon, or"," ",e.jsx("a",{href:"/contact",className:"text-gold hover:underline",children:"get in touch"}),"."]})}):e.jsx("div",{className:"grid md:grid-cols-2 lg:grid-cols-3 gap-6 mt-12",children:l.map(t=>e.jsxs("article",{className:"group",children:[e.jsxs("div",{className:"relative aspect-[4/5] overflow-hidden bg-onyx hover-lift",children:[t.poster_url?e.jsx("img",{src:t.poster_url,alt:t.title,className:"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105",loading:"lazy"}):e.jsx("div",{className:"w-full h-full bg-gradient-to-br from-onyx to-background flex items-center justify-center",children:e.jsx("span",{className:"font-display text-3xl text-gold/40",children:t.title[0]})}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-background to-transparent opacity-80"})]}),e.jsxs("div",{className:"mt-5",children:[e.jsxs("p",{className:"text-xs uppercase tracking-widest text-gold",children:[t.category.replace("_"," ")," ",t.year?`· ${t.year}`:""]}),e.jsx("h3",{className:"font-display text-2xl mt-2 text-foreground",children:t.title}),t.client&&e.jsx("p",{className:"text-sm text-muted-foreground mt-1",children:t.client}),t.description&&e.jsx("p",{className:"text-sm text-muted-foreground mt-3 line-clamp-2",children:t.description})]})]},t.id))})]})})})}export{j as component};
