1import{a as h,b as p,r as i,d as u,s as m,e as f,j as e,L as j}from"./index-CYm_BE3J.js";function v(){const[b]=h(),{t:n}=p(),[c,k]=i.useState(""),{data:o}=u({queryKey:["category-urbk-lab"],queryFn:async()=>{const{data:s}=await m.from("categories").select("id,slug").eq("slug","urbk-lab").maybeSingle();return s}}),{data:a=[]}=u({queryKey:["urbk-lab-artists",o?.id],enabled:!!o?.id,queryFn:async()=>{const{data:s}=await m.from("artists").select("id,slug,name_en,name_ko,cover_image_url,portrait_image_url,source_language").eq("published",!0).eq("category_id",o.id).order("order_index");return s??[]}}),g=i.useMemo(()=>a.map(s=>s.id),[a]),x=i.useMemo(()=>{const s={};for(const t of a)s[t.id]=t.source_language??"ko";return s},[a]);f("artist",g,b,x);const d=i.useMemo(()=>{if(!c.trim())return a;const s=c.trim().toLowerCase();return a.filter(t=>{const r=(t.name_en||"").toLowerCase(),l=(t.name_ko||"").toLowerCase();return r.includes(s)||l.includes(s)})},[a,c]);return e.jsxs("div",{className:"bg-black text-white min-h-screen",children:[e.jsx("section",{className:"relative w-full bg-black",children:e.jsxs("div",{className:"relative aspect-[4/3] sm:aspect-[16/7] md:aspect-[16/6] w-full overflow-hidden bg-neutral-900",children:[e.jsx("img",{src:"https://ebdiiszhxwpwnmcrdrhy.supabase.co/storage/v1/object/public/media/urbk-lab-artists-hero-v3.jpg",alt:"","aria-hidden":"true",className:"absolute inset-0 h-full w-full object-cover opacity-80"}),e.jsx("div",{className:"absolute inset-0 bg-black/55"}),e.jsx("div",{className:"container-ub relative z-10 flex h-full flex-col justify-end pb-10 md:pb-14",children:e.jsxs("h1",{className:"font-display font-black leading-[0.9] tracking-tight",children:[e.jsx("span",{className:"block text-5xl md:text-7xl lg:text-8xl",children:n("urbkLabArtists.heroTitle1")}),e.jsx("span",{className:"block text-5xl md:text-7xl lg:text-8xl",children:n("urbkLabArtists.heroTitle2")})]})})]})}),e.jsx("section",{className:"w-full bg-black pt-12 md:pt-16 pb-24",children:e.jsx("div",{className:"container-ub",children:d.length===0?e.jsx("p",{className:"text-center text-white/60 py-16",children:n("urbkLabArtists.empty")}):e.jsx("div",{className:"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 md:gap-8",children:d.map(s=>{const t=(s.name_en||"").toUpperCase(),r=s.name_ko||"",l=s.cover_image_url||s.portrait_image_url;return e.jsxs(j,{to:`/urban-lab/artists/${s.slug}`,className:"group block",children:[e.jsx("div",{className:"aspect-[3/4] w-full overflow-hidden bg-white",children:l&&e.jsx("img",{src:l,alt:t,className:"h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"})}),e.jsxs("div",{className:"mt-3",children:[e.jsx("h3",{className:"font-display text-base md:text-lg font-black uppercase tracking-tight text-white",children:t}),r&&e.jsx("p",{className:"mt-0.5 text-xs md:text-sm text-white/85",children:r})]})]},s.id)})})})})]})}export{v 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.