1import{u as f,j as e,L as m}from"./index-forINz7q.js";import{u as x}from"./usePageMeta-CBKo1K1A.js";import{u as g,s as u,a as p}from"./useIntersection-DygGy7VS.js";import{B as h}from"./mockBlogPosts-CDOGh622.js";import{m as o}from"./proxy-oYItDqoK.js";import{A as j}from"./arrow-right-DVhnQYRX.js";import{C as b}from"./clock-DcalS085.js";import{T as v}from"./tag-CpELBlnt.js";function y(t,r){const i=new Date(t),l={ru:"ru-RU",en:"en-US",kz:"kk-KZ"};return i.toLocaleDateString(l[r]??"ru-RU",{day:"numeric",month:"long",year:"numeric"})}function N({tag:t}){return e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 rounded-md bg-[#f5f5f5] text-[#737373] text-xs",children:[e.jsx(v,{size:10}),t]})}const c=[{from:"#eef2ff",to:"#f0fdf4",dot:"#4f46e5"},{from:"#fdf4ff",to:"#eff6ff",dot:"#7c3aed"},{from:"#fff7ed",to:"#fefce8",dot:"#ea580c"},{from:"#f0fdf4",to:"#ecfdf5",dot:"#059669"}];function D(){const{t,language:r}=f(),[i,l]=g({threshold:.05});return x({title:t("blog.meta.title"),description:t("blog.meta.description")}),e.jsxs("main",{className:"pt-[68px]",children:[e.jsx("section",{className:"py-20 md:py-24 bg-white border-b border-[#e5e5e5]",children:e.jsxs("div",{className:"max-w-5xl mx-auto px-4 md:px-8",children:[e.jsx("h1",{className:"text-[#000000] mb-3",style:{fontSize:"clamp(32px, 5vw, 56px)",fontWeight:700,letterSpacing:"-0.02em"},children:t("blog.title")}),e.jsx("p",{className:"text-[#525252]",style:{fontSize:"17px"},children:t("blog.subtitle")})]})}),e.jsx("section",{ref:i,className:"py-16 bg-white",children:e.jsx("div",{className:"max-w-5xl mx-auto px-4 md:px-8",children:e.jsx(o.div,{variants:u,initial:"initial",animate:l?"animate":"initial",className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:h.map((s,d)=>{const a=c[d%c.length];return e.jsx(o.div,{variants:p,children:e.jsxs(m,{to:`/blog/${s.slug}`,className:"group rounded-[14px] border border-[#e5e5e5] bg-white shadow-[0_1px_3px_rgba(0,0,0,0.06)] hover:shadow-[0_4px_16px_rgba(79,70,229,0.12)] hover:border-[#c7d2fe] transition-all duration-200 overflow-hidden flex flex-col cursor-pointer no-underline",style:{textDecoration:"none"},children:[e.jsx("div",{className:"h-44 overflow-hidden bg-[#f5f5f5]",children:s.coverUrl?e.jsx("img",{src:s.coverUrl,alt:t(s.titleKey),loading:"lazy",className:"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"}):e.jsx("div",{className:"w-full h-full flex items-center justify-center",style:{background:`linear-gradient(135deg, ${a.from}, ${a.to})`},children:e.jsx("div",{className:"w-9 h-9 rounded-xl flex items-center justify-center",style:{background:`${a.dot}18`},children:e.jsx(j,{size:18,style:{color:a.dot}})})})}),e.jsxs("div",{className:"p-5 flex flex-col gap-3 flex-1",children:[e.jsx("div",{className:"flex flex-wrap gap-1.5",children:s.tags.map(n=>e.jsx(N,{tag:n},n))}),e.jsx("h2",{className:"text-[#111827] group-hover:text-[#4f46e5] transition-colors leading-snug",style:{fontSize:"16px",fontWeight:700},children:t(s.titleKey)??s.id}),e.jsx("p",{className:"text-[#525252] flex-1 leading-relaxed",style:{fontSize:"14px"},children:t(s.excerptKey)}),e.jsxs("div",{className:"flex items-center justify-between text-xs text-[#9ca3af] pt-2 border-t border-[#f0f0f0]",children:[e.jsx("span",{children:y(s.date,r)}),e.jsxs("span",{className:"flex items-center gap-1",children:[e.jsx(b,{size:11}),t("common.minutesRead",{count:s.readTime})]})]})]})]})},s.id)})})})})]})}export{D 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.