1import{V as h,u as e,L as b}from"./index-DWAWV-MC.js";import{T as x}from"./terminal-Z_fMn7zJ.js";import{A as g}from"./arrow-right-CyAGdnEQ.js";import{L as v}from"./loader-circle-CM4eSwyf.js";function k(){const{caseStudies:n,source:l}=h();return e.jsx("div",{className:"w-full",children:e.jsxs("section",{className:"pt-24 pb-16 px-4 max-w-7xl mx-auto",children:[e.jsxs("div",{className:"text-center max-w-4xl mx-auto mb-20 animate-in fade-in slide-in-from-bottom-8 duration-700",children:[e.jsx(x,{className:"w-16 h-16 text-cyan mx-auto mb-8"}),e.jsxs("h1",{className:"text-2xl md:text-3xl lg:text-4xl mb-6 text-white leading-relaxed font-display uppercase tracking-tight",children:["Case ",e.jsx("span",{className:"text-cyan",children:"Studies."})]}),e.jsx("p",{className:"text-muted font-mono uppercase text-xs tracking-wider leading-relaxed",children:"I've served over 50 clients locally and globally. Here's a look at how I solve real business problems."})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 md:gap-10 mb-20",children:[n.map((r,p)=>{var d,m;const t=r.services?r.services.split(",").map(s=>s.trim()).filter(Boolean):[],u=t.length>0?t[0]:"Digital Experience",a=(d=r.assets)==null?void 0:d.find(s=>s.slot==="cover"&&s.kind==="image"&&s.secureUrl),o=(m=r.assets)==null?void 0:m.find(s=>s.slot==="logo"&&s.kind==="image"&&s.secureUrl),i=(a==null?void 0:a.secureUrl)||r.coverImage,c=(o==null?void 0:o.secureUrl)||r.logo;return e.jsxs("div",{className:"relative overflow-visible bg-[var(--bg-panel)] border border-[var(--border-main)] rounded-sm hover:border-cyan/50 hover:shadow-[0_0_25px_rgba(0,229,255,0.1)] transition-all duration-300 flex flex-col h-full group",children:[e.jsx("div",{className:"absolute -top-3 -left-3 w-8 h-8 rounded-full bg-[#001f1f] border-2 border-[var(--border-main)] group-hover:border-cyan text-cyan flex items-center justify-center text-[10px] font-mono font-bold z-20",children:String(p+1).padStart(2,"0")}),e.jsxs("div",{className:"relative aspect-[4/3] bg-[var(--bg-app)] border-b border-[var(--border-main)]",children:[e.jsxs("div",{className:"absolute inset-0 overflow-hidden",children:[i?e.jsx("img",{src:i,className:"w-full h-full object-cover group-hover:scale-105 transition-transform duration-700",alt:r.name,referrerPolicy:"no-referrer"}):e.jsxs("div",{className:"w-full h-full flex flex-col items-center justify-center opacity-30 group-hover:opacity-50 transition-opacity",children:[e.jsx(x,{size:32,className:"text-cyan mb-2"}),e.jsx("span",{className:"font-mono text-[10px] uppercase tracking-widest text-cyan",children:"Secure Enclave"})]}),e.jsx("div",{className:"absolute inset-x-0 bottom-0 h-1/2 bg-gradient-to-t from-[var(--bg-panel)] to-transparent pointer-events-none"})]}),e.jsx("div",{className:"absolute -bottom-8 left-6 w-16 h-16 md:w-20 md:h-20 bg-white rounded-sm border border-[var(--border-main)] flex items-center justify-center p-2.5 shadow-2xl z-20 transition-transform group-hover:-translate-y-1",children:c?e.jsx("img",{src:c,className:"w-full h-full object-contain",alt:`${r.name} logo`,referrerPolicy:"no-referrer"}):e.jsx("span",{className:"font-mono text-sm font-black text-neutral-800 uppercase tracking-wide",children:r.name.substring(0,3)})})]}),e.jsxs("div",{className:"p-6 pt-14 md:pt-16 flex flex-col flex-1 relative",children:[e.jsx("h3",{className:"font-display text-white text-xl md:text-2xl uppercase tracking-tight mb-1",children:r.name}),e.jsx("p",{className:"text-cyan font-mono text-[10px] uppercase tracking-widest mb-5",children:u}),e.jsx("ul",{className:"mb-8 space-y-2.5",children:t.slice(0,3).map((s,f)=>e.jsxs("li",{className:"flex gap-2 items-start text-muted text-sm font-sans flex-1",children:[e.jsx("span",{className:"text-cyan font-bold mt-0.5 opacity-70",children:"â¢"}),e.jsx("span",{className:"group-hover:text-gray-300 transition-colors",children:s})]},f))}),e.jsx("div",{className:"mt-auto",children:e.jsxs(b,{to:`/clients/${r.id}`,className:"w-full flex items-center justify-center gap-2 bg-[#001a1a] text-cyan border border-[var(--border-main)] group-hover:border-cyan/40 rounded-sm py-3 px-4 font-mono text-[11px] uppercase tracking-widest hover:bg-cyan hover:text-[#000a0a] transition-all font-bold",children:["View Case Study ",e.jsx(g,{size:14,className:"group-hover:translate-x-1 transition-transform"})]})})]})]},r.id)}),l==="loading"&&e.jsxs("div",{className:"col-span-full min-h-48 flex flex-col items-center justify-center gap-4 border border-dashed border-[var(--border-main)] text-cyan font-mono uppercase text-xs tracking-widest rounded-none",role:"status",children:[e.jsx(v,{className:"h-7 w-7 animate-spin","aria-hidden":"true"}
1),"Loading case studiesâ¦"]}),n.length===0&&l!=="loading"&&e.jsx("div",{className:"p-20 text-center border border-dashed border-[var(--border-main)] text-muted font-mono uppercase text-sm tracking-widest rounded-none",children:"No clients listed in the active registry."})]})]})})}export{k 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.