https://www.digitaldevelopment.pl/assets/CaseStudies-DtvHbWqi.js

1import{u as z,a as T,o as L,r as o,j as e,L as m,h as n,A as u,l as $}from"./main-BJcGcn35.js";import{C as A}from"./circle-check-C7UogalE.js";import{C as E}from"./clock-r9iXs_Vc.js";import{T as D}from"./trending-up-_MtZjl1T.js";function H(){var j;const{t:a,i18n:_}=z();T(a("seo.caseStudies_title"),a("seo.caseStudies_desc"));const r=_.language,{stats:i,loading:g}=L(),[c,k]=o.useState([]),[b,C]=o.useState([]),[x,p]=o.useState(!0),R=[{icon:e.jsx(A,{size:17}),value:g?"…":`${i==null?void 0:i.completed_projects}+`,label:a("casestudies.stat_projects")},{icon:e.jsx(E,{size:17}),value:"50%",label:a("casestudies.stat_time")},{icon:e.jsx(D,{size:17}),value:g?"…":`${i==null?void 0:i.client_satisfaction}%`,label:a("casestudies.stat_satisfaction")}];o.useEffect(()=>{async function s(){p(!0);try{const v=[...await $("case-studies",{eq:{status:"published"}})||[]].sort((d,N)=>{const y=d.featured_order??1/0,w=N.featured_order??1/0;return y!==w?y-w:new Date(N.created_at||0)-new Date(d.created_at||0)}),S=v.filter(d=>d.main_image_url).slice(0,3);C(S),k(v)}catch(t){console.error("Błąd pobierania Case Studies:",t)}p(!1)}s()},[]);const h=s=>(s||"").replace(/<[^>]*>/g,""),l=b[0]||null,f=b.slice(1,3);return e.jsxs("main",{className:"bg-[#fbfcff] min-h-screen",children:[e.jsx("section",{className:"bg-white border-b border-gray-100",children:e.jsxs("div",{className:"max-w-6xl mx-auto px-5 pt-28 lg:pt-36 pb-14",children:[e.jsxs("div",{className:"max-w-2xl mb-10",children:[e.jsxs("div",{className:"inline-flex items-center gap-2 px-3 py-1.5 bg-brand-blue/8 border border-brand-blue/15 rounded-full mb-5",children:[e.jsx("span",{className:"w-1.5 h-1.5 bg-brand-blue rounded-full animate-pulse"}),e.jsx("span",{className:"text-brand-blue font-bold tracking-widest text-[11px] uppercase",children:a("casestudies.hero_badge")})]}),e.jsxs("h1",{className:"text-3xl md:text-4xl lg:text-[2.6rem] font-heading font-bold text-gray-900 leading-[1.15] mb-4",children:[a("casestudies.hero_title")," ",e.jsx("span",{className:"text-brand-blue",children:a("casestudies.hero_title2")})]}),e.jsx("p",{className:"text-gray-500 text-base leading-relaxed max-w-xl",children:a("casestudies.hero_desc")})]}),!x&&l&&e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxs(m,{to:`/case-study/${l.slug}`,className:"group relative overflow-hidden rounded-[1.5rem] bg-gray-100 shadow-md hover:shadow-xl transition-all duration-300",style:{aspectRatio:"16/6"},children:[l.main_image_url&&e.jsx("img",{src:l.main_image_url,alt:l.title,className:"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-r from-gray-900/75 via-gray-900/30 to-transparent"}),e.jsxs("div",{className:"absolute bottom-0 left-0 p-7 max-w-xl",children:[e.jsx("span",{className:"inline-block mb-3 px-2.5 py-1 bg-brand-blue/80 text-white text-[10px] font-bold uppercase tracking-widest rounded-full",children:((j=l.client)==null?void 0:j.name)||a("casestudies.confidential_client")}),e.jsx("h2",{className:"text-white font-heading font-bold text-xl md:text-2xl leading-snug mb-2",children:n(l.title,r)}),e.jsx("p",{className:"text-gray-300 text-sm line-clamp-2 hidden md:block",children:h(n(l.subtitle,r))}),e.jsxs("div",{className:"mt-4 inline-flex items-center gap-1.5 text-white/90 font-semibold text-sm group-hover:gap-2.5 transition-all",children:[a("casestudies.see_case")," ",e.jsx(u,{size:14})]})]})]}),f.length>0&&e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:f.map(s=>{var t;return e.jsxs(m,{to:`/case-study/${s.slug}`,className:"group relative overflow-hidden rounded-[1.5rem] bg-gray-100 shadow-sm hover:shadow-lg transition-all duration-300",style:{aspectRatio:"16/8"},children:[s.main_image_url&&e.jsx("img",{src:s.main_image_url,alt:s.title,className:"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-gray-900/80 via-gray-900/20 to-transparent"}),e.jsxs("div",{className:"absolute bottom-0 left-0 right-0 p-5",children:[e.jsx("span",{className:"inline-block mb-2 px-2 py-0.5 bg-brand-blue/80 text-white text-[10px] font-bold uppercase tracking-widest rounded-full",children:((t=s.client)==null?void 0:t.name)||a("casestudies.confidential_client")}

1),e.jsx("p",{className:"text-white font-bold text-[15px] leading-snug line-clamp-2",children:n(s.title,r)}),e.jsxs("div",{className:"mt-2.5 inline-flex items-center gap-1 text-white/80 font-semibold text-xs group-hover:gap-2 transition-all",children:[a("casestudies.see_case")," ",e.jsx(u,{size:12})]})]})]},s.id)})})]}),x&&e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx("div",{className:"rounded-[1.5rem] bg-gray-200 animate-pulse",style:{aspectRatio:"16/6"}}),e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsx("div",{className:"rounded-[1.5rem] bg-gray-200 animate-pulse",style:{aspectRatio:"16/8"}}),e.jsx("div",{className:"rounded-[1.5rem] bg-gray-200 animate-pulse",style:{aspectRatio:"16/8"}})]})]}),e.jsx("div",{className:"mt-10 pt-8 border-t border-gray-100 flex flex-col sm:flex-row items-start sm:items-center gap-6 sm:gap-12",children:R.map((s,t)=>e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("span",{className:"text-brand-blue",children:s.icon}),e.jsx("span",{className:"font-bold text-gray-900 text-lg",children:s.value}),e.jsx("span",{className:"text-gray-500 text-sm",children:s.label})]},t))})]})}),e.jsx("div",{className:"max-w-6xl mx-auto px-5 py-14",children:x?e.jsxs("div",{className:"flex flex-col items-center justify-center py-24",children:[e.jsx("div",{className:"w-10 h-10 border-4 border-brand-blue border-t-transparent rounded-full animate-spin mb-4"}),e.jsx("p",{className:"text-gray-500 font-medium",children:a("casestudies.loading")})]}):c.length===0?e.jsxs("div",{className:"text-center py-24 bg-white rounded-3xl border border-gray-100 shadow-sm",children:[e.jsx("h3",{className:"text-2xl font-bold text-gray-900 mb-2",children:a("casestudies.no_projects_title")}),e.jsx("p",{className:"text-gray-500",children:a("casestudies.no_projects_desc")})]}):e.jsxs(e.Fragment,{children:[e.jsxs("p",{className:"text-gray-400 text-xs font-bold uppercase tracking-widest mb-8",children:[a("casestudies.all_projects")," (",c.length,")"]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",children:c.map(s=>{var t;return e.jsxs(m,{to:`/case-study/${s.slug}`,className:"group bg-white rounded-[1.75rem] overflow-hidden shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col border border-gray-100",children:[e.jsxs("div",{className:"relative overflow-hidden",style:{aspectRatio:"16/9"},children:[s.main_image_url?e.jsx("img",{src:s.main_image_url,alt:s.title,className:"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105"}):e.jsx("div",{className:"w-full h-full flex items-center justify-center bg-gray-100 text-gray-400 font-medium text-sm",children:a("casestudies.no_preview")}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-gray-900/40 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"}),s.featured_order!=null&&e.jsx("div",{className:"absolute top-3 left-3",children:e.jsx("span",{className:"px-2 py-0.5 bg-brand-blue text-white text-[10px] font-bold uppercase tracking-wider rounded-full",children:a("casestudies.featured_badge")})})]}),e.jsxs("div",{className:"p-7 flex flex-col flex-grow",children:[e.jsx("div",{className:"mb-4",children:e.jsx("span",{className:"inline-block px-3 py-1 bg-brand-blue/8 text-brand-blue text-[11px] font-bold uppercase tracking-wider rounded-full border border-brand-blue/15",children:((t=s.client)==null?void 0:t.name)||a("casestudies.confidential_client")})}),e.jsx("h3",{className:"text-[1.1rem] font-heading font-bold text-gray-900 leading-snug mb-3 group-hover:text-brand-blue transition-colors duration-200",children:n(s.title,r)}),e.jsx("p",{className:"text-gray-500 text-[14px] leading-relaxed line-clamp-3 flex-grow mb-6",children:h(n(s.subtitle,r))}),e.jsxs("div",{className:"mt-auto flex items-center gap-1.5 text-brand-blue font-semibold text-[14px]",children:[a("casestudies.see_full"),e.jsx(u,{size:15,className:"shrink-0 transition-transform group-hover:translate-x-0.5"})]})]})]},s.id)})})]})})]})}export{H as default};