https://zest.agency/assets/Cases-DqqcUkwN.js

1import{y as h,r as n,i,j as s,z as j,m as c}from"./index-ppx0eI81.js";import{P as v}from"./PageHeader-C9pbwkrj.js";import{C as k}from"./CtaBand-DHC3P8N2.js";import{A as y}from"./arrow-up-right-v0W19Yk2.js";function B(){const{t:l,lang:t}=h(),u=["Wszystkie","E-commerce","B2B","Marki Lokalne"],m={Wszystkie:"All","E-commerce":"E-commerce",B2B:"B2B","Marki Lokalne":"Local brands"},[o,x]=n.useState("Wszystkie"),d=(e,r)=>{const a=`${e.industry} ${e.tags.join(" ")}`.toLowerCase();return r==="E-commerce"?a.includes("e‑commerce")||a.includes("e-commerce")||a.includes("marketplace"):r==="B2B"?a.includes("b2b")||a.includes("saas"):r==="Marki Lokalne"?a.includes("lokal")||a.includes("local"):!0},p=n.useMemo(()=>o==="Wszystkie"?i:i.filter(e=>d(e,o)),[o]),g=n.useMemo(()=>u.filter(e=>e==="Wszystkie"||i.some(r=>d(r,e))),[]),b=t==="pl"?"Filtruj po branży":"Filter by industry",f=t==="pl"?"Wszystkie":"All";return s.jsxs(s.Fragment,{children:[s.jsx(v,{eyebrow:l.nav.cases,h1:l.pages.cases.h1,lead:l.pages.cases.lead}),s.jsxs("section",{className:"mx-auto max-w-7xl px-5 pb-20 sm:px-8 sm:pb-28",children:[s.jsxs("div",{className:"mb-8 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:[s.jsx("div",{className:"text-xs uppercase tracking-[0.25em] text-muted-foreground",children:b}),s.jsx("div",{className:"flex flex-wrap gap-2",children:g.map(e=>{const r=t==="pl"?e:e==="Wszystkie"?f:m[e],a=e===o;return s.jsx("button",{onClick:()=>x(e),className:`rounded-full border px-3.5 py-1.5 text-xs font-medium uppercase tracking-widest transition-colors ${a?"border-foreground bg-foreground text-background":"border-border text-muted-foreground hover:border-foreground hover:text-foreground"}`,children:r},e)})})]}),s.jsx("div",{className:"grid gap-6 sm:grid-cols-2 lg:grid-cols-3",children:p.map(e=>s.jsxs(j,{to:"/case-studies/$slug",params:{slug:e.slug},className:"group overflow-hidden rounded-3xl border border-border bg-background transition-colors hover:border-foreground",children:[s.jsxs("div",{className:`relative aspect-[4/3] overflow-hidden ${e.coverGradient}`,children:[c(e)&&s.jsx("img",{src:c(e),alt:t==="en"&&e.clientEn||e.client,loading:"lazy",className:"absolute inset-0 h-full w-full object-cover"}),s.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"}),s.jsx("div",{className:"absolute left-5 top-5 flex flex-wrap gap-1.5",children:((t==="en"?e.tagsEn:void 0)??e.tags).map(r=>s.jsx("span",{className:"rounded-full bg-background/95 px-2.5 py-1 text-[10px] font-medium uppercase tracking-wider",children:r},r))}),s.jsxs("div",{className:"absolute bottom-5 left-5 right-5 font-display text-4xl leading-tight text-background",children:[e.heroKpi,(t==="en"?e.heroKpiSubEn??e.heroKpiSub:e.heroKpiSub)?s.jsx("div",{className:"mt-2 font-sans text-xs font-normal uppercase tracking-widest text-background/80",children:t==="en"?e.heroKpiSubEn??e.heroKpiSub:e.heroKpiSub}):null]})]}),s.jsxs("div",{className:"flex items-center justify-between p-6",children:[s.jsxs("div",{children:[s.jsx("div",{className:"text-base font-medium",children:t==="en"&&e.clientEn||e.client}),s.jsx("div",{className:"mt-1 text-xs uppercase tracking-widest text-muted-foreground",children:(t==="en"?e.industryEn:void 0)??e.industry})]}),s.jsx(y,{className:"h-4 w-4 text-muted-foreground transition-transform group-hover:-translate-y-0.5 group-hover:translate-x-0.5"})]})]},e.slug))})]}),s.jsx(k,{})]})}export{B as C};