1import{s as e,d as m,N as c,G as d,x,S as p,H as g,t as h}from"./index-BefoN31N.js";import{C as u}from"./calendar-bpUc-tJ4.js";import{C as f,g as j}from"./articles-2--4VMnD.js";import{A as y}from"./arrow-right-DtroB0VF.js";import b from"./Footer-BXMPlLqT.js";import"./mail-BJEAN5Bv.js";function N({article:s,publishedOn:a,readingTime:l}){return e.jsxs(m,{to:`/blog/${s.slug}`,className:"group relative flex flex-col bg-white shadow-[0_4px_20px_0_rgba(0,0,0,0.08)] rounded-[2rem] overflow-hidden cursor-pointer",children:[e.jsxs("div",{className:"relative h-[124px] overflow-hidden rounded-t-[2rem] shrink-0",children:[e.jsx("img",{src:s.image,alt:s.title,className:"w-full h-full object-cover"}),e.jsx("span",{className:"absolute top-3 right-4 bg-[#e8eafe] text-[#437dea] font-display font-medium text-xs sm:text-sm rounded-full px-4 py-1",children:s.category})]}),e.jsxs("div",{className:"flex flex-col gap-3 p-5 flex-1",children:[e.jsx("h3",{className:"font-display font-medium text-lg sm:text-xl leading-snug text-[#1A1814] line-clamp-3",children:s.title}),e.jsxs("div",{className:"flex items-center gap-2 text-[#1A1814]",children:[e.jsx(u,{size:16,className:"shrink-0"}),e.jsxs("span",{className:"font-normal text-xs sm:text-sm",children:[a," ",s.date]})]}),e.jsxs("div",{className:"flex items-center gap-2 text-[#1A1814]",children:[e.jsx(f,{size:16,className:"shrink-0"}),e.jsxs("span",{className:"font-normal text-xs sm:text-sm",children:[l," : ",s.readingTime]})]})]}),e.jsx("div",{className:"absolute inset-0 bg-black/20 opacity-0 sm:group-hover:opacity-100 transition-opacity duration-300 rounded-[2rem] pointer-events-none"}),e.jsx("div",{className:"absolute bottom-4 right-4 w-12 h-12 bg-[#437dea] rounded-full flex items-center justify-center opacity-0 sm:group-hover:opacity-100 transition-opacity duration-300",children:e.jsx(y,{size:20,className:"text-white"})})]})}function S(){const{lang:s}=c(),a=d[s].blog,l=j(s),o=[{key:"all",label:a.seeAll},{key:"Tech",label:"Tech"}],[i,n]=x.useState("all"),r=i==="all"?l:l.filter(t=>t.category===i);return e.jsx(p,{children:e.jsxs("div",{className:"relative bg-[#FAFAF7] min-h-screen",children:[e.jsx(g,{}),e.jsxs(h.main,{initial:{opacity:0,y:-40},animate:{opacity:1,y:0},transition:{duration:.6,ease:[.16,1,.3,1]},className:"max-w-7xl mx-auto px-6 md:px-10 pt-28 pb-24",children:[e.jsx("h1",{className:"font-display font-medium text-[clamp(2rem,5vw,3.2rem)] text-[#1A1814] tracking-tight leading-tight",children:a.title}),e.jsx("div",{className:"flex flex-wrap gap-2 mt-4 mb-10",children:o.map(t=>e.jsx("button",{onClick:()=>n(t.key),className:`font-medium text-sm rounded-full px-4 py-2 transition-colors duration-200 ${i===t.key?"bg-[#e8eafe] text-[#437dea]":"text-[#6B6862] hover:text-[#1A1814]"}`,children:t.label},t.key))}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8",children:r.map(t=>e.jsx(N,{article:t,publishedOn:a.publishedOn,readingTime:a.readingTime},t.slug))}),r.length===0&&e.jsx("p",{className:"text-lg text-[#94918A] text-center py-20",children:a.empty})]}),e.jsx(b,{})]})})}export{S 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.